令和8年度 問60 端末に応じたWeb画面の設計

問題

レスポンシブWebデザインに関する記述として,適切なものはどれか。

PC,スマートフォンなど,多くの種類の端末で,見やすく,かつ操作しやすくなるように,表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。

Webブラウザで動画コンテンツをストリーミング再生するとき,サーバやネットワークの負荷が軽減されるように,複数のコンテンツ配信サーバのうち,利用者に適したサーバに接続させてデータを取得する。

スマートフォンなどの端末向けのWebアプリケーションにおいて,歩数や移動速度などを計測できるように,端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。

操作説明書を読まなくてもWebサイトの使用方法を理解できるように,Webブラウザの利用者がマウスポインタをWebコンテンツに重ねたとき,ポップアップを用いて機能の説明,対象の状態などを表示する。

先に解説を見る
正解ア

PC,スマートフォンなど,多くの種類の端末で,見やすく,かつ操作しやすくなるように,表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。

解説

この問題のポイント

レスポンシブWebデザインは、画面の大きさに合わせてページの配置が変わる設計です。例えば、PCでは横に並ぶ項目を、スマートフォンでは縦に並べて見やすくします。

正解:ア

表示する端末に応じてレイアウトが変わるアが適切です。

ほかの選択肢の意味

イ:CDN
複数の配信拠点を使い、Webコンテンツを効率よく利用者へ届ける仕組みです。

ウ:センサー情報の利用
加速度などの端末の測定値を、Webアプリから利用することです。

エ:ツールチップ
画面の項目にポインタを重ねたときなどに、短い説明を表示する機能です。

同じ内容A・B・Cを、広い画面では横に3列、狭い画面では縦に配置した例。画面幅に合わせて列数と配置を変える。
解説図:同じ内容A・B・Cを、広い画面では横に3列、狭い画面では縦に配置した例

同じ分野の問題

関連する用語

編集・確認:kakoloop · 編集方針

公開日:

内容更新:

問題・解説の誤りを報告する

画像を拡大表示