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