developer's)はこちらモバイル端末向けのWebページとWebアプリの開発は、典型的なデスクトップWebブラウザ向けの開発と比べて、異なるチャレンジをしなければなりません。開発を始めるにあたり、Androidやその他のモバイル端末向けのWebアプリケーションを最も効果的に適用するために、従うべきプラクティスのリストを下記に示します。Webサイトのモバイル専用バージョンにモバイル端末をリダイレクトするサーバサイドのリダイレクトを利用した、Webサイトのモバイルバージョンへリクエストをリダイレクトする方法がいくつかあります。Webブラウザから提供されたユーザーエージェントを"検知"することでこれを行います。サイトがモバイルバージョンを提供するかどうかを決めるには、ユーザーエージェント中に"mobile"文字列があるかどうかを見るだけです("mobile"は様々なモバイル端末に適していることを示します)。モバイル端末に適切なマークアップDOCTYPEを使うモバイルWebサイトで最も共通的に使われているマークアップ言語は、XHTMLベーシックです。このスタンダードな言語はモバイル端末上で、Webサイトをうまく動作させる具体的なマークアップとして保証されています。先のマークアップ言語はモバイル端末上でパフォーマンスのでない、HTMLフレームやネストされたテーブルは許可されていません。DOCTYPEと共に、必ずドキュメントの適切な文字エンコーディングを宣言して下さい(UTF-8のように)。"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">また、必ず、宣言されたDOCTYPEに対してWebページのマークアップが有効になるようにして下さい。http://validator.w3.orgで提供されているようなバリデータ(検証機構)を利用しましょう。Webページのリサイズに適したビューポートメタデータを使うドキュメントの中で、Webページを描画するためのブラウザのビューポートをどのように扱うかを記した、具体的なメタデータを提供すべきです。ビューポートメタデータでは、初期Webページのスケールとターゲットの画面解像度に合わせた、ブラウザのビューポートの高さや幅を指定できます。Appsを参照して下さい。複数のファイルリクエストを避けるモバイル端末は一般的にデスクトップコンピュータに比べて接続速度がかなり遅いため、Webページは可能な限り早く読み込みされるように作らなければなりません。スピードアップの一つの方法として、スタイルシートや内のスクリプトファイルのような、外部ファイルの読み込みを避けることが挙げられます。代わりに、内で直接CSSやJavaScriptを記述します(もしくは、ページが完全に読み込まれるまで必要の無いスクリプトをの終わりに記述します)。Minifyのようなツールを利用した圧縮によって、ファイルのサイズやスピードを最適化すべきです。縦方向のリニアレイアウト(LinearLayout)を使うWebページをナビゲートするにあたり、ユーザに左右のスクロールをさせることを避けなければなりません。上下にスクロールする方がユーザにとっても簡単ですし、Webページもシンプルにできます。Practicesを参照して下さい。faster内のスピードに関するチュートリアルを御覧下さい。読者になるはてなブログをはじめよう!lionasさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。