カコモンノート
カコモンノート›応用情報技術者›令和6年度 秋期開発技術

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

50 / 80問
令和6年度 秋期2024年

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

選択肢をえらぶと、答えと解説が出ます

選択肢をえらぶと、
ここに答えと解説が出ます
正答 4

解説

正解は4。メディアクエリはCSSの機能で、画面の幅・解像度・向きなどの条件ごとに適用するスタイルを切り替えられる。HTML文書は一つのまま、スマートフォンでは1列、PCでは複数列といった表示の切替えができるので、レスポンシブWebデザインの中心になる。

  • 1は、ブラウザの種類などを伝えるHTTPのヘッダーで、サーバ側で振り分けると端末別のHTMLを用意する作りになりやすい。
  • 2は、ブラウザとサーバが双方向に通信し続けるための通信規格で、表示の切替えとは関係がない。
  • 3は、複数のWebサービスの機能やデータを組み合わせて新しいサービスを作る手法。

根拠：Web技術の標準的な理解（CSSのメディアクエリ、User-Agent、WebSocket、マッシュアップ）

KEY POINT
レスポンシブWebデザインは、一つのHTMLに対しCSSのメディアクエリで画面幅ごとに表示を切り替える。
← 問49

「開発技術」の他の問題

「開発技術」97問をまとめて見る →

出典：令和6年度 秋期 応用情報技術者試験 午前 問50（独立行政法人 情報処理推進機構（IPA））
独立行政法人情報処理推進機構（IPA）が公表している過去問題です。IPA の「過去問題の使用について」に基づき、IPA が指定する形で出典を明記して掲載しています（利用の許諾申請は不要）。問題文・選択肢の内容は変えていません。元の問題冊子から文字を起こす都合で、改行・字間の空白は省き、英数字の全角・半角は元とそろえていない箇所があります。図表は IPA が公表した問題冊子のものです。解説は当サイトが独自に作成したもので、IPA とは関係ありません。