携帯サイト: 2006年10月アーカイブ

【引用ページ】
http://www.apupu.net/pc/hp/

◆メールや電話番号を登録してもらう
この機能はリンクをを位置付けることによって自動的に携帯に電話番号やメールを登録させることができます。

【A href="tel:電話番号" telbook="名前" kana="半カナ名前" email="メールアドレス"】アドレス張に登録する【/a】

アドレス帳に登録する

になり、いわゆる電話番号ブックマークができるわけです。
テルブックマークといいます。もちろんPCでも意味がありません。
iモードは503以降の機種で対応しています。その他のキャリアは未対応。

◆ダイレクトキーを使えるようにする
携帯電話各キャリアではダイヤル数字キーなどをつかって操作できるようにする方法があります。PCでは使えません。例えば

1.りんご
2.みかん
3.バナナ

という具合に仮にリンクが３つあったとすれば、わざわざバナナのところまでカーソルをあわせなくても数字の3を押せばすぐジャンプできるような機能です。

【a href="http://www.apupu.net/i/" accesskey="1"】①【/a】をクリック ①をクリック
上部のように表示され、数字の１を押せばジャンプします。
accesskey=""
使える文字は0～9、#,*です。
すべてのキャリアに対応。vodafoneの場合directkeyとしてもかまいませんが、他のキャリアに対応していないので意味がありません。
もともとiモードのタグだったのですがvodafoneが後から対応した形となっています。

◆文章をインデントする
【BLOCKQUOTE】～【/BLOCKQUOTE】ブロッククウォートタグを使います。
例）一行目です。【BLOCKQUOTE】二行目はインデントされています【/BLOCKQUOTE】

◆スペースを入れる 　を使います。
半角スペースを挿入したい場合、
 
を使います。
1 2 3

◆<>の文字を使う&gt; < を使います。
「>」は>
「<」は<
で表記します。
ソース上では「>」や「<」はタグの一部に使います。ですから普通に<>を使ってしまうとタグとプログラムが思ってしまいます。
よってページ上でこの<>を使う場合は> <を使う必要があります。

【引用ページ】http://www.limy.org/program/mobile/list1.html

ファイルサイズの制限
画像も含めて5Kbytes程に収めなければなりません。
i-mode …初期の機種は全体で5K。FOMAでは30K(全体では100K)。
Vodafone …初期の機種は全体で6K。3GC端末では10K(全体では300K)。
EZweb…全体で9K。

スタイルシート関連
携帯向けサイトでは、一切のスタイルシートが使えません。

JavaScript
これも一切使えません。

クッキー、セッション
クッキーはVodafoneの比較的新しい機種なら使えるようです。
i-mode、ez-webでは技術情報でクッキーについて触れていないので不明ですが
使えないと思った方がいいでしょう。

メーカーによる違い
PC向けサイトでも、ブラウザによって動作やレイアウトが異なるといった事はありましたが
携帯向けサイトにおいてもその傾向は無くなりません。

携帯共通サイトを作るにあたって

文字コードはShift_JISにする
そして、METAタグは必ず入れるようにします。
【meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"】

画像について
i-mode … 全ての機種で対応しているのが GIF です。
2003年以降発売の機種では JPEG も使えます。

Vodafone…全ての機種で対応しているのが PNG / JPEG です。
3GC端末(2005年以降発売)では GIF も使えます。

EZweb …全ての機種で対応しているのが PNG です。
2001年後半以降発売の機種では JPEG に、
2003年以降発売の機種では GIF にも対応しています。

※以上を踏まえると、JPEGならば2003年以降発売のほぼ全機種で使うことが出来ます。
GIFはVodafoneの対応が若干遅いのですが、他の2メーカーなら2003年以降で対応しています。
PNGはi-modeが対応していないので止めた方がいいでしょう。
※ i-modeさえ対応すれば、おすすめのフォーマットはPNGなんですが…

画面サイズ
これは機種によって様々ですが、
とりあえず横幅20(全角10文字)で作っておけば大体の機種には対応できそうです。
縦幅は8行～10行が目安。

ビューアについて
i-mode …iモードHTMLシミュレータII
ez-web…Openwave SDK
Vodafone…ウェブコンテンツヴューア 2006/9現在、2006/2/17までに発売された全てのVodafone携帯端末に対応しているという事です。
■全ての携帯からアクセスされることを考えれば
これら3つ全てのビューアで確認するのが良いのでしょうが、さすがにそれは面倒です。
通常はどれか一つのビューアで確認をすれば充分でしょう。
個人的には獵 ウェブコンテンツヴューア が一番使い易くお薦めです。

Tips
ファイルサイズを縮小する
改行を減らす
タグの使用は必要最小限にする
ダブルクォーテーションは極力使わない
【div align="right"】→【div align=right】
他にもINPUTタグのname属性など、ほとんどの場合でダブルクォーテーションは必要ありません。
例外として、属性値にシングル（ダブル）クォーテーションを含む場合には
ダブルクォーテンションで括ってやらないといけません。