JavaScriptシリーズVol.3【WebAPIで住所取得や天気予報】意味不明なアロー関数を紐解き非同期処理を理解

VsCodeと教材の準備

JavaScriptの開発に必要なエディタ「VsCode」の導入方法から、

ライブサーバー機能、教材ファイルの活用方法までを一通り学び、実装準備を整えます。

JavaScriptの基本を学びHTMLを書き換える

JavaScriptの基礎文法を学びながら、HTML要素を動的に操作する方法を実践。

ページの内容をプログラムで変化させる体験ができます。

ややこしいJavaScriptの関数を紐解く

関数の基本構文から、無名関数・アロー関数・コールバック関数といった難解な関数の考え方を、

具体例を通して段階的に理解していきます。

APIをFetch関数で非同期処理する

fetch関数による非同期通信の基礎を学びます。

APIとは何か、fetchで外部データを取得する方法や、通信失敗時のエラーハンドリングも解説します。

郵便番号APIから住所自動入力

郵便番号を入力すると、自動的に住所を取得して表示するWebフォームを作成します。

日本郵便のAPIを活用し、実用的な住所自動補完機能を体験します。

気象庁APIから天気予報

気象庁の提供する天気予報APIを使って、地域コードから天気情報を取得し、HTMLに表示するアプリを作成。

さらに、気温に応じた服装アドバイスも加えます。