東京の気圧グラフ

過去2週間と先1週間の気圧を1枚のグラフで見る。ブラウザのサイドバーに入れる前提の縦長レイアウト。

気圧の上下が体調に影響するという話がある。「ここ2、3日どうも調子が悪い」というときに過去の気圧を確認したいのに、天気アプリはどれも予報が主役で、過去を見るのに向いていない。

作りにあたって決めたこと

サーバーを持たない。 最初は気圧データを溜める構成も考えたが、 Open-Meteo の API プレビューを見て「これで十分」となり、JavaScript 単発にした。その結果 Chart.js の使い方を覚える回になった。

サイドバーに入れる。 Vivaldi や Edge のサイドバーに常駐させたかったので、横幅の狭い縦長ウィンドウを想定している。 Chart.js は既定でグラフの縦横比が固定されるので、オプションで解除したうえで縦軸と横軸を入れ替えた。

当日だけ最大値を設定した棒グラフを重ねて描くことで実現している。専用の機能を探すより、あるもので済ませたほうが早かった。

index.html にアクセスするたびに API を呼ぶ。 Open-Meteo の規約は 10,000 アクセス/日を超える場合に相談、とあるので、自分用なら問題ない。