閉じる

ITパスポート令和8年度 問60

問60

レスポンシブWebデザインに関する記述として,適切なものはどれか。
  • PC,スマートフォンなど,多くの種類の端末で,見やすく,かつ操作しやすくなるように,表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。
  • Webブラウザで動画コンテンツをストリーミング再生するとき,サーバやネットワークの負荷が軽減されるように,複数のコンテンツ配信サーバのうち,利用者に適したサーバに接続させてデータを取得する。
  • スマートフォンなどの端末向けのWebアプリケーションにおいて,歩数や移動速度などを計測できるように,端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。
  • 操作説明書を読まなくてもWebサイトの使用方法を理解できるように,Webブラウザの利用者がマウスポインタをWebコンテンツに重ねたとき,ポップアップを用いて機能の説明,対象の状態などを表示する。

分類 :

テクノロジ系 » 情報デザイン » インタフェース設計

正解 :

解説 :

レスポンシブWebデザインは、PC・スマートフォン・タブレットなど、どの端末に対しても同じHTMLを配信し、CSSの制御によって、デバイスの特性(画面の幅や高さ、解像度、向き)に応じた適切なレイアウト表示を行うWebサイトのデザイン手法です。

スマートフォン黎明期には、PCサイトとスマートフォンサイトを別個に作成するのが普通でしたが、近年は1つのHTMLファイルを用意し、CSSのメディアクエリによって画面サイズごとの表示を制御するこの手法が一般的になっています。

レスポンシブWebデザインには、端末の種類ごとに異なるページを配信する方法と比べて、次のような利点があります。
  1. URLが単一であるため、ユーザーによるコンテンツの共有やリンクが簡単になる
  2. 同じコンテンツのページをいくつも維持管理する手間が省ける
  3. ユーザーをリダイレクトする必要がないため読込み遅延が少ない
したがって「ア」が正解となります。
  • 正しい。レスポンシブWebデザインの本質は、「どの端末にも同じHTMLを配信し、CSSによって表示の仕方を変えること」にあります。
  • CDN(Contents Delivery Network)に関する記述です。
  • センサーAPIの説明です。
  • ツールチップの説明です。
60.png/image-size:480×440

Pagetop