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