モバイル向けサイトを制作するにあたって認識しておくべきPC向けサイト制作との違い

これも「PHP×携帯サイト デベロッパーズバイブル」を参考に。

現状で、いわゆる「常識」とされる部分について、超基本的なところをあらためてメモ。クライアントに説明する際にも、ざっとこのあたりを示すことが出来るとプレゼン等、進めやすいことがあるので。

PC向けサイトとの違い

HTMLの違い
docomo

• iモード対応HTML（各ヴァージョン）
• iモード対応XHTML（各バージョン）

au

• HDML
• XHTML Basic

Softbank

• C2型（HTML）
• C3型（HTML）
• P型（HTML）、W型（HTML, XHTML）
• 3GC型（HTML, XHTML）

画面表示容量の違い
PCと違い、携帯端末では表示出来るページ容量が小さいため、ページを分割する等の工夫が必要。

画像形式
PCサイトのようにgif, jpg, png 等がどの機種でも使えるわけではない。場合によってはキャリアや機種ごとに形式を変更することが必要。

JavaScriptが使えない
JavaScriptに頼らない設計をする必要がある。

Cookieが利用できない
携帯端末では基本的にcookieは利用出来ない。最近のau, Softbank 端末では一部利用出来るものもあるが、docomo 端末が非対応なので「Cookieは利用できない」ものとして開発する必要がある。

出力文字コード
PC向けサイトでは、ブラウザ画面上に出力する文字コードをサイトでまとめて統一して問題ない。が、携帯向けサイトだとキャリアや機種に応じて変更してやらないといけない場合がある。

携帯向けサイトだからこそ出来ること

• 位置情報を取得できる
• 絵文字による表現
• 固有識別番号を取得できる
  PCと違い、携帯はそれぞれの端末ごとに固有の識別番号を持っている。ユーザの送信設定による制御はあるが、デフォでは送信する（個体識別番号を）ことになっているので、サーバ側で識別し、端末ごとに処理を分けることが可能。

主要3キャリアの公式技術情報

• docomo: 作ろうiモードコンテンツ
• au: EZwebホームページを作ろう！EZfactory
• SoftBank: MOBILE CREATION

開発にあたって決めておくこと

対応キャリア・機種を決めておく

2G端末対応とするか、3G端末のみとするか
各キャリアとも2Gと3Gを境にして表現出来ることが大きくかわってくる、らしい。なので、実際の現場ではどの携帯端末を対象とするのかの判断をこの部分（2Gか3Gか）で線引きすることが多いらしい。

GPSへの対応
まだまだ一般普及しているとは言えない状況なので、GPSが利用できない端末ではどう対応するのか等、決めておく必要がある。

文字コードを決めておく
PCでは文字化けのリスクを避けるため、出力文字コード、内部文字コードを合わせておくことが多い。携帯向けサイトの場合は出力文字コードはShift_JISが基本。でも、UTF-8で出力しないといけないこともある。（文字コードの変換が必要）

内部文字コードは運用サーバに合わせて決めるのもひとつの方法。Linux系ならEUCやUTF-8だし。

携帯向けサイトは基本的にShift_JISを扱うため、内部文字コードもそのままShift_JISで始めてしまうことが多いが、運用サーバのことなども考慮して決めておくことが大切。

画面の表示方法を決めておく（マークアップ言語、タグについて）
どのマークアップ言語を使い、どのタグを使って表現していくのかを決める。

決め方としては、対応する機種（対象とする機種）の中で一番表現の幅が狭いものに合わせるのが基本。その逆で、「〜機能を使いたい」からということで、その機能に対応していないものは切り捨てるというやり方もあり。

どのマークアップ言語を使うのか。どのタグを使うのか。どのタグを使ってはいけないのか。等、明確にドキュメント化しておくと良い。