ITパスポート試験 過去問解説

Webデザインとは?ITパスポート試験 2026年 (令和8年) 問60を解説

ITパスポート試験 2026年 (令和8年) 問60は、Webデザインに関する理解を問う問題です。検索から入っても、問題文、選択肢、正解、解説、各選択肢がなぜ違うかをこのページだけで確認できます。

問題文

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

この問題の出題ポイント

  • Webデザインの定義だけでなく、問題文中の条件がどの選択肢に当てはまるかを確認する。
  • テクノロジ系分野では、用語の目的・主体・責任範囲の違いが選択肢で問われやすい。
  • 関連タグ: Webデザイン、レスポンシブWebデザイン、ヒューマンインタフェース。

選択肢

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

正解

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

解説

レスポンシブWebデザインは、同じWebサイトを、閲覧する端末の画面幅などに応じて、レイアウトや文字、画像の大きさを自動的に切り替える設計手法である。HTMLを共通にしてCSSで表示を切り替えるので、PCでもスマートフォンでも見やすく操作しやすい。他の記述は、配信の負荷分散、センサーの利用、ツールチップの説明にあたる。

なぜ他の選択肢が違うのか

  • ア(正解)

    正しい。画面サイズなどに応じてレイアウトが変わるので、端末の種類を問わず、見やすさと操作のしやすさを保てる。

  • イ

    コンテンツ配信サーバを分散させ、利用者に適したサーバへ接続させる、配信の負荷分散(CDNなど)の説明である。画面の見せ方を変える手法ではない。

  • ウ

    端末に内蔵された加速度センサーやジャイロセンサーの値を利用する、センサー活用の説明である。画面レイアウトの切り替えとは関係しない。

  • エ

    マウスポインタを重ねたときに説明を出す、ツールチップなどの操作補助の説明である。端末の画面サイズに応じたレイアウトの変化ではない。

解き方の整理

Webデザインの問題では、選択肢のキーワードだけで判断せず、問題文が示す条件と正解選択肢の説明が一致しているかを見ます。誤答選択肢は、似た用語を混ぜる、主体を入れ替える、目的や範囲を広げすぎる、という形で作られることが多いため、選択肢別解説まで確認しておくと復習効率が上がります。

関連問題

前後の問題

2026年 (令和8年) の関連する問題

復習を続ける

間違えた問題、苦手タグ、模試履歴を保存して復習する導線を用意しています。広告なしPro、弱点分析、復習リマインダーは段階的に提供予定です。