令和6年度 秋期 応用情報技術者試験 午前 問50
テクノロジインタフェース・メディア
この問題は2024(R6)秋 応用情報技術者 午前に出題されたものです。出題時点の法令・制度に基づく内容のため、現行の内容と一致しない場合があります。
本ページの問題文・選択肢は、原本の体裁を Web 表示用に正規化しています（改行・記号・数式・図表参照の調整）。設問の趣旨および正解に影響する変更は加えていません。
レスポンシブWebデザインを実現するに当たって，単一のHTML文書を用いて，Webコンテンツを各種端末のディスプレイの大きさに合わせた形式で表示するために使用する機能はどれか。
解答・解説を読む
正解: 選択肢エ
レスポンシブWebデザインにおいて、単一のHTML文書で各種端末のディスプレイの大きさに合わせた表示を実現するための機能はメディアクエリ（Media Queries）です。
メディアクエリはCSSの仕様の一つで、画面の幅や高さ、解像度などのデバイスの特性に応じて適用するスタイルシートを切り替えることができます。これにより、スマートフォン、タブレット、PCなど異なる画面サイズでも最適なレイアウトでコンテンツを表示させることが可能になります。
各選択肢の解説
- ア User-Agent: Webブラウザなどのクライアントソフトウェアを指します。HTTPリクエストヘッダに含めることでサーバ側にクライアントの環境（OSやブラウザの種類）を伝えますが、単一のHTML文書を用いてクライアント側で画面サイズに合わせた表示を切り替える機能ではありません。
- イ WebSocket: WebサーバとWebブラウザ間で、低遅延な双方向通信を実現するためのプロトコルです。画面表示のレイアウト調整とは無関係です。
- ウ マッシュアップ: 公開されている複数のWebサービスのAPIなどを組み合わせて、新しいWebサービスやアプリケーションを構築する手法のことです。
- エ メディアクエリ: 正解です。画面幅などの条件に合わせて適用するCSSを切り替えるための機能です。