令和8年度 ITパスポート試験 公開問題 問60
テクノロジインタフェース・メディアUI 設計・ユーザビリティ
レスポンシブWebデザインに関する記述として,適切なものはどれか。
解答・解説
正解: ア. PC,スマートフォンなど,多くの種類の端末で,見やすく,かつ操作しやすくなるように,表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。
レスポンシブWebデザインとは、単一のHTMLで記述されたWebサイトを、PC、タブレット、スマートフォンなど、画面サイズの異なる様々な端末(デバイス)において最適に表示するためのWebデザイン手法です。具体的には、CSSのメディアクエリなどを利用して、表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトを動的に変化させます。
各選択肢の解説
- ア: 正解。レスポンシブWebデザインの説明です。表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化します。
- イ: 誤り。サーバやネットワークの負荷を軽減するために、複数の配信サーバのうち利用者に適したサーバに接続させる仕組みは、CDN(Content Delivery Network)に関する説明です。
- ウ: 誤り。端末に内蔵された加速度センサーやジャイロセンサーのデータをWebブラウザから扱う機能は、各種 Web API(Device Orientation APIなど)に関する説明です。
- エ: 誤り。マウスポインタを重ねたときにポップアップを用いて機能の説明等を表示する仕組みは、ツールチップに関する説明です。