方法

携帯サイトをデザインする上でまず考えるのがPCサイトとの違いです。「携帯は進化してきた」と言われるようになったとはいえ、PCとは全く別物で違う ものとしてとらえた方が良いでしょう。マークアップの方法もキャリアごとに違うだけでなく、端末レベルでも違ってきます。携帯サイトとPCサイトの大きな違いは2つあります。

今回は、参考までに筆者の作業の手順から紹介します。イラストレーターの方はいろいろな画材を使ってイラストを描かれていますので、これはあくまでも一 例です。筆者は基本的に紙に描いた線画をPCに取り込み、Photoshopで彩色しています。何かと便利なのでPCを使ってはいますが、手で紙に描いた時の味 わいを残すように気をつけています。それでは紙に描いた線画を取り込むまでを追ってみましょう。

動画の配信方法には、「ライブ配信」と「オンデマンド配信」があります。配信方式には「ストリーミング方式」と「ダウンロード方式」があり ます。ライブ配信は、映像をリアルタイムエンコードし、順次動画配信する必要がありますのでストリーミングサーバーが必須になります。また、オンデマンド配信 はWebサーバー／ストリーミングサーバー両方の使用が可能です。

携帯動画と言っても、再生できる端末とそうでない端末があります。主に3G（第三世代携帯）と呼ばれる端末が携帯動画に対応しています（一部、第二世代携帯でも再生可能）。そして現在、携帯からモバイルサイトにアクセスするユーザーの97％がこの3G携帯の利用者であるというデータがあるように、ユーザーのほとんどが携帯動画を再生できる端末を使用していると考えられます。

前回（http://www.thinkit.co.jp/article/146/3/）は主にHTMLやCSS、サイトデザインについて紹介しました。今回はもう少しシステム寄りの「作り方」の紹介をします。大前提としてご理解いただきたいことは、iPhone用のサイトというのはシンプルなPC向けのページである、ということです。  

iPhoneのSafariはかなり高いレベルでPCとほぼ同じようなブラウジングを行えますし、HTML／CSSへの準拠も高い（というよりむしろ律義すぎる）ので、普通にクロスブラウザ対応を考えて作ってあるWebサイトなら問題ないでしょう。しかし、iPhone固有の制限、設定などがありますので、いくつかのテクニックと注意点があります。  

携帯サイトのテストはPC向けのWebサイトに比べ、一般的に面倒であると言われることが多いです。それは携帯サイトを見る携帯端末によってさまざまな仕様があり、挙動や見え方が変わってしまうことに起因します。  

どんなサービスを作る場合にもしっかりと考えなくてはいけないのが、「どうやってユーザーにデータをインプットしてもらうか」です。ソーシャルメディアであればユーザーのインプットがコンテンツの肝となります。Webサイトを利用したマーケティングを行いたい場合でも、ユーザーのプロフィール情報を得たり、Webサイト上で積極的な行動をしてもらうことが重要な成功のカギとなります。