きっかけ

先日、X（旧Twitter）で見かけたこちらのツイートが、大きな反響を呼んでいました。

「県央は夏暑く、冬寒い！？」という神奈川県民の直感・体感を可視化した「クソ寒マップ」。手軽にリアルタイムかつ過去の推移が見られるWebアプリケーションにしたら面白いのでは？と思い、開発してみました。

開発のポイント

完全無料・APIキー不要
- Open-Meteo APIを採用。面倒な登録なしで高精度な気象データを取得できます。
58地点の一括取得（Batch Request）
- 神奈川県内の全市区町村（政令市の区を含む）を1回のリクエストで取得しています。
- 参考：Weather Data for Multiple Locations At Once
インタラクティブなUI
- 過去7日間の推移が見られるタイムスライダーを実装。キーボードの矢印キーやマウスで、地図の下にあるスライダーを動かすことができます。

カテゴリ	使用技術
Frontend	HTML5 / CSS3 / JavaScript (Vanilla JS)
Map Library	Leaflet.js (軽量地図ライブラリ)
Weather Data	Open-Meteo API
Deployment	Vercel

完成したアプリがこちらです。

キーボードの矢印キーやマウスで、地図の下にあるスライダーを動かしてみてください。
https://kanagawa-temp-map.vercel.app/

スライダーで動かした様子をgifアニメにしてみました（表示に少し時間がかかるみたいです）。とても寒かった2026年2月8日の夕方から翌朝までの市区町村ごとの気温の推移です。ただ、利用しているデータは、ウェザーニュースなどと比べると数℃高めかも。

こちらも併せてお試しください。
https://kafun.pages.dev/