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

Miyakawa Blog

ウェブディレクターが日々のことを綴るブログ

携帯サイト(モバイルサイト)構築のための覚書

今はスマートフォンのサイト構築のプロジェクトをしていますが、ついこの前までdocomoの端末向けのサイト構築の仕事をしていました。

docomo系サイトのプロジェクトの企画から納品までのマネージメントを1人でやったのが今回初めてだったのでいろいろ苦労しました。

知ってるつもりで意外と知らないことがあったり、納品直後にトラブって慌てたりしました。

  • xhtmlでサイトを構築する(当たり前)。
  • xhtmlのエラー解決(携帯では正常でも、PCブラウザではエラーを起こしたりするケースがありました)。
  • 納品するサーバがxhtml拡張子を認めない仕様だったため、.htaccessファイルを用意して、htmlでxhtmlの振る舞いを実施できるようにした(納品してから、「xhtml拡張子にサーバが対応していませんでした」と言われて慌てました)。 .htaccessファイルに書いた中身 AddType application/xhtml+xml .html
  • 当たり前と言えば当たり前ですが、半角カタカナはもちろんのこと、記号系もすべて半角にできるものは半角にする(外注先のデザイナさんが意外と見落としていたりして、慌てました)。
  • 絵文字入力はバイナリーコードで統一する方が対応機種が多い。

その他苦労話を書こうと思いましたが、モバイルサイトを構築するに当たって役立つ情報をまとめてあるサイトがあったのでこれを紹介して終わりにします。

モバイルサイト構築に役立つ基礎情報をまとめたページ

xhtmlを中心にモバイルサイト構築ノウハウまとめ - 適当な日々 http://sj6.org/how_to_create_mobile_site_by_xhtml/

画像のサイズや、HRタグの使い方、HTMLのひな形までいろいろ役立つ情報がわかりやすく整理されていました。