天気予報アプリ

このアプリは、OpenWeatherAPIとMapsJavaScriptAPIを利用しています。

下記の都市名を選択して「表示」ボタンを押す、またはマップ上を「クリック」してください。

サーバ側で天気データを取得し、現在の天気と5日間の気温変化を表示します。

APIリクエストの流れは以下の通りです

  • ブラウザから「選択した都市名」または「座標」をサーバに送信
  • サーバ側で OpenWeatherAPI に GET リクエストを送信
  • APIのURLには、「都市名」 と 「APIキー」 が含まれる
  • APIから取得した JSON レスポンスを解析し、天気情報(気温、湿度、風速など)を画面に表示