応用情報技術者試験 令和6年度 秋期 午前 問50

【正解】エ

【解説】 本問は，レスポンシブWebデザインで使用する機能について問う問題です。

エの「メディアクエリ」が正解です。CSSのメディアクエリ（@media）を使用することで，画面サイズに応じて異なるスタイルを適用し，単一のHTMLで様々なデバイスに対応したレイアウトを実現できます。

アの「User-Agent」はブラウザの種類を識別するHTTPヘッダーで，サーバ側での判定に使用されますが，レスポンシブデザインの主要技術ではありません。 イの「WebSocket」は双方向通信のプロトコルで，レスポンシブデザインとは関係ありません。 ウの「マッシュアップ」は複数のサービスを組み合わせることで，レスポンシブデザインとは関係ありません。

【ポイント】 レスポンシブWebデザインの3要素は「メディアクエリ」「フレキシブルグリッド」「フレキシブルイメージ」です。