iPhoneテンプレート for MT でiPhone対応してみました

... PV

スポンサードリンク

TechCrunch の「Royal PingdomによればTechCrunchのトップページは重すぎて、他の人気ブログと同病を患っている」という記事で述べられている「トップページの重さ問題」は、このブログも含め色々なサイトが認識しなければならない問題だと思います。

試しにこのブログのトップページがどれだけのサイズなのか Firebug を使って計測してみたところ、

↑ トータルで 848KB でした。

光回線だったら気にならないサイズかなと思いますが、iPhoneなどモバイル端末での表示を考えると重すぎですよね。

さらに iPhone やフルブラウザではJavaScriptの実行速度も遅いため、それによる描画の遅延も発生してしまいます。

というわけで、iPhoneテンプレート for MT で iPhone 対応してみました。

» http://blog.fkoji.com/i/

このブログでは個別エントリーのパーマリンクに日付を利用しているので、少しテンプレートの修正が必要でした。それから文字が少し小さい気がしたので、pタグの font-size を 120% に指定しました。

さらに、iPhoneやiPod touchからアクセスされたときに自動的にリダイレクトさせるために、.htaccess に以下のような記述を追加しました。

# iPhone
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod)
# ここはこのブログ特有の記述
RewriteRule ^([0-9]{4}/[0-9]{8}\.html)$ i/$1 [L]
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod)
RewriteRule ^$ i/ [L]
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod)
RewriteRule ^index\.html$ i/ [L]

なお、iPhone表示に対応しているのはトップページと個別エントリーのみなので、カテゴリーページや月別アーカイブのページはそのまま表示されます。

Written by F.Ko-Ji

地図とツイッターを同時に見れるiPhoneアプリ「MapAnd」をリリースしました！

トラックバック

このエントリーのトラックバックURL:

iPhone / このブログ / モバイル

English version

2008/11/07 08:24:00 by F.Ko-Ji
パーマリンクコメント (0) トラックバック (0) iPhone

前のエントリー: « 「ブリーズライト」も推進する鼻呼吸を意識することで変わった3つのこと
次のエントリー: ケータイ会議3の募集が開始されています »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ:

プロフィール

F.Ko-Ji といいます。ネットサービスを作ったりブログ書いたりしてます。Webエンジニア寄りのネットサービス・クリエイターです。

最近はドットインストールの開発を担当してます。個人では DailyFeed や梅酒.in や Meity などを運営してます。梅酒が好きです。ブログにはネットサービスの開発に役立ちそうな話題を中心に、自分のアンテナにひっかかったものを書いてます。

マイコミジャーナルで「Useful Web Applications」という連載も執筆しました。