Sticker@Something

■[携帯][プログラミング全般]携帯サイトを作る前に確認しておくべきサイトのまとめ

ここ最近、携帯サイト構築に関する記事をはてなブックマークでよく見かけるようになりました。

モバゲーのような携帯サイトを作るための12のTips:　携帯ホームページを作ろう！-ちょっと詳しいモバイルサイトの作り方-

この記事へのブクマは2008/07/10時点で1000を超えており、はてな界隈でも多くの人が携帯サイト開発に関心を持っていることが伺えます。ちょうど私自身も少し前からPHPでの携帯サイト構築に携わっており、この辺りの話題には注目しています。

携帯用サイトはPC用サイトよりも制約が多いため、開発にあたって何かと苦労することが多いのですが、携帯サイトの場合、必要知識やハマリやすい点がどんなサイトを作る場合でも大体似たようなものな気がします。このため、携帯用サイトにおける典型的な重要項目についてまとめたサイト等を確認しておくだけで、かなり開発効率が上がるんじゃないでしょうか。

ということで、今回は携帯サイトを作る際に確認しておくと、開発効率が飛躍的に上がるかもしれないいくつかのページを紹介します。

対象機種

まずは、第何世代の携帯まで対応とするかという問題についてです。

携帯で頻繁にインターネットを使う層のことを考えると、対象は第三世代携帯電話(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)のみでいいんじゃないかという考え方が最近の主流なようです。

以下の３つのサイトでは、対象を第三世代携帯電話に絞った場合の携帯サイト作成についてまとめられています。

具体的には、文字コード、対応画像形式、フォームの入力文字制御、フォントサイズ、ページ容量などについての解説があります。

アシアルブログ:　3キャリア対応ケータイXHTMLのTIPS 8つ

ウノウラボ:　3G携帯のみに限定したサイトを作る場合

15Pub: 超手抜きでウェブサイトをモバイル対応 2008

絵文字関連

携帯の文字コードと絵文字の基礎知識

携帯電話の文字コードと絵文字まわりの仕様が簡潔にまとまっています。

Docomo、au、SoftBank、Willcomの公式資料へのリンクも掲載されているので、とりあえずここを確認しておけば絵文字を扱うにあたっての基本的な知識は得られるはずです。

アシアルブログ:　絵文字データベースと相互変換マッピングデータベースのJSONファイルを公開します。

こういったデータは他のところでもいくつか公開されていますが、とりあえず現段階での決定版と言ってよいと思います。

アシアルブログ:　絵文字ライブラリをPEARパッケージ化＆sfPictogramMobilePluginをバージョンアップしました。

上で紹介したJSON絵文字データベースを利用した、絵文字ライブラリです。

symfonyプラグイン、PEARパッケージの両方の形で配布されています。

そのまま利用するとなるとPHP限定になってしまいますが、他の言語を利用している方にとっても、JSON絵文字データベースを扱う際の参考になるのではないでしょうか。

アクセス制限

ke-tai.org: ケータイキャリア・クローラIPアドレス

携帯専用サイトを構築する際に、「.htaccess」ファイルを使って携帯以外からのアクセスをはじく方法について。

携帯キャリアのIPだけでなくサーチエンジンのクローラのIPも公開されています(クローラのIPについては現在整理途中の段階のようで、ベータ版扱いとのこと)。

ユーザビリティ

ユーザー視点のウェブデザインガイド 〜ユーザビリティ実践ガイド:　第11回　PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは

携帯インターネットユーザの立場に立った、サイトのユーザビリティ向上についてまとめられています。

携帯サイトのフォーム改善のコツとして、以下の３つが挙げられています。

• 個人プロフィールからの引用機能
• ボタンとプルダウンメニューの違いの明確化
• アクセスキーの導入

普段あまり携帯でインターネットを利用しない方にとっては、特に参考になると思います。

その他、全般

ke-tai.org トップ

携帯電話向けコンテンツの書き方

紹介したほとんどが有名サイトなので、既に知っているものが大半だという方も多いかもしれませんが、再確認のために役立てていただければと思います。

Permalink | コメント(0) | トラックバック(0) | 03:24