MobifyをつかってiPhoneに最適化

みなさん、あけましておめでとうございます、まーしーです。
この年末年始はどのように過ごされましたか？？
2010年もlinker journalをよろしくお願いいたします。

簡単ですが補足を書きました。[2010.1.6]
iPhoneに最適化の続き［Mobify or iPhoneテンプレートfor MT htaccessでリダイレクト］

最近iPhoneに最適化されたサイトが増えてきました。

最近iPhoneに最適化されたサイトが増えてきました。

[N] ネタフル、MTプラグインでPCと同URLでiPhoneレイアウトに対応
http://netafull.net/diary/032971.html

TAROSITE.NET | TAROSITE.NET、iPhoneに対応しました
http://www.tarosite.net/iphonestock/tarositenetiphone.html   

この辺はMTのプラグインを使って実装されているようです。
Wordpressのプラグインでも最適化することができるようですね。

Mobifyを使ってiPhoneにページを最適化

先日@cremaが「iPhoneに最適化されたブログテンプレートを見かける。」を書いたときに、コメントでこもりさんも教えてくれていましたが、Mobifyというものがあります。

アカウントを作成して、iPhoneに対応させたいサイトのURLを入力します。

そうすると自動でサイトの情報が読み込まれてきます。
ここでiPhone版で表示させる箇所（赤くなっている部分）を選択します。

これらを選択してNextをクリックすると

このようなかんじで表示部分のCSSを設定することができます。あわせて要素にClassを付与する事も可能になります。
ここではhomeのテンプレートを修正していることになります。

Deployにすすむと

このようなかんじで転送先のURL設定や、埋め込み用のJavaScript等が用意されています。このJavaScriptをうめこみそのページにiPhone / iPod touchからアクセスすると最適化されたページへ転送されます。  

各ページのDesignを調整してあげることでより読みやすいページにすることが可能です。
とりあえず今日はMobifyの紹介ということで。

URLの問題など考える事はいくつかありますが、そこそこ簡単に導入できるかと思いますので、一度試してみる価値はあるかと思います。
続きはまた次回にでも。

簡単ですが補足を書きました。[2010.1.6]
iPhoneに最適化の続き［Mobify or iPhoneテンプレートfor MT htaccessでリダイレクト］