第4回 簡単！？iPhone対応サイトの構築方法

iPhoneはケータイのような画面のウルトラモバイルPC

　前回（http://www.thinkit.co.jp/article/146/3/）は主にHTMLやCSS、サイトデザインについて紹介しました。今回はもう少しシステム寄りの「作り方」の紹介をします。

　大前提としてご理解いただきたいことは、iPhone用のサイトというのはシンプルなPC向けのページである、ということです。

　ウィンドウ幅が基本320px（デフォルトでは980pxを縮小）のSafariが積んであり、Wifiでも3G回線でも通信できる、メモリ128Mの非力なPCです。標準的なHTMLやJavaScript、CSSも使えます。きちんとSafariに対応しているAjaxのライブラリ群も動作します。Safari Web Content Guide for iPhone（http://developer.apple.com/documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/chapter_2_section_13.html#//apple_ref/doc/uid/TP40006482-SW21）にあるように、一応XHTMLモバイルプロファイルには対応しているようですが、「モバイルWeb構築の最新潮流：第2回（http://www.thinkit.co.jp/article/145/2/2.html）」によれば、日本の場合はキャリア依存のようです。

　逆に、ケータイにあるようなインターネットゲートウェイからのキャリア判断、端末固有IDや衛星利用測位システム（GPS）情報の取得はできません。iPhoneの3G回線用のゲートウェイはpanda-world.ne.jpですが、Wifi経由での接続ではもちろん使われませんので、通常のPCと同じくUserAgentで対応しておきましょう。筆者の場合は、UserAgentに「Mobile」「Safari」が入っていればiPhoneとおおざっぱに判定しています。