天気予報サイトは情報過多。広告も多い。知りたいのは「明日の氷見は晴れるのか」「傘がいるのか」、それだけ。
Open-Meteo APIという、無料でオープンな気象APIを使って、氷見市ピンポイントの7日間天気予報を作りました。気温の曲線グラフ、降水確率、日の出・日の入り、UV指数まで。必要な情報をコンパクトに。
👉 デモアプリを開く
📱 使い方
- アプリを開くとOpen-Meteo APIから自動取得し、現在の天気・気温・風速・降水確率・日の出日の入りが表示
- 現在天気カードで今日の最高気温・最低気温（赤▲/青▼）を確認
- 24時間予報グラフ（横スクロール可）で時間ごとの気温曲線と降水確率バーを確認
- 7日間予報リストで各日の天気アイコン、最高/最低気温バー、降水量を確認
- UV指数・最大風速・日の出/日の入りの2×2グリッドカードで詳細情報を確認
💡 ポイント: 30分ごとに自動更新されるため、常に最新の氷見市の天気情報が手元で確認できます。
🎯 こんな人におすすめ
- 農業・漁業従事者など天候で作業計画を立てる方
- 氷見への観光旅行を計画している旅行者
- 氷見への移住を検討していて生活環境を知りたい方
開発メモ
目的: 氷見市の天気情報を、広告なし・シンプルに。地元住民と観光客の両方に使えるツール。
技術: HTML5, Vanilla JS, Canvas, Open-Meteo API
工夫: WMO天気コードを絵文字に変換して視覚的にわかりやすく。24時間の気温曲線と降水確率を重ねて表示し、「この時間帯に雨が降りそう」が一目でわかります。
データ出典: Open-Meteo Weather Forecast API
コメント