ITパスポート過去問 令和8年度（2026年）問60
レスポンシブWebデザインに関する記述として，適切なものはどれか。
選択肢
- ア：PC,スマートフォンなど，多くの種類の端末で，見やすく，かつ操作しやすくなるように，表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。
- イ：Webブラウザで動画コンテンツをストリーミング再生するとき，サーバやネットワークの負荷が軽減されるように，複数のコンテンツ配信サーバのうち，利用者に適したサーバに接続させてデータを取得する。
- ウ：スマートフォンなどの端末向けのWebアプリケーションにおいて，歩数や移動速度などを計測できるように，端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。
- エ：操作説明書を読まなくてもWebサイトの使用方法を理解できるように，Webブラウザの利用者がマウスポインタをWebコンテンツに重ねたとき，ポップアップを用いて機能の説明，対象の状態などを表示する。
- ア
- イ
- ウ
- エ
正解と解き方・学習ポイント（AI解説）
レスポンシブWebデザインは、PCやスマートフォンなど端末ごとに異なる画面サイズに合わせて、Webサイトの画面レイアウトを変化させ、見やすさと操作のしやすさを両立させる設計手法です。
Point
この問題は、レスポンシブWebデザインが何をする仕組みかを理解しているかを確認しています。具体的には、端末の画面サイズなどの条件に応じてWebサイトのレイアウトを変える説明を選べるかが問われています。
解くために必要な知識
この問題を解くには、レスポンシブWebデザインの意味と、混同しやすい関連用語を押さえる必要があります。
用語の整理
| 用語名 | 意味 |
|---|---|
| レスポンシブWebデザイン | 端末の画面サイズなどに応じて、Webサイトの画面レイアウトを変化させ、見やすさや操作しやすさを保つ設計手法です。 |
| Webブラウザ | Webサイトを表示するためのソフトウェアです。 |
レスポンシブWebデザインで行うこと
-
画面幅に応じて、文字サイズ、メニュー配置、段組みなどのレイアウトを変更します。
-
PC向け、スマートフォン向けなどに表示を切り替えます。
他の選択肢に出てくる用語
| 用語名 | 意味 |
|---|---|
| CDN (Content Delivery Network) | コンテンツ配信サーバを複数配置し、利用者に近いサーバなどから配信して、負荷分散や高速化を行う仕組みです。 |
| 加速度センサー / ジャイロセンサー | 端末の動きや傾きを検知するためのセンサーです。歩数や回転などの検知に利用されます。 |
| ポップアップ | 画面上に追加で表示される小さなウィンドウや情報表示です。機能説明などに使われることがあります。 |
問題の解法手順
各選択肢が説明している内容を見分けます
見分ける観点
-
画面サイズに応じてレイアウトが変わる説明か
-
サーバ配置や配信の仕組みの説明か
-
端末のセンサーを使う機能の説明か
-
画面上の補足表示など、操作支援の説明か
各選択肢の確認
| 選択肢 | 内容が示すもの | 判断 |
|---|---|---|
| ア | 画面サイズなどに応じてWebサイトのレイアウトが変化する | レスポンシブWebデザインの説明です |
| イ | 利用者に適した配信サーバへ接続させて負荷を軽減する | CDNの説明です |
| ウ | 加速度センサー、ジャイロセンサーのデータを使用する | 端末センサー利用の説明です |
| エ | マウスポインタを重ねたときにポップアップで説明を出す | ツールチップなどのUI補助の説明です |
選択肢ごとの解説
- ア：正解
レスポンシブWebデザインの説明です。PCやスマートフォンなど端末の画面サイズなどに応じて、Webサイトの画面レイアウトを変化させ、見やすさや操作のしやすさを確保します。
- イ：不正解
複数の配信サーバのうち利用者に適したサーバへ接続させる説明は、CDNなどのコンテンツ配信の仕組みです。レスポンシブWebデザインの説明ではありません。
- ウ：不正解
加速度センサーやジャイロセンサーのデータを使用する説明は、端末のセンサー機能を利用した計測の話です。レスポンシブWebデザインの説明ではありません。
- エ：不正解
マウスポインタを重ねたときに説明を表示するのは、ツールチップなどのUI機能の説明です。レスポンシブWebデザインの説明ではありません。
まとめ
レスポンシブWebデザインは、PCやスマートフォンなど端末ごとに異なる画面サイズに合わせて、Webサイトの画面レイアウトを変化させ、見やすさと操作のしやすさを両立させる設計手法です。
テクノロジ系 > 技術要素 > 情報デザイン
レスポンシブWebデザインの説明です。PCやスマートフォンなど端末の画面サイズなどに応じて、Webサイトの画面レイアウトを変化させ、見やすさや操作のしやすさを確保します。
複数の配信サーバのうち利用者に適したサーバへ接続させる説明は、CDNなどのコンテンツ配信の仕組みです。レスポンシブWebデザインの説明ではありません。
加速度センサーやジャイロセンサーのデータを使用する説明は、端末のセンサー機能を利用した計測の話です。レスポンシブWebデザインの説明ではありません。
マウスポインタを重ねたときに説明を表示するのは、ツールチップなどのUI機能の説明です。レスポンシブWebデザインの説明ではありません。