令和6年度 秋期 午前 問50

✓ これが正解エメディアクエリ

解説

画面の大きさで見せ方だけを切り替えます。

設問は、レスポンシブ Web デザインを実現するに当たって、単一の HTML 文書を用いて、各種端末のディスプレイの大きさに合わせた形式で表示するために使用する機能を選ばせています。効いているのは、文書を一つに保ったままという条件です。軸は、切り替えている相手が体裁の指定なのか、それとも返す中身そのものなのかという点になります。正解はメディアクエリです。これはスタイルを書く側の機能で、画面の幅や向きといった条件ごとに、当てはめる体裁を切り替えます。文書は一つのまま、段組みや文字の大きさだけが端末に合わせて変わるので、直す手間も入口の場所も一つで済みます。

ほかの選択肢はなぜ違うのか

• アUser-Agent：User-Agent は、受け取った要求から利用者の端末の種類を見分けるための情報です。これを手がかりに端末ごとの別の文書を返す作り方があり、文書を一つに保つ条件から外れます。
• イWebSocket：WebSocket は、やり取りを双方向につなぎ続けるための通信の取決めです。通信の仕方についての仕組みなので、画面の大きさに応じて体裁を変える働きは持ち合わせていません。
• ウマッシュアップ：マッシュアップは、複数のサービスの機能を組み合わせて新しいものを作り上げる手法です。組み合わせる相手が外部の機能なので、端末に合わせた表示の適応とは関わりません。