ke-tai.org ケータイサイト開発に関わる記事・情報を紹介

先日の4/18(金)に、北海道Webコンソーシアムで、「ケータイサイトのはなし（入門編）」という話をさせていただきました。
（関係者・参加者の皆様、色々とありがとうございました。）

せっかくですので、発表に使用した資料をアップさせていただきます。

ケータイサイトをはじめて作るという方を対象に、知っていた方がよいと思われるポイントをまとめてみました。

→　北海道Webコンソーシアム [hwcon.org]

→　発表に使用したスライド資料　「ケータイサイトのはなし（入門編）」　※PDFファイルです

| View | Upload your own

口頭での補足ありきの資料のため、文章だけだと多少言葉足らずで微妙な部分があるかもしれませんのでご注意ください。

また今回は技術者向けではなく、デザイナーやクリエイターの方に向けての発表だったため、なるべくシンプルに資料を作成したつもりです。
そのため、見る方が見ると突っ込みどころがたくさんあるかもしれませんが、その辺りも目をつぶっていただけると助かります。
その分、初心者の方にもわかりやすい内容になっているかと思います。

以前、3キャリア対応のページを作るための情報がまとめられた「超手抜きでウェブサイトをモバイル対応2008」という記事でご紹介させていただいた15Pubというサイトに、おもしろいアンケート結果が掲載されていましたのでご紹介します。

→　15Pub　携帯サイト制作者はどの程度の世代まで対応すべきかアンケート [studio15.jp]

未来検索ブラジルの「コッソリアンケートβ」を利用して取られた、現在利用している携帯電話についてのアンケートのようです。

以下、アンケート結果ページからの抜粋です。

・キャリア調査

・利用状況　全体

・ドコモ（ムーバ）利用状況

・ソフトバンク（2G）利用状況

ネット上のアンケートですので、精度はそれほど高いものではないと思いますのでご注意ください。

回答結果を見ると、ムーバや2Gを利用されている方がまだ結構いるようですね。
また、ケータイを持っていないという回答の方も思ったより多いです。ちょっと意外でした。

関連：

• メールマガジンはタイトル次第－携帯電話のメルマガに関する調査
• リサーチで検証した売れるモバイルショッピングページのレイアウトとは？
• 2008年1月時点でのFlash対応端末の割合は「94.2%」

本日は、ケータイサイトの開発に便利なFirefoxアドオン「Modify Headers」をご紹介します。

ケータイ向け開発を行っていると、ログイン部分のプログラム作成などで、端末IDを取得したいケースがあります。
エミュレータには端末ID出力のための機能がついていたりするのですが、そのためにいちいちエミュレータから操作するのは面倒です。

「Modify Headers」を使うことで、HTTPヘッダを指定の通りに書き換えることができるため、携帯電話になりすまし端末IDを出力することができます。

→　FireFox Add-ons　Modify Headers [mozilla.org]

インストールは上記のページ内から行えます。
インストールが完了すると「ツール」メニュー内に、「Modify Headers」というメニューが追加されますので、そこから設定を行うことが出来ます。

ドコモのiモードIDであれば、「X-DCMGUID」に適当な7桁の英数字を、
auのサブスクライバIDであれば、「X-UP-SUBNO」に「14桁の数字_xx.ezweb.ne.jp」をセットしてやればOKです。

※Modify Headersは、デフォルトでは上記のウィンドウを開いていないと、ヘッダ書き換えの動作をしないようなので注意してください。(Configurationから設定できます)

なお、ドコモのutn認証や、ソフトバンクのシリアルＩＤの場合は、値がユーザエージェントに出力されるので、以前にご紹介した、「User Agent Switcher」を使うと便利です。

→　PCからケータイのユーザエージェントを詐称するには(Firefox編)

関連：

• 3キャリア対応の新ケータイエミュレータ「P1 Emulator」と実機を比較してみました
• 本日提供が開始された「iモードID」機能を早速試してみました
• キャリア情報の更新をチェックするの便利なFirefoxアドオン「Page Update Checker」

アシアルブログに「3キャリア対応ケータイXHTMLのTIPS 8つ」という記事が掲載されおり、とても参考になる内容なので、ご紹介させていただきます。

→　アシアルブログ　3キャリア対応ケータイXHTMLのTIPS 8つ [asial.co.jp]

• 文字コード
• CSS
• 画像形式
• ブラウザの解像度
• フォントのサイズ
• 入力文字制御
• 回り込み
• mailto

の8つについてのTIPSが紹介されています。

基礎的なことから、ちょっとした工夫まで一通り触れられていますので、このページに書かれていることをおさえておけば、もう十分ケータイ用サイトが作成できると思います。

アシアルブログは最近良い記事が多いですね。

関連：

• ケータイサイト作成に役立つ情報がまとめられた「モバイルサイト構築勉強会まとめ（というかエントリまとめ）」
• 3キャリア対応のページを作るための情報がまとめられた「超手抜きでウェブサイトをモバイル対応2008」
• symfony用の絵文字プラグイン「sfPictogramMobilePlugin」

以前ご紹介したことのある、携帯電話向けに絵文字や画像の変換を行ってくれるApacheモジュール「mod_chxj」ですが、4/10付けで0.10.3にバージョンアップしているようです。

→　SourceForge.JP mod_chxj本家 [sourceforge.jp]

→　SouceForge.jp　今月のプロジェクト　2008年4月 – mod_chxj開発者インタビュー [sourceforge.jp]

→　Devel::Bayside　携帯向け Apache モジュールの本命 mod_chxj [hatena.ne.jp]

mod_chxjは、ユーザエージェントから機種を判断し、絵文字やHTML、画像などを自動で変換してくれたり、クッキー非対応のDoCoMo端末のクッキーをエミュレートしてくれたりするApacheモジュールです。

2006年の夏頃から更新がなかったため、てっきりもうメンテナンスされていないと勝手に思いこんでいたのですが、この4月に0.10.x系がリリースされ、ここ最近は頻繁にバージョンアップされているようです。

0.10.x系のインストールはまだ試していませんが、以前のバージョンのインストール方法はこちらにまとめてあります。
恐らくそう変わらずインストールできるのではないかと思います。

→　絵文字や画像の自動変換を行ってくれるApacheモジュール「mod_chxj」を使ってみました(インストール編)

キャリア個別の変換をApacheモジュールにまかせてしまうというのは、速度面や開発負荷の軽減の意味からも、あるべき姿だと思います。

.htaccess等で変換のオン・オフを切り替えられますので、他のPCコンテンツとの同居も簡単に行えますし、安定度と実績さえ示されれば、今後爆発的に普及することも考えられます。
これは期待大ですね。

関連：

• 絵文字や画像の自動変換を行ってくれるApacheモジュール「mod_chxj」を使ってみました(インストール編)
• ゆめみ、3キャリア対応用のApacheモジュール「mod_ktai」を開発中