非同期通信の機能によって動的なUIを画面遷移を伴わずに実現する技術は？ | 基本情報技術者試験過去問解説

こんにちは、フルスタックエンジニアのryuです。

今回の記事は、基本情報技術者試験過去問解説です。JavaScriptの非同期通信の機能を使うことによって，動的なユーザインタフェースを画面遷移を伴わずに実現する技術についての問題です。今回の記事では、Ajaxについて解説します。

関連【おすすめ】コマンドを打ちながらLinuxが学べるサイトInfraAcademy

※本ページには、プロモーション・アフィリエイトリンクが含まれています

非同期通信の機能によって動的なUIを画面遷移を伴わずに実現する技術は？

今回の記事では、以下の問題について解説します。

答えは、『ア』のAjaxです。今回の記事では、Ajaxについて解説します。

Ajaxとは？

ここからは、Ajaxについて詳しく解説します。

Ajaxは非同期通信を行う技術

Ajaxとは、Asynchronous JavaScript + XMLの略で、非同期通信を行う技術です。

非同期通信とは、コンピュータ間で、送信者のデータ送信タイミングと受信者のデータ受信タイミングを合わせずに通信を行う通信方式のことです。

つまり、Ajaxを使うことで、サーバ側との通信を非同期で行い、Webページの一部を書き換えることができます。GoogleMapなど様々なWebアプリで使用されています。

Ajaxを実装するには？

AjaxはJavascriptで実装することができます。Ajaxについてさらに理解したい方は、JavascriptでAjaxを実装してみましょう。

JavascriptでAjaxを実装するためには、axiosやjquery,fetchなどでコーディングすることができます。

ちなみに、axiosを使って実装すると以下のようになります。

const url = 'APIのURL';
axios.get(url)
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.log(error);
    });

APIからGETを使って、データを取得しています。さらに詳しく勉強したい方は、こちらの参考書を参考にしてください。

過去問解説まとめ

今回の記事では、以下の問題について解説しました。

答えは、『ア』のAjaxです。その他の選択肢については以下の通りです。

以上で解説を終わります。当ブログでは、このようなネットワークに関する内容や基本情報技術者試験の過去問解説をしているので興味のある方は引き続きご覧ください。

基本情報技術者試験過去問解説まとめ 午前問題過去問解説 基本情報技術者試験の過去問題を詳しく解説します。エンジニアの経験から実践を交えながら解説します！ ...

ABOUT ME

ryu@InfraAcademyというインフラ学習サービス運営

InfraAcademyというインフラエンジニア向けの学習サービスを運営しております。 インフラエンジニアからフルスタックエンジニア、PdM サーバ、ネットワーク、セキュリティ、クラウドについて投稿します。