Insights」を軸にまとめた一冊です。Kindleはじめに本書の構成サンプルもくじはじめにこれまでのWebページ制作ではマルチデバイスに対応するための明確な指標がなく、多くのページ制作者が試行錯誤を繰り返してきました。AppleのホームページがPC用のページをそのままモバイルデバイスにも表示するスタイルだったため、それにならっていたサイトも数多くあります。Googleが1つの指標として利用できる「モバイルガイド」をリリースし、モバイルデバイスに対応しているかどうかを検索結果のランキング要素にしたことから、状況は大きく変わろうとしています。モバイルに対応したとみなされるためには、さまざまなデバイスに合わせたページを用意しなければならない時代が来たのです。スマートフォンやタブレットといったモバイルデバイスはもちろん、PCも含めたマルチデバイスに対応するためには、個々のパーツのデザインやページの表示速度など、考えなければならないポイントが多岐にわたります。Insights」を軸にして、マルチデバイス対応に必要とされる知識、ノウハウ、テクニックなどを見ていきます。本書ではマルチデバイスに対応したページを作成するのに必要な設定、機能、仕組みなどについて、次のようにまとめています。1マルチデバイス対応の指標マルチデバイスに対応したページを作成する際に指標として利用できる、Googleの「モバイルガイド」を紹介します。Insights」でチェックされる項目と、判定をクリアするために必要な設定を確認していきます。2ビューポートの設定マルチデバイス対応に必要とされる最も基本的な設定がビューポートの設定です。この章ではビューポートの設定が何をしているのかを見ていきます。3デバイスに合ったページの用意デバイスに合ったページを用意して、閲覧しやすい形で情報を伝える方法を見ていきます。判別方法を見ていきます。5パーツのマルチデバイス対応ページを構成する主要なパーツをデバイスに合った形で表示するために必要なポイントを見ていきます。6画像の最適化Webページの表示速度を上げるため、画像のクオリティを維持しつつデータ量の削減を行う方法を見ていきます。7Webページの高速化Webページの表示速度を上げるため、リソースの読み込みやページのレンダリングにおける改善ポイントを見ていきます。ミニファイ処理HTTP圧縮ブラウザキャッシュHTTPリクエストレンダリングブロックファーストビューサンプル本書では次のようなサンプルページを使用し、さまざまな機能や設定の解説を行っています。サンプルページのデータはマイナビのサポートページからダウンロードすることができます。Insightsでテストできるようにしています。Insightsでテスト」をクリックしてください。※ネットワークの状況や時間帯によって結果に違いが出る場合があります。※画面キャプチャは2015年3月現在の判定結果です。