iモード(i-mode)用ページの作り方

トップ > How To > iモード(i-mode)用ページの作り方

i-mode用ページの作り方

通常のブラウザで http://~ というアドレスでアクセスできるページであれば、i-mode でもほとんどのページを表示することができます。ただし、若干の制限があります。このページでは、その制限や注意事項について述べます。

ただし、i-modeの発展は非常に早いので、このページの内容はすぐに古くなるかもしれません。詳細や最新情報は、このページの末尾にあるリンク先を参照してください。

 ★☆リンク☆★ 
========
[1]ニュース
[2]お天気
[3]掲示板
[4]戻る


パケット課金されます

i-mode は月額 300円の基本使用料の他に、転送したデータ量によって重量課金されます。つまり、接続時間ではなく、転送したデータ量によって料金が変わります。データは 1パケット(最大 128バイト、全角 64文字分)で 0.3円です。

このパケットという呼び方はちょっと誤解を招きますが、50バイトのパケットを 10個転送した場合でも、50×10=500バイト。500÷128=3.90625→4パケット(切り上げ)。0.3円×4パケット=1.2円→1円(切り捨て)のように計算するそうです。

とにもかくも、転送するデータ量が少ないほど安くなります。

画面がムチャクチャ狭いです

もちろんのこと、画面が狭いです。機種にもよりますが、全角で 8×6 から、大きなものでも 10×10 文字程度です。1文字はだいたい12ドット×12ドットで構成されます。縦方向は少々スクロールしても構いませんが、横方向はスクロールされない(<pre> や <plaintext> を用いていても自動改行される)ので、横幅は全角8文字(半角16文字)を厳守した方がよさそうです。

1画面の大きさは最大5KB、推奨2KBまで

NTTドコモの説明によると、1ページのサイズは「2Kバイト以内を推奨」、最大でも「5KB未満を厳守してください」だそうです。

シフトJISのページしか表示できません

EUC や JISのページは表示することができません。シフトJISのみ表示することができます。しかし、①(○の中に1)などのPC98文字と呼ばれる機種依存文字は使用できない機種があります。

半角カタカナを使用することができます

インターネットの世界では嫌う人の多い半角カタカナですが、i-mode では半角カタカナを正常に表示できます。むしろ、画面の広さやデータ量を考えると、使用したほうが好まれます。

166種類の絵文字が追加定義されています

例えば、&#63899; と表記することで「るんるん」マーク、&#63889; で「ハートマーク」を表示することができます。数値は10進数で記述してください。専用のエディタで対応する文字コードを直接入力することも可能です。絵文字の一覧は下記のページを参照してください。

いそりすさんが作成されたWindows用のフリーソフト「Page i」を用いると、絵文字をワンクリックでエディタに組み込む事ができます。絵文字用外字ファイルも添付されているので、Windows上のブラウザで絵文字の表示を確認することもできるようになるのでオススメ。

(注)IEのバグなのか仕様なのか、メモ帳、ワードパッド、Netscapeでは外字が表示されたのに、IE5.0では表示されないこともあるようです。フォントを変更すると表示されたり、されなかったり・・・

使用できるタグが限られています

i-mode の HTML は、HTML2.0 や HTML4.0 の規格から、主なものだけを抜き出したものになっています。詳細は後述の サポートされているタグ を参照してください。

画像はGIF画像しか表示できません

最近は256色カラーに対応したものもでてきましたが、まだ白黒のものも多いです。作成時から白黒2色で作成するのがおススメです。透過GIF、アニメーションGIF、インタレースGIFは一部の機種が対応しています。また、アニメーションGIFに関しては、1画面中4画像、5KBまで、1画像中のコマ数は最大5コマ、繰り返しは最大16回などの制限があります。

最近では JPEG に対応する機種も出ているそうです。(2002.7.28追記)

画像は自動縮小されます

<img> タグの width 属性に関わらず、画面の横幅を超える画像は、横幅に収まるように縮小されて表示されます。

<a href="tel:~">がサポートされています

<a href="tel:0312345678">~</a> のリンクをクリックすると、その電話番号に電話をかけます。

accesskey がサポートされています

<a>や<input> タグで accesskey 属性がサポートされています。アクセスキーには 0~9 を指定できます。アスタリスク(*)とシャープ(#)も指定できますが、D502i などではこれらのキーがスクロールに割り当てられているため、使用できません。アクセスキーに対応するキー(ボタン)を押すとそこにジャンプします。

JavaScriptはサポートしていません

まだ、JavaScriptはサポートしていません。

CGI作成時に、Content-Length:の省略が許されません

CGI作成時に通常は Content-type: を書き出しますが、i-mode では、Content-Length: も必須となります。Content-length: には、HTTPのヘッダの終わりを示す、空行の後ろの部分のデータ量をバイト数で記述します。転送する画面のイメージをあらかじめ作成して、以下のようにして送り出すのが無難そうです。(Perlの場合)

$len = length($content);
print "Content-type: text/html\n";
print "Content-length: $len\n";
print "\n";
print $content;
exit(0);

BASIC認証をサポートしています

ページへのアクセス時にユーザ名とパスワードを入力するBASIC認証に対応しています。しかし、機種によっては、画面をジャンプする度にユーザ名とパスワードの入力が求められてしまう機種(F501i、N501i、D501i)があるようです。

SSLは対応していません

まだ、SSLに対応した機種はでてきていないようです。でも、直に出てくるでしょうね。

503iがSSLに対応したそうです。(2001.6.29追記)

サポートされているタグ

i-mode対応HTML 1.0 では以下のタグがサポートされています。

A / BASE / BLOCKQUOTE / BODY / BR / CENTER / DIR / DD / DIV / FORM / HEAD / H1~H6 / HR / HTML / IMG / INPUT / LI / MENU / OL / OPTION / P / PLAINTEXT / PRE / SELECT / TEXTAREA / TITLE / UL

また、i-mode対応HTML 2.0 では以下のタグがサポートされました。

BLINK / MARQUEE / META / SELECT / OL / LI / FONT

BODYタグにおいても、BGCOLOR、TEXT、LINK属性がサポートされ、FONTタグのCOLOR属性と加えて、カラー対応が行われています。

属性値などの詳細は下記のページを参照してください。

Compact HTML と i-mode対応HTML

i-modeで解釈できるタグの仕様を、NTTドコモでは「i-mode対応HTML」と呼んでいます。また、これをベースとした「Compact HTML」という規格が、HTML規格の策定機関であるW3Cにも提案されています。両者はほとんど同じものなのですが、仕様書の書き写しミスなのかなんなのか、若干の差違があるようです。

参考資料

[1] iモード対応HTML Version 1.0・2.0タグ・画面イメージ対応表
http://www.nttdocomo.co.jp/mc-user/i/tag/index.html

[2] Compact HTML for Small Information Appliances
W3C NOTE 09-Feb-1998
http://www.w3.org/TR/1998/NOTE-compactHTML-19980209


Copyright (C) 2000-2002 杜甫々
初版:2000年9月17日、最終更新:2002年7月28日
http://www.tohoho-web.com/wwwxx042.htm