携帯端末向け Web サイト開発

昨今の携帯端末、特にスマートフォンの普及によって、携帯端末からウェブサイトを参照する機会が急激に増加しています。

また Android や iPhone のアプリケーション開発基盤としても、Android/iPhone のネイティブコードによる開発から HTML5 を利用する事例が増えてきています。

このためウェブサイト、ウェブアプリケーション開発者のみではなく、スマートフォン向けアプリケーション開発者にとっても、モバイルデバイス向けのウェブサイト開発の知識の重要性が高まっています。

ここでは主に Android や iOS などの主なスマートフォン向けのウェブサイト・アプリケーション開発に重要な項目を記載します。

• 画面サイズに合わせた CSS を適用する、CSS のメディアクエリ (media query)
  CSS3 で導入されたメディアクエリを利用して画面幅に合わせた CSS を適用する方法を示します。
• 携帯サイト画面に適応する Viewport
  現状、ウェブブラウザは、ウェブサイトがデスクトップ・ブラウザを意識したサイト構成であることを前提としてそれを表示しようとします。 携帯端末で可読性の高いようにページを表示する為には viewport を指定します。