平成29年度 III-35

解説

この問題で問われていること

Web技術の用語(レスポンシブデザイン、Ajax、CSS、DOM、CGI)を区別する問題。

解き方

① レスポンシブWebデザイン=1つのHTML(シングルソース)で、画面サイズに合わせてレイアウトを変える(CSSのメディアクエリ)
② ①はAjax、②はCSS、③はDOM、④はCGI
③ ⑤

正解が正しい理由

レスポンシブWebデザインは、Webページを表示する機器(PC、タブレット、スマートフォン)や、画面サイズ、閲覧ソフトなどに関係なく、1つのHTML(シングルソース)で、CSS(メディアクエリなど)により、最適なレイアウトに変化させるデザイン手法である。したがって⑤が最も適切である。

各選択肢について

• ① Webブラウザに実装されたJavaScriptの非同期通信を使って、ページをリフレッシュしないで画面を更新するWebアプリケーションのデザインは、Ajaxの説明。
• ② Webページの見た目のデザインやレイアウトを定義するスタイルシートのデザインは、CSSの説明(レスポンシブデザインは、CSSを用いるが、それだけを指すものではない)。
• ③ Webページに含まれる要素やデータを操作するアプリケーションインタフェースは、DOM(Document Object Model)の説明。
• ④ Webページで掲示板やお問合せフォームなどを利用するときに、サーバ上のプログラムを起動させる仕組みは、CGIの説明。
• ⑤ 機器や画面サイズ、閲覧ソフトなどに関係なく、シングルソースで最適なレイアウトに変化させるデザイン手法は、レスポンシブWebデザイン。これが正答。

覚えるべきポイント

レスポンシブWebデザイン=1つのHTMLとCSS(メディアクエリ、フレキシブルなレイアウト)で、画面サイズに応じてレイアウトを切り替える。