携帯コンテンツ作成

●ポイント
  1. PC用のホームページより、使えるタグが少ない。
    機種ごとに使えるタグが違う
  2. 絵文字がある
  3. キャリアごとに使える画像ファイルの形式が違う
  4. クッキー・スタイルシート・Javascriptは使えない
  5. 文字コードは、shift-jis
  6. INPUTのmethodはGETにする
  7. ファイルの大きさに制限がある
  8. 画面のサイズがまちまち
  9. QRコードの作成方法
  10. perlプログラムと携帯に関して
PC用のホームページより、使えるタグが少ない。 機種ごとに使えるタグが違う

まず、携帯のHPですが、リンクや画像表示など簡単な動作をするタグしかかけません。
また、携帯サービスを行っている会社は、「vodafone」と「EZWEB」と「i-mode」の3つあるのですが、それぞれタグや出来ることが違ったりします。

vodafone HTMLの一部
EZWEB XHTMLかHDML
i-mode コンパクトHTML

vodafoneとi-modeのタグはほぼ同じなので、個々に作らなくても同じページでいけます。

◆HTML/CHTML基本的なタグ

vodafoneとi-mode用の基本的なタグ。このタグ+絵文字で充分サイトが作れます。

<HTML></HTML>
<HEAD></HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE></TITLE>
<BODY ></BODY>
<A href=""></A>
<BR>
<HR color="">
<DIV align=""></DIV>
<IMG src="">
<FORM action="" method="">
<font color="">
<INPUT type="">
<SELECT></SELECT>
<MARQUEE></MARQUEE>

注意事項:
■フォームにセンタリングを使うと、EZWEBでエラーが出ます。
■カタカナは全角よりたくさん表示できる半角が好まれます。
半角⇒全角は、さくらエディターでファイルごとに変換可能。
文字置換ならDevasで。
■inputは入力モードの指定が使えます。istyle はi-mode/EZWEB用。modeはvodafone用。
平仮名の場合 istyle = 1 mode = hiragana
半角カタカナの場合 istyle = 2 mode = hankakukana
アルファベットの場合 istyle = 3 mode = alphabet
数字の場合 istyle = 4 mode = numeric

使用例:<input type="text" name="sample" istyle = "4" mode = "numeric" value="default_value">
注意:value を指定する場合、valueの前に置くこと。
■メールアドレスへリンクを貼る場合は、URIエンコードする。

メールアドレスの書き方:<A HREF = "mailto:メールアドレス?subject=件名&body=内容">

Perlでの書き方の例

#$argURIエンコードしたい文字列
$arg = Jcode->new($arg, 'euc')->sjis;
$arg =~ s/(\W)/'%'.unpack("H2", $1)/ego;

絵文字がある
携帯で一番曲者なのが絵文字。
3キャリア(「vodafone」と「EZWEB」と「i-mode」のこと)とも全く違う仕様です。

vodafone バイナリ。←コピペで書く
EZWEB <img localsrc="">
i-mode バイナリ もしくは &#xE702; (&#x + 英数字)
キャリアごとに使える画像ファイルの形式が違う
キャリアごとに画像ファイル形式が違います。CGIなどプログラムで対応するのが楽です。

vodafone  jpg
EZWEB  png
i-mode  gif
クッキー・スタイルシート・Javascriptは使えない
ほとんどの機種で使えません。
文字コードは、shift-jis
shift-jis以外だと文字化けします。
INPUTのmethodはGETにする
vodefoneが前までPOSTに対応していませんでした。(現在は、対応しています)
古い機種でも見られるサイトにするためにGETにしたほうが無難です。
ファイルの大きさに制限がある
機種によりファイルの大きさの制限は違います。ファイルの最大サイズは6K〜程度。

[ユーザーにとって困る]パケット代がかかる
[両方にとって困る]表示に時間がかかる
画面のサイズがまちまち
携帯の画面のサイズは96〜240(傾向:サイズはどんどん大きくなっていってます。)までいろいろなサイズがあります。
画面と画像がぴったりのサイズがいい場合はプログラムでの対応が必要。
QRコードの作成方法
QRコードを携帯で読み込むことで、URL打つことなく、楽にアクセスできます。PCページを持っているなら、ページの一部につけるといいかも!
3キャリア対応のQRコードを作成する[個人なら無料]→QRのススメ( http://qr.quel.jp/ )

キャリアごとに作るなら、各社が出しているQRコードエディターは以下の通りです。

vodafone QRコードエディター for Mobile
http://www.dp.j-phone.com/dp/tool_dl/qrcode/tool.php
EZWEB 2次元コードメーカー
http://www.au.kddi.com/ezfactory/tec/two_dimensions/
i-mode QRファクトリー
http://www.nttdocomo.co.jp/p_s/imode/barcode/qr_fact.html
Perlプログラムと携帯に関して。
モジュール

1.HTTP::MobileAgent
機能:
ユーザーエージェントから携帯のキャリアを判別。
携帯の画面のサイズを取得。

2.HTTP::MobileAgent::Plugin::Extension
機能:HTTP::MobileAgentの機能拡張モジュール。HTTP::MobileAgentが必要。
ユーザーから機種の種類を取得。
携帯の位置情報を取得。
各画像(gif/png/jpg)に対応しているかいないかをチェック

【モジュールが配布されているのはこちら】

ここギコ