問60 レスポンシブ Web デザイン

ITパスポート 令和8年度 公開問題、全100問のうちの問60。

出典:令和8年度 ITパスポート試験 公開問題 問60

レスポンシブ Web デザインに関する記述として,適切なものはどれか。

  1. アPC,スマートフォンなど,多くの種類の端末で,見やすく,かつ操作しやすくなるように,表示する端末の画面サイズなどに応じて Web サイトの画面レイアウトが変化する。
  2. イWeb ブラウザで動画コンテンツをストリーミング再生するとき,サーバやネットワークの負荷が軽減されるように,複数のコンテンツ配信サーバのうち,利用者に適したサーバに接続させてデータを取得する。
  3. ウスマートフォンなどの端末向けの Web アプリケーションにおいて,歩数や移動速度などを計測できるように,端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。
  4. エ操作説明書を読まなくても Web サイトの使用方法を理解できるように,Web ブラウザの利用者がマウスポインタを Web コンテンツに重ねたとき,ポップアップを用いて機能の説明,対象の状態などを表示する。
答えと解説を開く

正解はアです。

レスポンシブ (responsive) は「反応する」という意味です。レスポンシブ Web デザインでは、同じ Web ページが、表示する端末の画面の幅に反応してレイアウトを変えます。PC の広い画面では横に並べ、スマートフォンの狭い画面では縦に積む、といった具合です。だから正解はアです。

ほかの選択肢が違う理由

  • イ利用者に近い配信サーバへつないで負荷を分けるのは、CDN (コンテンツデリバリネットワーク) の説明です。
  • ウ端末のセンサーの値を使って歩数や速さを測ることの説明です。画面のレイアウトとは関係しません。
  • エマウスポインタを重ねたときに出る小さな説明は、ツールチップの説明です。

仕組み

レスポンシブ Web デザインは、CSS のメディアクエリという仕組みで、画面の幅ごとに違うスタイルを当てて作ります。

端末ごとに別のサイトを作るより、1 つの HTML で済むので、作る手間も直す手間も減ります。

この問に出る言葉