ITパスポート過去問
令和8年度
問60 (テクノロジ系問6)

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

付箋は自分だけが見れます（非公開です）。

このページは閲覧用ページです。
履歴を残すには、「新しく出題する（ここをクリック）」をご利用ください。

問題

ITパスポート試験令和8年度問60（テクノロジ系問6）（訂正依頼・報告はこちら）

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

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

正解！素晴らしいです

残念...

レスポンシブWebデザインは、一つのWebページを端末の画面幅などに応じて見やすく表示する設計手法です。この問題では「端末ごとに画面レイアウトが柔軟に変化するかどうか」で判断しましょう。

選択肢1. PC、スマートフォンなど、多くの種類の端末で、見やすく、かつ操作しやすくなるように、表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。

正しいです。PCやスマートフォンなどの画面サイズに応じて、要素の配置や大きさを変え、画面の閲覧や操作をしやすくします。

選択肢2. Webブラウザで動画コンテンツをストリーミング再生するとき、サーバやネットワークの負荷が軽減されるように、複数のコンテンツ配信サーバのうち、利用者に適したサーバに接続させてデータを取得する。

これは利用者に適した配信サーバを選び、負荷分散や高速配信を行うCDN(Content Delivery Network)に関する説明です。

選択肢3. スマートフォンなどの端末向けのWebアプリケーションにおいて、歩数や移動速度などを計測できるように、端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。

これは端末のセンサー情報をWebアプリケーションから利用する仕組みであり、画面レイアウトの設計方法ではありません。

選択肢4. 操作説明書を読まなくてもWebサイトの使用方法を理解できるように、Webブラウザの利用者がマウスポインタをWebコンテンツに重ねたとき、ポップアップを用いて機能の説明、対象の状態などを表示する。

これはマウスポインタを重ねた際に補足説明を表示するツールチップなどの説明です。

まとめ

画面サイズなどに応じてレイアウトを変え、複数種類の端末で見やすさと操作性を保つものがレスポンシブWebデザインです。

参考になった数1

本設問ではレスポンシブWebデザインに対する理解が問われています。

レスポンシブWebデザインとは、端末の画面サイズに応じてWebページのレイアウトを自動的に調整する仕組みのことで、スマホでは縦長に、PCでは横長にといったようにユーザが見やすいようにレイアウトをします。

本選択肢はレスポンシブWebデザインの説明として適切です。

本選択肢はストリーミング再生時のサーバやネットワーク負荷の軽減（CDN）に関する説明であり、レスポンシブWebデザインの説明ではないため不適切です。

本選択肢はスマホアプリのセンサーやそれを利用したアプリに関する説明であり、レスポンシブWebデザインの説明ではないため不適切です。

本選択肢はユーザのWebサイト操作性を向上させるためのツールチップに関する説明であり、レスポンシブWebデザインの説明ではないため不適切です。

まとめ

本問ではレスポンシブWebデザインに関する理解が問われていました。レスポンシブWebデザインはWebサイトの操作性や視認性そのもの（UI）ではなく、ユーザが利用する端末ごとにWebサイトのレイアウトを最適化する仕組みと覚えておくと良いでしょう。

参考になった数0