トップ 最新

ただのにっき

2007-10-10(水) [長年日記]

tDiaryをiPod touch/iPhone対応に(仮)

PCほどリッチじゃないけど、携帯ほどプアじゃない……ようするにPDAのように画面が広くて、まともなWebブラウザを搭載していて、通信回線もそこそこ速いなんて環境向けのコンテンツをどうしたらいいか、悩ましいところだ。そうは言っても、日本ではスマートフォンはそんなに普及してないし、Windows MobileのPocketIEは実装がショボくて、PC用の画面だと厳しかったので放置しておけたんだが、iPod touchが上陸してしまった現在、そうそう無視するわけにいくまい。というか自分が困る。

iPod touch/iPhone専用のものを作るのもいいけど、そんなに余力もないので、せめてSafariで不自然じゃない程度に表示されるようにしよう。だから「(仮)」なんだけど。

まずは、iphone-detector.rbプラグイン:

# iPod/iPhone detector
def iphone?
   return @cgi.user_agent =~ /iPhone|iPod/
end
alias ipod? iphone?

あとはtDiaryの設定で、ヘッダとフッタをこう書き換えると、iPod touch/iPhoneからアクセスした時だけサイドバーが消える。

ヘッダ:

<% unless iphone? %><div class="main"><% end %>

フッタ:

<% unless iphone? %>
</div>
<div class="sidebar">
   :
   :
</div>
<% end %>

ようするに、iPodからはサイドバーは見えなくていいでしょ、ってことなんだけど。これだけで、Safariの画面をダブルタップして、本文を拡大する手間が省ける。tDiaryのほとんどのテーマはリキッドレイアウト前提だから、きっちり画面のサイズに本文がレイアウトされるので、縦スクロールするだけで読めるはず。テーマがサイドバー必須だったりするとうまくいかないかも知れないが。

それにしても、こういう中間領域の端末向けにはどんなサポートを組み込むのがいいのかなぁ。