ITパスポート 令和8年度 問60
ヒューマンインタフェース
レスポンシブWebデザインの問題
レスポンシブWebデザインに関する記述として,適切なものはどれか。
- ア PC,スマートフォンなど,多くの種類の端末で,見やすく,かつ操作しやすくなるように,表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。
- イ Webブラウザで動画コンテンツをストリーミング再生するとき,サーバやネットワークの負荷が軽減されるように,複数のコンテンツ配信サーバのうち,利用者に適したサーバに接続させてデータを取得する。
- ウ スマートフォンなどの端末向けのWebアプリケーションにおいて,歩数や移動速度などを計測できるように,端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。
- エ 操作説明書を読まなくてもWebサイトの使用方法を理解できるように,Webブラウザの利用者がマウスポインタをWebコンテンツに重ねたとき,ポップアップを用いて機能の説明,対象の状態などを表示する。
答えと解説
✓ これが正解ア PC,スマートフォンなど,多くの種類の端末で,見やすく,かつ操作しやすくなるように,表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。
解説
一つのページで画面の大きさに合わせ配置が変わる作り方です。
レスポンシブWebデザインは、一つのページで、見る端末の画面の大きさに合わせて配置が変わるようにする作り方です。広い画面では横に並べ、狭い画面では縦に積み直す、文字や画像の大きさを調整するといった具合に、同じ内容のまま見え方だけを変えます。端末ごとに別々のページを用意しなくて済むので、内容を直すときも一か所を直せば済みます。表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化するという記述が、これに当たります。画面が狭いときに何を残し、何を畳むかを決めるのが要点になります。すべてを縮めて詰め込むと、どの端末でも読みにくいものになってしまいます。
ほかの選択肢の解説
- イ Webブラウザで動画コンテンツをストリーミング再生するとき,サーバやネットワークの負荷が軽減されるように,複数のコンテンツ配信サーバのうち,利用者に適したサーバに接続させてデータを取得する。:配信するサーバを複数用意し、利用者に適したところへつないで負荷を分ける仕組みで、CDNと呼ばれます。届け方を工夫する話であって、画面の見え方を変える作り方ではありません。
- ウ スマートフォンなどの端末向けのWebアプリケーションにおいて,歩数や移動速度などを計測できるように,端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。:端末に内蔵された加速度センサーなどのデータを使って、歩数や移動の速さを測る仕組みの説明です。機器が持つ計測の機能を使う話で、画面の配置とは関わりがありません。
- エ 操作説明書を読まなくてもWebサイトの使用方法を理解できるように,Webブラウザの利用者がマウスポインタをWebコンテンツに重ねたとき,ポップアップを用いて機能の説明,対象の状態などを表示する。:マウスポインタを重ねたときに小さな説明を出す仕組みで、ツールチップと呼ばれます。使い方を助けるための表示であって、画面の大きさに応じて配置を変えるものではありません。
関連用語
- CDN動画や画像を利用者に近い場所の装置から届け、配信を速くする仕組みです。
- スマートフォン電話に小型のコンピュータを組み合わせた携帯端末です。
- WebブラウザWebページを見るためのソフト。
- ストリーミング音声や動画を受け取りながら、同時に再生していく技術です。
- 軽減リスクは残したまま、起きる見込みや起きたときの痛手を小さくする対応です。
- Webアプリケーションブラウザから使う、サーバ側で動くプログラムのことです。
- センサまわりの様子を測って電気の信号に変える部品です。
- ポインタリストなどで、つながる相手の要素の在り処を直接指すための値です。
出典:令和8年度 ITパスポート試験 問60
解説は当サイト独自のもので、IPA(独立行政法人情報処理推進機構)とは関係ありません。
関連問題
- 令和6年度 問98:
ランサムウェアに 関する 記述 (Webブラウザ) - 令和6年度 問90:
WAFの 説明 (Webアプリケーション) - 平成30年度 秋期 (特別措置試験) 問100:
関係 データベースに 関する 問題 (ポインタ) - 令和6年度 問79
(ストリーミング) - 令和2年度 10月 (特別措置試験) 問19:
ディープラーニングに 関する 問題 (CDN)
同じ分野の問題
誤りを見つけたら報告する