簡単!?iPhone対応サイトの構築方法

2008年10月24日(金)
松本 庄司

CMSの利用

 では、簡単にできるiPhone対応サイトの構築方法を紹介します。

 なんらかのCMSを使ってメインコンテンツと装飾を分離してあるならば、対応は簡単です。iPhone用の表示テンプレートとして前回のサンプル(http://www.thinkit.co.jp/article/146/3/)のようなものを使い、内容を入れるだけです。ここでの考え方は「一覧とメインコンテンツさえあればどうにかなる!」です。

 メインコンテンツに使っているようなHTML断片は複雑なスクリプトは使っていないでしょうから、それをメインに据えた簡単なテンプレートであればまったく支障ありません。巨大な画像、YouTube以外のFlash、そのほかのプラグインを使っている場合は別途修正の必要がありますので注意してください。

 また、CMSであれば記事一覧用にもテンプレートを作成できるでしょうから、前回のサンプル(http://www.thinkit.co.jp/article/146/3/)のトップページや一覧ページもそれほど難しくないでしょう。

 有名どころのCMSもiPhoneに対応する方法はいろいろ出ているようです。MovableType用のiPhoneテンプレートは「iPhoneテンプレート for MT:crema design(http://cremadesign.jp/blog/iphone/iphone_template_for_mt.html)」、WordPress用のiPhoneからの閲覧用プラグインは「iWPhone WordPress Plugin and Theme:ContentRobot(http://iwphone.contentrobot.com/2007/07/04/iwphone-wordpress-plugin-and-theme/)」などがありますので、参考までに試してみてはいかがでしょうか。

 iPhoneからのアクセスの振り分けが面倒な場合は、図3のようなスクリプトで飛ばしてしまえば、サーバ側の設定の変更や拡張も不要です。

 また、少しイリーガルな方法ですが、CMSからの全文を含んだRSSを利用して、Ajaxで簡易的なフィードリーダーを作ってしまうという方法もあります。

株式会社モディファイ
CTO。ProjectVine、もじら組などオープンソース系コミュニティーでの活動後、大手SIerにてJavaによるアプリケーションフレームワークの構築を手がける。ベンチャーインキュベータを経て、現在は株式会社モディファイにてJavascript/CSSと格闘する毎日。http://www.modiphi.com/

Think ITメルマガ会員登録受付中

Think ITでは、技術情報が詰まったメールマガジン「Think IT Weekly」の配信サービスを提供しています。メルマガ会員登録を済ませれば、メルマガだけでなく、さまざまな限定特典を入手できるようになります。

Think ITメルマガ会員のサービス内容を見る

他にもこの記事が読まれています