科目A問60
レスポンシブWebデザインに関する記述として，適切なものはどれか。
| PC，スマートフォンなど，多くの種類の端末で，見やすく，かつ操作しやすくなるように，表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。 | |
| Webブラウザで動画コンテンツをストリーミング再生するとき，サーバやネットワークの負荷が軽減されるように，複数のコンテンツ配信サーバのうち，利用者に適したサーバに接続させてデータを取得する。 | |
| スマートフォンなどの端末向けのWebアプリケーションにおいて，歩数や移動速度などを計測できるように，端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。 | |
| 操作説明書を読まなくてもWebサイトの使用方法を理解できるように，Webブラウザの利用者がマウスポインタをWebコンテンツに重ねたとき，ポップアップを用いて機能の説明，対象の状態などを表示する。 |
『情報処理過去問.com』からiPhoneアプリがリリースされました！！
正解
- ア
解説
レスポンシブWebデザインは、PC・スマートフォン・タブレットなど端末が異なっても共通のHTMLを返し、端末の画面幅・高さ、解像度、縦横の向きといった特性に合わせてCSSで表示を最適化する設計手法です。スマホ普及の初期のようにPC用とスマホ用で別サイトを用意するのではなく、1つのHTMLに対してメディアクエリで画面サイズごとの見せ方を切り替える運用が現在は主流です。利点として、URLを一つにでき共有やリンクが容易、同一内容の複数ページを維持管理する手間の削減、リダイレクト不要で読み込み遅延が抑えられる、などが挙げられます。以上より適切なのはアです。
| ア. | PC，スマートフォンなど，多くの種類の端末で，見やすく，かつ操作しやすくなるように，表示する端末の画面サイズなどに応じてWebサイトの画面レイアウトが変化する。 |
| 端末の画面サイズなどに応じてレイアウトを変え、PCやスマートフォンでも見やすく操作しやすくするという内容で、レスポンシブWebデザインの説明として適切です。 | |
| イ. | Webブラウザで動画コンテンツをストリーミング再生するとき，サーバやネットワークの負荷が軽減されるように，複数のコンテンツ配信サーバのうち，利用者に適したサーバに接続させてデータを取得する。 |
| CDN（Content Delivery Network）に関する説明です。コンテンツ配信サーバを振り分けて負荷分散・最適化する話であり、レスポンシブWebデザインとは異なります。 | |
| ウ. | スマートフォンなどの端末向けのWebアプリケーションにおいて，歩数や移動速度などを計測できるように，端末に内蔵された加速度センサーやジャイロセンサーのデータを使用する。 |
| 端末内蔵の加速度センサーやジャイロのデータを用いるセンサーAPIの説明です。レイアウト最適化であるレスポンシブWebデザインの話ではありません。 | |
| エ. | 操作説明書を読まなくてもWebサイトの使用方法を理解できるように，Webブラウザの利用者がマウスポインタをWebコンテンツに重ねたとき，ポップアップを用いて機能の説明，対象の状態などを表示する。 |
| マウスオーバー時に補助情報を出すツールチップなどの説明です。レスポンシブWebデザインとは別の概念です。 |