Ajaxで天気データ取得に挑戦！正直ちょっと難しかった話
今日はJavaScriptでAjax（データの取得）について学習しました。ボタンをクリックすると、外部サイト（気象庁）から天気データを取得する処理を作成しました。fetchを使ってデータを取得し、その後.thenでデータを受け取る流れになっているのですが、正直最初は「何をしているのか分かりづらい…」と感じました。特に難しかったのが、data[0].timeSeries[0].areas[0].weathers[1]この部分です。配列やオブジェクトが何重にも重なっていて、「どこからどこを取り出しているのか」がパッと見では理解しづらかったです。ただ、解説を見ながら一つずつたどっていくと、「大きなデータの中から必要な部分だけ取り出している」ということが分かってきました。また、fetchで取得したデータはそのままでは使えず、response.json()でJavaScriptで扱える形に変換している点も学びになりました。まだ完全に理解できたとは言えませんが、「外部からデータを取得して使う」という流れを体験できたのは大きな一歩だと感じています。少しずつですが、できることが増えてきて嬉しいです✨
0
