令和8年度 問60
ヒューマンインタフェース
レスポンシブWebデザインの問題
レスポンシブWebデザインに関する記述として,適切なものはどれか。
- アPC,スマートフォンなど,多くの種類の端末で,見やすく,かつ操作しやすくなるように,表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。
- イWebブラウザで動画コンテンツをストリーミング再生するとき,サーバやネットワークの負荷が軽減されるように,複数のコンテンツ配信サーバのうち,利用者に適したサーバに接続させてデータを取得する。
- ウスマートフォンなどの端末向けのWebアプリケーションにおいて,歩数や移動速度などを計測できるように,端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。
- エ操作説明書を読まなくてもWebサイトの使用方法を理解できるように,Webブラウザの利用者がマウスポインタをWebコンテンツに重ねたとき,ポップアップを用いて機能の説明,対象の状態などを表示する。
答えと解説を見る
✓ これが正解アPC,スマートフォンなど,多くの種類の端末で,見やすく,かつ操作しやすくなるように,表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。
解説
一つのページで画面の大きさに合わせ配置が変わる作り方です。
レスポンシブWebデザインは、一つのページで、見る端末の画面の大きさに合わせて配置が変わるようにする作り方です。広い画面では横に並べ、狭い画面では縦に積み直す、文字や画像の大きさを調整するといった具合に、同じ内容のまま見え方だけを変えます。端末ごとに別々のページを用意しなくて済むので、内容を直すときも一か所を直せば済みます。表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化するという記述が、これに当たります。画面が狭いときに何を残し、何を畳むかを決めるのが要点になります。すべてを縮めて詰め込むと、どの端末でも読みにくいものになってしまいます。
ほかの選択肢はなぜ違うのか
- イWebブラウザで動画コンテンツをストリー…:配信するサーバを複数用意し、利用者に適したところへつないで負荷を分ける仕組みで、CDNと呼ばれます。届け方を工夫する話であって、画面の見え方を変える作り方ではありません。
- ウスマートフォンなどの端末向けのWebアプ…:端末に内蔵された加速度センサーなどのデータを使って、歩数や移動の速さを測る仕組みの説明です。機器が持つ計測の機能を使う話で、画面の配置とは関わりがありません。
- エ操作説明書を読まなくてもWebサイトの使…:マウスポインタを重ねたときに小さな説明を出す仕組みで、ツールチップと呼ばれます。使い方を助けるための表示であって、画面の大きさに応じて配置を変えるものではありません。
この問題の用語
- スマートフォン電話に小型のコンピュータを組み合わせた携帯端末です。アプリを追加して機能を増やせ、タッチパネルで操作します。
- WebブラウザWebページを見るためのソフト。専用のアプリを配る場合と比べて、利用者側の環境を保守する手間が軽くなります。
- Webアプリケーションブラウザから使う、サーバ側で動くプログラムのことです。利用者の端末に専用ソフトを入れずに使え、更新もサーバ側で済みます。
出典:令和8年度 ITパスポート試験 問60
同じ用語が出る問題
- 令和6年度 問98:ランサムウェアに関する記述(Webブラウザ)
- 令和6年度 問90:WAFの説明(Webアプリケーション)
- 令和6年度 問88:JavaScriptに関する記述(Webブラウザ)
- 令和6年度 問61:cookieの説明(Webブラウザ)
- 令和5年度 問58(Webブラウザ)
この解説に誤りを見つけたら教えてください。直して、直した記録を残します。誤りを報告する(メールが開きます)