レスポンシブWebデザイン|ITパスポート 令和8年 公開問題 問60

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

レスポンシブWebデザインとは、PCやスマートフォンなど多様な端末で閲覧しやすく操作しやすいWebサイトを実現する技術です。画面の解像度やサイズに応じて、Webサイトのレイアウトや表示内容が自動的に変化します。これにより、特定の端末向けに別々のサイトを用意する必要がなくなり、ユーザビリティが向上します。

設問の中で、正しい記述は「PC,スマートフォンなど,多くの種類の端末で,見やすく,かつ操作しやすくなるように,表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する」という内容であり、これはレスポンシブWebデザインの特徴と合致します。

したがって、アが適切です。

❌他選択肢が誤りの理由

イ:Webブラウザで動画コンテンツをストリーミング再生するとき,サーバやネットワークの負荷が軽減されるように,複数のコンテンツ配信サーバのうち,利用者に適したサーバに接続させてデータを取得する。
⇒ネットワーク負荷を分散するCDN(コンテンツデリバリーネットワーク)に関する内容であり、レスポンシブWebデザインとは無関係です。


ウ:スマートフォンなどの端末向けのWebアプリケーションにおいて,歩数や移動速度などを計測できるように,端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。
⇒Webアプリケーションの機能に関する内容であり、レスポンシブWebデザインの定義や特徴ではありません。


エ:操作説明書を読まなくてもWebサイトの使用方法を理解できるように,Webブラウザの利用者がマウスポインタをWebコンテンツに重ねたとき,ポップアップを用いて機能の説明,対象の状態などを表示する。
⇒ユーザビリティ向上の一例ですが、レスポンシブWebデザインの範囲外です。


TSUNAGARU-ADVICE

まず押さえたいこと

レスポンシブWebデザインは、画面サイズの異なる端末でWebサイトが適切に表示されるように、画面レイアウトを自動調整する技術です。

迷ったときの判断軸

画面サイズに応じてレイアウトが変わるかがポイントであり、ネットワーク負荷分散やセンサー利用は範囲外と判断します。

次の学習につなげるために

レスポンシブWebデザインの理解は、モバイル対応やユーザビリティ向上に直結します。次はアクセシビリティやパフォーマンス最適化の学習を進めましょう。