読者です 読者をやめる 読者になる 読者になる

携帯サイトを作る前に確認しておくべきサイトのまとめ

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

  • モバゲーのような携帯サイトを作るための12のTips: 携帯ホームページを作ろう!-ちょっと詳しいモバイルサイトの作り方- はてなブックマーク数

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

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

    対象機種

    まずは、第何世代の携帯まで対応とするかという問題についてです。
    携帯で頻繁にインターネットを使う層のことを考えると、対象は第三世代携帯電話(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)のみでいいんじゃないかという考え方が最近の主流なようです。
    以下の3つのサイトでは、対象を第三世代携帯電話に絞った場合の携帯サイト作成についてまとめられています。
    具体的には、文字コード、対応画像形式、フォームの入力文字制御、フォントサイズ、ページ容量などについての解説があります。

  • アシアルブログ: 3キャリア対応ケータイXHTMLのTIPS 8つ はてなブックマーク数
  • ウノウラボ: 3G携帯のみに限定したサイトを作る場合 はてなブックマーク数
  • 15Pub: 超手抜きでウェブサイトをモバイル対応 2008 はてなブックマーク数
  • 絵文字関連

  • 携帯の文字コードと絵文字の基礎知識 はてなブックマーク数

  • 携帯電話の文字コードと絵文字まわりの仕様が簡潔にまとまっています。
    Docomo、auSoftBankWillcomの公式資料へのリンクも掲載されているので、とりあえずここを確認しておけば絵文字を扱うにあたっての基本的な知識は得られるはずです。


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

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


  • アシアルブログ: 絵文字ライブラリをPEARパッケージ化&sfPictogramMobilePluginをバージョンアップしました。 はてなブックマーク数

  • 上で紹介したJSON絵文字データベースを利用した、絵文字ライブラリです。
    symfonyプラグインPEARパッケージの両方の形で配布されています。
    そのまま利用するとなるとPHP限定になってしまいますが、他の言語を利用している方にとっても、JSON絵文字データベースを扱う際の参考になるのではないでしょうか。

    アクセス制限

  • ke-tai.org: ケータイキャリア・クローラIPアドレス はてなブックマーク数

  • 携帯専用サイトを構築する際に、「.htaccess」ファイルを使って携帯以外からのアクセスをはじく方法について。
    携帯キャリアのIPだけでなくサーチエンジンのクローラのIPも公開されています(クローラのIPについては現在整理途中の段階のようで、ベータ版扱いとのこと)。

    ユーザビリティ

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

  • 携帯インターネットユーザの立場に立った、サイトのユーザビリティ向上についてまとめられています。
    携帯サイトのフォーム改善のコツとして、以下の3つが挙げられています。

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

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

    その他、全般

  • ke-tai.org トップ はてなブックマーク数
  • 携帯電話向けコンテンツの書き方 はてなブックマーク数


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