携帯サイト

• 携帯サイトとは
• 作成方法
• 絵文字
• 独自タグ
• 振り分け
• サービス
• 仕様書

携帯サイトとは

携帯サイトも基本的には通常通りHTMLで作成すればOKです。 ドコモのiモードが採用するモバイル向けのCHTML(Compact HTML)というものもありますが、 どちらでもOKです。 ただし、様々な制限があるので調節が必要です。 絵文字については特殊な記述方法があります。

また、携帯もフルブラウザ(制限が大幅に軽減されPCサイトがそのまま見れます)や iPhone、PSP、DSなどでも一般サイトを表示することができるようになりました。 特殊なレイアウトにしていない限り問題なく表示されるはずです。 自分のサイトがどんな感じで表示されるか、ぜひチェックしてみましょう。

ここでは基礎知識と関連するサービスを紹介します。 さらに詳しくはFAQやリンク集のサイトを参考にしてください。

作成方法

携帯サイトの作り方は以下の点に注意します。

• 1ページのファイルサイズは5KB以下(画像含む)にします。
• 文字コードはShift_JISにします。
• 画像はJPEGかGIFにします。
• JavaScriptは使用できません。
• CSSは使用できません。
• 半角カナは使用できます。

絵文字

携帯サイト独自の特徴のひとつが絵文字です。 ただ、絵文字は業者や機種によって異なるので使用には注意が必要です。 auはドコモの絵文字を自動変換してくれます。

絵文字入力ソフト「i絵文字」

ドコモ公式のiモード対応絵文字入力支援ツール。

ドコモ絵文字コードの種類と一覧

絵文字コード一覧。

独自タグ

リンクをクリックするかわりに、ダイヤル番号を押すことでリンク先に移動することができます。 操作性を向上させることができるかもしれません。

ドコモとauは共通です。数字の絵文字と合わせて使用します。 <a href="test.html" accesskey="1">test</a> ソフトバンクはデフォルトで数字も表示されます。非表示にする場合はnonumberを追記します。 <a href="test.html" directkey="1" nonumber>test</a> また、クリックすることで直接電話を掛けることができます。 携帯ならではの機能です。ドコモ、au、ソフトバンク共通です。 <a href="tel:09012345678">090-1234-5678</a>

振り分け

PCと携帯の両方に対応したサイトの場合、PC向けのページと携帯向けのサイトを用意して、 自動的に振り分けする方法があります。

携帯振り分けPHP

携帯だけでなくパソコンのブラウザの判別も行ってくれます。

サービス

QRのススメ

QRコードを簡単に作れるサイトです。

仕様書

Mobile Web Best Practices 1.0

W3Cによる。

作ろうiモードコンテンツ

iモードコンテンツの仕様。