自Blogを一瞬でiPhone対応にする方法

iPhone開発始めました。いやーわけわかんね。
C言語っていうか、仕事で使っているActionScriptでさえも怪しい感じなのに、Objective-C？もうわけわかんね。

iPhoneってじわじわ普及してきている感じがしますね。持っていなかった人たちも、気がついたら持っていたりして、やっぱりWEBに関わる仕事してるなら、持っていて損することはまずないと思うし、買うべきかどうか悩んでる人は、とりあえず買ってから悩んでもいいと思うよ。

で、iPhoneユーザーが増えてくるとどうしてもiPhone対応サイトってのが作りたくなってくる。
iPhoneは通常の携帯と違ってタッチパネルだから、普通のWEBサイトのインターフェースだとかなり使いにくい。
すでに有名どころのサイトはiPhone対応を進めていて、タッチしてフォーカスしやすいようにした馬鹿でかい入力フォームとか、同様にタッチしやすいように配慮されたリストとかが実装されているサイトをいくつか見かけるようになった。

本格的にiPhone対応にしようと思ったら、機種判別を噛ましてiPhoneから来た人は強制的にiPhone専用サイトに飛ばすのが筋ってものなのだけど、今回はここまでしないけれど、できるだけ楽して自分のBlogをiPhone対応させてしまおうと言うのが目的。

用意するのは
iPhone SDK（要アカウント）
それが動作するMac（Windowsはダメ）
自BlogのRSS
これだけ。

使うアプリケーションはDashcodeと呼ばれる、MacOSX上で動作するウィジェットを作る環境なのだけど、これにiPhone用のWEBアプリを作るためのテンプレートが追加された。
今回はこれを使って作業するよ。

iPhone SDKとか開発系ツールはOSXがインストールされたHDDのルートのDeveloperっていうディレクトリのなかに突っ込まれる。
さらにその中にApplicationsというディレクトリがあるので、これを開く。

Dashcodeがある。
他にもアプリケーション開発用のXcodeとか、インタラクティブで楽しい画像生成プログラムのQuartz Composerとかがあるけど、それは今回は無視。
おもむろにDashcodeを起動して欲しい。

テンプレート選択画面になるので、WEBアプリケーションのグループから「RSS」を選択する。

画面が変わって、iPhoneチックな画面デザインと情報が揃ってない印象のインターフェースが表示される。

画面左下にこれからやるべき作業のフローが書かれてあるので、それにあるように、一番上から順に処理を進めていこう。
まずはRSSのプロパティを設定する。

RSSのURLを入力すればそれでOK。他にも細かい設定項目があるけど、とりあえずこれで動作確認をする。
画面左上の「実行」ボタンを押すことで、iPhoneシミュレーター上でチェックすることができるようになる。

諸々の設定を終わらせたら、最後のステップ「共有」で書き出し先を指定する。
WebDAVであれば直で書き出しができるのだけど、WebDAVなんて使ってる人ほとんどいないだろうから（MobileMeでもOK）、素直にlocalhostに書き出ししよう。

こんな感じで一連のファイルが書き出しされる。

あとはこれらをひっくるめてFTPでアップロードするだけ。

http://okamot.com/hagereader/

ここで動作を確認できます。
デザインの変更や細かい動作の設定については、Dashcodeの通常のウィジェットの作り方と同じだと思うのだけど、まだそのあたりちゃんと見てないので今回は紹介しないです。

とりあえず環境さえあれば一瞬でiPhone対応できるので、Mac持ってる人はやってみて損はないです。Dashcodeおもしろいし。
そして気がついたらXcodeでiPhoneアプリ開発もやってたりして。

これを読んでる人が一日でも早くこちら側に来ることを願っています。
ENJOY！