IPA過去問ドリル

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

テクノロジ/開発技術

レスポンシブ Web デザインを実現するに当たって,単一の HTML 文書を用いて,Web コンテンツを各種端末のディスプレイの大きさに合わせた形式で表示するために使用する機能はどれか。

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

正解:エ

解説

レスポンシブWebデザインでは,メディアクエリを使うことで,画面幅などの条件に応じて単一のHTML文書に適用するCSSを切り替え,端末のディスプレイの大きさに合わせた表示を実現します。

選択肢ごとの解説

  • 誤り。User-AgentはブラウザやOSの情報を示す識別文字列で,端末に応じた表示の切替えに直接使う機能ではありません。
  • 誤り。WebSocketはサーバとクライアント間で双方向通信を行うための技術で,表示の切替えとは関係ありません。
  • 誤り。マッシュアップは複数のサービスやデータを組み合わせて新しいサービスを作る手法です。
  • 正しい。メディアクエリによって画面サイズなどに応じたスタイルの切替えが可能になります。
応用情報技術者の過去問を演習モードで解く