問題
テクノロジ系
問60 レスポンシブ Web デザインに関する記述として，適切なものはどれか。
選択肢
- アPC，スマートフォンなど，多くの種類の端末で，見やすく，かつ操作しやすくなるように，表示する端末の画面サイズなどに応じて Web サイトの画面レイアウトが変化する。
- イWeb ブラウザで動画コンテンツをストリーミング再生するとき，サーバやネットワークの負荷が軽減されるように，複数のコンテンツ配信サーバのうち，利用者に適したサーバに接続させてデータを取得する。
- ウスマートフォンなどの端末向けの Web アプリケーションにおいて，歩数や移動速度などを計測できるように，端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。
- エ操作説明書を読まなくても Web サイトの使用方法を理解できるように，Web ブラウザの利用者がマウスポインタを Web コンテンツに重ねたとき，ポップアップを用いて機能の説明，対象の状態などを表示する。
解説
正解：ア
概要
この問題は，レスポンシブWebデザインの意味を問うものです。異なる端末サイズに対応するWebデザインの概念を正しく理解することがポイントです。
正解の理由
レスポンシブWebデザインとは，PCやスマートフォン，タブレットなど表示する端末の画面サイズや解像度に応じて，Webサイトの画面レイアウトを自動的に変化させる設計手法です。アが正解です。
各選択肢の解説
ア（〇）: レスポンシブWebデザインの正しい説明です。端末の画面サイズに応じてレイアウトが変化します。
イ（×）: これはCDN（コンテンツデリバリネットワーク）やロードバランシングの説明です。複数のサーバに分散してコンテンツを配信する技術です。
ウ（×）: 加速度センサーやジャイロセンサーを使う説明であり，端末のセンサーAPIに関する記述です。レスポンシブWebデザインではありません。
エ（×）: マウスポインタを重ねたときにポップアップで説明を表示する機能は，ツールチップの説明です。
ポイント
レスポンシブWebデザインは，CSSのメディアクエリを活用することで，一つのHTMLファイルで複数の端末サイズに対応できます。「デバイスごとに別のページを用意する」のではなく，「一つのページがデバイスに応じて見た目を変える」点が特徴です。