作った。
天気APIを使用したwebアプリの習作です。
こちらからどうぞ〜。

作り方

使用APIはこちらです。
天気アイコンもこちらのものを使用してます。

HTMLはこんな感じ。
ほぼ枠のみ。

JSでAPI取得、HTMLに出力、APIデータによって台詞の振り分けをしています。

条件分岐は17時以降、降水確率80%以上と50%以上、最高気温30℃以上と25℃以上、最高気温15℃以下と5℃以下、何にも該当しなかった場合の計8通りです。

あと今回はChatGPTに教わってコード書きました。
正直JSはギリ読めて書けないぐらいのレベルなので、吐き出してもらったコード読んで自分なりに書き換えるのが勉強しやすかったです。

可能であればやりたいな〜と思ってた機能もあって、例えば朝7時に今日の天気をプッシュ通知で教えてくれるやつ。今日は雨降りそうだよ気をつけてね〜みたいな。
ただそうなると自分の地域情報をサーバーかなんかに保存しなきゃだし、webプッシュはiOSでまだ不安定だし、単純に私の力量が足りないので断念しました。いつか実装できたらやろうかな〜。

そんな感じです。bye✋