令和7年度秋期 情報処理安全確保支援士 午前Ⅱ 問18

Google マップみたいに、画面をリロードせずにすらすら動かす技術

Ajax（エイジャックス）は、ウェブページ全体をリロード（再読み込み）することなく、裏側でサーバーと通信して、ページの一部分だけをサッと書き換える技術だよ。地図の移動や、検索窓の予測変換などで大活躍しているんだ。

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

画面の見た目を指定するCSSや、文書構造を扱うDOMなどの用語と並んでいるので、「JavaScriptによる裏側での非同期通信」を指すAjaxを選び出そう。

Ajax の役割

JavaScript からサーバへ非同期通信を行い、ページ全体を再読み込みせずに UI の一部だけを更新する。DOM は文書構造、CSS は見た目、SAX は XML 解析方式。

入力 -> JS が非同期通信 -> 結果受信 -> 一部分だけ再描画

確認ポイント

• サーバとのやり取りが非同期かどうかを見る。
• 見た目を指定する技術や文書構造 API とは役割が違う。
• “逐次表示”“高速スクロール” の背景にある部分更新を手掛かりにする。

正解

ア

出典

問題文と解答は IPA 公開の過去問題冊子・解答例を基にしています。

選択肢ア（正解）

これは正解だよ。Ajaxは、ページ全体を開き直さずに、裏側でサーバとやり取りして画面の一部だけを更新する仕組みなんだ。たとえるなら、レストランで毎回お店を出入りせず、席に座ったまま店員さんに追加注文して料理だけ持ってきてもらう感じだよ。地図を動かしたときに必要な部分だけ読み込んだり、検索候補を少しずつ出したりする説明にぴったりだね。

選択肢イ

これは不正解だよ。CSSはWebページの見た目を整えるためのものなんだ。文字の色、余白、配置、背景などを決める“服やメイク”みたいな役割だよ。ページの一部を通信で更新する仕組みではなく、見た目をどう表示するかを担当するものだね。

選択肢ウ

これは不正解だよ。DOMはHTMLやXMLの中身を、プログラムから触れる部品の集まりとして扱う仕組みなんだ。たとえるなら、部屋の家具リストを見ながら『この机を動かそう』『この椅子を追加しよう』と操作できる感じだよ。Ajaxで受け取った結果を画面に反映するときにはDOMを使うことが多いけど、サーバと非同期通信する技術そのものはAjaxだよ。

選択肢エ

これは不正解だよ。SAXはXMLという文書を読み取るための仕組みで、文書を上から順番に読んで『開始タグが来たよ』『文字が来たよ』みたいに知らせるものなんだ。たとえるなら、長い巻物を先頭から読み上げる係だね。Web画面を開き直さずサーバ通信する技術そのものではないよ。