viewを変えるのは楽チンポンだったが

  • 2010/01/22(金) 00:00:00

経過の詳細すっ飛ばしててごめんね><

いまー私のーねがーいごとがー かなーうーなーらばぁぁぁー!
時間がーーー星ーーーーーーぃいいいいいいいい!! 

知ってる?合唱コンクール!歌ってる?歌おうぜ!さぁみんなで!!
なにさ!べつにワインなんて全然飲んでないんだから!いつも正気だっつの!
8時だJ!」の ”J” って、JavaScriptの ”J” だよね(・∀・) JavaScript事務所つくろうぜ!!

前回、最後に今後のToDoとして
・home,canvas,profileでのviewを指定

って書いたけど、これはちょう速攻の一瞬でできた。

次はサーバにデータ保存の前に、homeとprofile画面で”今日のお勧めマイミク”を
ランダムで出したいなぁ。。。
アプリの趣旨とあんま関係ないけど、canvasビューでマイミク一覧を出してるので、
homeとprofileでもソーシャルっぽい要素を使いたいなと思って。

アプリ申請&マイミクリクエストくれた人、ホントにありがとございます!!!
とてもへぼくて申し訳なくて、メールくるたび画面の前で土下座してます><

とりあえず、使ってくれてるユーザーに恥ずかしい思いをさせないクオリティのアプリにせねば(`・ω・´)


てかさぁぁ。去年、うじひさ(カナダ在住)に送ったエアメールがまだ届いてないようで泣きそう。
スカイプなら一瞬でメッセージ届けられるのになぁ。
アナログもどかしい・・・だがそれがいい?

LINEで送る

jQueryがナイスファイトすぎーるじぇぇーいの巻

  • 2010/01/17(日) 23:00:00

酔拳のごとく酔うとコーディングしたくなるんだけど、
これは世のプログラマに対して失礼なんだろうか。ギーク的に考えて・・・

PHPよりJavaScriptのほうが楽しいじゃないか。どういうことだ。ってTwitしたけど、最近JSが楽しい。
ガジェットプログラミングのためのJavaScript入門」という本がとてもいい仕事をしている。
この本いいよ、お勧め!って、またアスキーさんの回し者みたいなこと書いてしまった><


mixiアプリでさー。色日記みたいのを作りたくって。
今日はブルーな気分>< とか、今日はピンクなムードなの♪とか、あるじゃん?あるじゃん?
文章で日記をつづるのは面倒な人でも、ワンクリックで色を選ぶだけなら続くかなぁと。
んでんで、1ヶ月過ぎたときに「あー、今月は全体的に暗いなー」とか、視覚的に分かったら
楽しいかなぁと。そしてマイミクのを見て「こいつ今月浮かれてやがる!」なんて思ったりして。
そして最終的には同じ色気分の人とつながって結婚とかすればいいよ!色で出会えばいいよ!!

なんだっけ。そう、色日記。
jQueryのカラーパレット使って、色を表示するだけの超シンプルアプリを作った。
[mixi] color_diary

jQueryをDLして、同じ階層に上げたんだけど、mixiアプリはURLをフルパス指定しないと読み込んでくれないのね。jquery-1.4.min.jsだけだとNG。cssファイルなんかも一緒。http//〜で書かなきゃダメなんだ。
そしてxmlファイルを再upしたら忘れずにキャッシュクリアしなくちゃNE!
つーかjQueryがオニ便利っぽくて今からときめく。わくわくさんですよ!
jQuery

カラーパレットはこれを使った。
Farbtastic: jQuery color picker plug-in


今はまだヘボいけど、このアプリを徐々にブラッシュアップして、最終的には牧場を倒すの(。・д´・。)ノダ!!
まだアホみたいにしょぼいけど、もし見たかったら申請してください><
ついでにマイミク申請してもいいよ!今なら超スペシャルサービスで承認してあげる!
今だけだからね!!今のうちだからね!普段はこんなこと絶対ないんだからねっっxt!!!


なんだっけ。そうだ。この後にやるべきことを書いておこう。
・home,canvas,profileでのviewを指定
・サーバにデータ保存して一覧で見れるようにする

マイミクのデータ引っ張ったりするのはこれをやってからかな。
あー。明日なんで月曜なの?へんなの!ちぇ!!!!!

LINEで送る

みんな大好き!ソーシャルアプリの作り方をコンパイルするよ

  • 2010/01/06(水) 00:00:00

マイコミさんの回し者みたいなことになってるべにぢょだ(・∀・)
2010年はソーシャルアプリが来るぜ!熱いぜ!というソーシャルバブルが楽しそうなので、
私もハローワールドしてみる。
”コンパイルする”というのは、プログラマの言葉を非プログラマに分かるように翻訳するって意味だよ!
そして私は、あなたにコンパイルされたい。

OpenSocialに関する記事はたくさんあるけど、個人的には八角研究所さんの「5分で学ぶGoogle0ガジェット開発」がとても分かりやすかった。5分で7ページは無理ダケドナー!
ガジェットで「Hello,World!」出すのはたぶんPHPより簡単。環境いらない。Googleがあればおk。
私にもできたから、ぜったい大丈夫だよ!びびることないって、ホントホント!マジヨユー!!

八角さんの2分目にあるように、構成はXML形式。

Module ・・・ルート要素
ModulePrefs ・・・ガジェットのメタデータを記述
Require ・・・ガジェットが必要とするライブラリ
Locale, MayRequireなどその他のタグ
UserPrefs ・・・ガジェットが必要とするユーザ設定
Content ・・・HTML/JavaScriptなどでガジェットの内容を記述する


はい先生!ルート要素ってなんですか!?
ググると大概、やけにまどろっこしくて孫の手が欲しくなるような言葉で説明してあるけど、
多少の誤解を許容してシンプルに言うと、htmlでいうbodyタグ的位置付けと解釈している。
や、どちらかというとbodyを内包したheadか?まぁとにかくそのへん!!
XMLは前もちょっとやったから、通知表で言うと2の上くらいの知識はある(`・ω・´)
TwitterにRSSフィードを自動投稿してくれるアカウント作った!

XMLはマトリョーシカみたいな構造になっていて、1番外側の <?xml〜?> から順に開けていくと、
<![CDATA[ 〜 ]]> ていう箱に1番大事な中身が入ってる。のだ!

<?xml version="1.0" encoding="UTF-8"?> 
 // これはXMLファイルですよ
<Module> 
 //絶対必要なルート要素。<html>(ここでは↑のxml)<body>のイメージ!
<ModulePrefs title="ハローワールドを出すテスト" />  // <title>タグとほぼ同意
<Content type="html">  // 以下の内容はhtmlで書きます!という宣言
<![CDATA[ // htmlなら本来はここからがbodyに当たる。ブラウザに表示する中身を記述する部分
Hello,World! // ここがブラウザに表示されます!!!!!!!!
]]> // 表示部分終わり
</Content> // htmlで書いた中身終わり
</Module>
 // このファイルは本当にここで終わり

Hello,Worldを出すのみならこれだけでイケる。
もしOpenSocialを使う場合は、<ModulePrefs title="ハローワールドを出すテスト" /> の下に
<Require feature="opensocial-0.8" />
の1行を入れる。
って、説明するより実際のソース見たほうがなんとなくイメージつかめると思う!
Googleガジェットギャラリー

ここで適当なガジェットを選んで右下の「ソースの表示>>」ていうリンクをクリックするとソースが見れる。
たとえば、みんな大好き「はてなブックマーク」はこんな感じ。
はてなブックマークのソース表示

ね!ね!こっちのほうが早いね!!
今なんとなくしか分からなくても、いつかナルホディウス!と納得することでしょう。
プログラミングはそれでいいのだ。たたたぶんね><

そうそう。ソースを上げるサーバは、自分で用意しなくても大丈夫なんだよ。
八角さんとこに書いてあったみたいにGoogle Gadget Editorを使ってもいいし、dropboxでもいい。
私は最初、この記事見てdropboxで試した。
DropBox を OpenSocialアプリ開発に利用する - jmblog.jp


はっ。そういえば!今年もよろしくお願いします♪

LINEで送る