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

正解：エ

AI解説

メディアクエリは、CSSの機能の一つで、画面の幅などデバイスの表示特性に応じて適用するスタイルを切り替える仕組みである。これにより、単一のHTML文書のままで、パソコン・タブレット・スマートフォンなど各種端末のディスプレイの大きさに合わせた表示形式(レスポンシブWebデザイン)を実現できる。 ア: User-Agentは、HTTP通信時にブラウザやOSなどクライアント側の識別情報をサーバに伝えるためのHTTPヘッダであり、それ自体が画面サイズに応じた表示切替を行う仕組みではない。 イ: WebSocketは、サーバとクライアントの間で双方向のリアルタイム通信を行うための技術であり、画面サイズに応じたレイアウト変更とは無関係である。 ウ: マッシュアップは、複数のWebサービスやデータを組み合わせて新しいサービスやコンテンツを作り出す手法であり、レスポンシブWebデザインの実現手段とは異なる。 エ: 正解。メディアクエリによって、画面幅などに応じてスタイルを切り替え、単一のHTML文書でレスポンシブWebデザインを実現する。 💡 レスポンシブWebデザインは「HTML文書は1つのまま、CSSのメディアクエリで画面幅ごとにレイアウトを切り替える」という基本構成を押さえておく。