iPhoneのよいところ

既存のPC用ホームページを閲覧できることです。但し、画面サイズが違うので、横スクロールが生じますので不便といえば不便です。そこで、iPhone画面に合ったHPを別途作成する需要が増えてくると推測しますが、この場合、PC用URLとiPhone用URLの２つを使い分けることになります。ユーザー側から見ればちょっと、煩わしいですね。

URLを一つにできない？

物理的には１つにできませんが、１つのURLを知っていれば、アクセスする端末に応じてPC用HP、iPhone用HPが表示されればよいわけで、プログラム上で制御すれば、１つのURLにできます。

制御方法

PCからアクセスすれば「従来通り、PC用として表示されます。iPhoneから同じURLにアクセスする場合は、それがiPhoneとわかるサインを認識しiPhone用HPに自動的に移動させる工夫をすることになります。
iPhoneからのアクセスには、「iPhone」という文字列が認識できる仕組みとなっているので、この文字列が
あるか否かで振り分けます。

Javascriptで振り分け

<script type="text/javascript">
var agent = navigator.userAgent;
if(agent.indexOf("iPhone") != -1) {
	location.href="iPhone用URL";
	}
</script>

PHPで振り分け

<?php
$agent = $_SERVER['HTTP_USER_AGENT'];
if((strpos($agent, "iPhone") !== false) || (strpos($agent, "iPod") !== false)) {
	$url = "iPhone用URL"；
	header("Location: $url");
	}
?>

Simulator

iPhone実機をもっていない場合は、ＰＣを擬似端末としてチェックしいます。今回は以下の２つのSimulatorを試しました。

• iBBDemo4B
• Firefox 擬似端末(FireMobile SImulator) SB iPhone 3G

チェックの結果、iBBDemo4の方は正確に「iPhone」を表示しますが、Firefox 擬似端末のJavascriptによる表示（navigator.userAgent）では表示しません。

以下は、その詳細

iPhoneに代表されるスマートフォンが隆盛していきそうな雰囲気です。従来の携帯電話と違って、iPhoneはPC用ホームページをそのまま読み込みできるメリットがあるものの、iPhone用に幾分考慮した体裁が必要です。
既存のPC用ホームページをiPhoneに対応させる方法といして以下が考えられます。

1. iPhone用ホームページを新規に作成する。
2. WordPressなどのCMSを使って新規にホームページを作成する。WordPressは、プラグインを取り込むことで、1つのホームページでPCにもiPhoneにも対応する。
3. 既存ホームページを生かし、CSSでPC用とiPhone用に振り分ける。

この方法は一見、経済的に見えますが、元のPC用HTMLのCSSが外部ファイルに整然とまとめられていない場合は、適用が困難です。またiPhone用画像は、それ用のサイズで作成し直すことになりますので、思った以上に手間隙のかかる作業となります。