« 【新刊】週刊アスキー増刊　電脳なをさんスペシャル　発売中です | ■メインページへ■ | 【新刊】iPhone 3G入門・活用ガイド　発売です »

2008年08月13日

ブログがiPhone対応になりました

暑い日が続き、体がかなりバテ気味。これまでの仕事の大きな幾多の山が終わってほっとしたせいか、一気に疲れが出てきた。メインマシンの方もかなり暑さのためか不調で、恐らくは電源ユニット周りがやばい、という感じでもう大変・・・。それはともかく、不規則極まりない生活を続けていたせいだろうが、今週は稼働率70%ぐらいで生活リズムを整えていこうと思う。ちょっと自分の時間ができたので、とりあえずブログのiPhone対応が完了した。

と言っても、iPhone用にサイト全体を最適化する気力も時間もさすがにない（笑）。利用したのは、crema designの「iPhoneテンプレートfor MT」だ。このテンプレートは、MITライセンスで無償公開されており、Google Codeで公開されている「iui（User Interface (UI) Library for Safari development on iPhone）」というオープンソースのライブラリを利用しているのが特徴だ。このライブラリはiPhone/iPod touch用のWebアプリケーションのインターフェース用のライブラリである。

iPhoneテンプレートfor MTの導入は実に簡単だ。10分もあれば終わってしまう。方法はread.meに詳しいので割愛するが、Movable Typeユーザなら知っているであろう、あの、地獄のようなスタイルシートのカスタマイズだのインデックステンプレートの作成だのを、一切やらなくていい！というのがポイントだ。サイトを再構築すれば、あっというまにiPhone用ページの出来上がり。これはすばらしい。ページデザインはちょっと味気ないが、RSSリーダ的に見せるのならこれで十分だ。

というわけで、iPhone、iPod touch用ページはできたのだが、ここにiPhoneユーザをどうやって誘導するか、が問題だ。ブラウザのUser-Agentの文字列で判定し、強制的に飛ばしてもいいのだが、それだとiPhoneからオリジナルサイトにアクセスする手段を絶たれる。そこで考えたのが、JavaScriptでダイアログを表示し、アクセス時にどちらかを選べるようにする、という方法だ。内容はこんな感じ。

これで、userAgentの文字列に「iPod」や「Windows CE」などを加えておけば、iPhoneやtouch、WM端末からアクセスした時だけダイアログが表示され、「OK」をクリックすればモバイル向けのサイトに飛ぶ。ちなみに、iPhone用ページのURLは「http://www.aerovision.jp/mercurius/i/」だ。ついでに、過去アーカイブ用のブログも「http://www.aerovision.jp/mercurius-old/i/」という形でiPhone対応にした。あとは・・と、さすがにブログ以外のメインページの方は、BiND2の対応に期待したいところだが・・・。

投稿者 ikeda : 2008年08月13日 02:16

トラックバック

このエントリーのトラックバックURL:
http://www.aerovision.jp/blog/mt-tb.cgi/960

このリストは、次のエントリーを参照しています: ブログがiPhone対応になりました:

» MixiDock mini - winとMacとLinuxのTips from MixiDock mini - winとMacとLinuxのTips
MixiDock mini　Mixiに投稿するだけのアプリ。 とっても [続きを読む]

トラックバック時刻: 2008年08月14日 00:08

» このブログもiPhone対応に(^^)v from ミステリ通信「みすみす」blog
いろいろなホムペにiPhone対応サイトができる中。このブログもiPhoneに対応しました＼(-o-)／それがこちら→ iPhone/iPod touch... [続きを読む]

トラックバック時刻: 2008年08月25日 21:40

» 【Movable Type】iPhone用テンプレートと携帯用MT4iを導入 from 馬に蹴られて
　iPhone3GSを買って自分のサイトを見るとWEB表示になる。Movable... [続きを読む]

トラックバック時刻: 2010年01月17日 20:25

コメント