【脱・重い天気サイト】爆速・軽量・プレーンテキストな天気予報サイト「Brolly」を作りました
Show HN: Brolly, a plain-text weather forecast site
Show HN: Brolly, a plain-text weather forecast site
イギリスのMET Officeのサイトがリニューアルされ、無駄な空白やスクロール、アニメーションが増えてしまい、使い勝手が非常に悪くなってしまいました。そこで「パッと一目で天気がわかるサイト」が欲しくなり、ミニマルなテキストベースの天気予報サイト「Brolly(https://brolly.sh )」を自作しました。このサイトでは、世界中の天気を以下のようなデータで確認できます。7日間の予報、昨日の記録(昨日と比べて暑いのか寒いのか一目瞭然!)、1時間ごとの雨・風・気温・天候、1時間ごとの紫外線・空気質・花粉情報(EU/UK対応)など、充実した内容です。自分用に作ったものですが、皆さんの役にも立てば嬉しいです。サンプルとしてイギリス・ヨークの天気(https://brolly.sh/forecast/RWFP2qW8 )を公開しています。UIはモバイルフレンドリーな1カラム構成で、デスクトップで見ても余白が綺麗に収まるデザインにしています。参考にしたのはplaintextsports.comの美学です。特筆すべきは、全てのページ状態(場所、選択した日、セクションの開閉など)がURLに保存される点です。URLを共有するだけで、自分が今見ている画面をそのまま相手と共有できます。技術スタックは、バックエンドにPocketBase(Go言語)、フロントエンドには生のHTML/JavaScript/CSSを使用しています。全てのページはバックエンドでレンダリングされ、軽量なJSでページ遷移なしの快適な操作を実現しました。また、open-meteo.comのAPIを使用していますが、PocketBase上のSQLiteを活用した独自LRUキャッシュを組み込み、5分間のキャッシュを効かせることでAPI負荷を最小限に抑えています。
テキストオンリーモードってどうやるの?Accept: text/plainを試してみたんだけど、いつもHTMLで返ってきちゃうんだよね。
これいい感じだね、コンパクトなのがすごく気に入った。デスクトップで常時表示しておきたいくらい。唯一気になるのは降水量のグラフで、少し大きすぎるかな。下のグラフと同じような横方向のグラフじゃダメなのかな?降水量はもう少し精度と即時性が必要なのはわかるけど、変則的なグラフにするのも手かも。左半分を次の1時間、右半分を次の12時間にする、みたいな。
最高。wttr.inを思い出したけど、インタラクティブだしモバイルでの動作がずっといいのが利点だね。あと、自分はターミナルの幅を狭くして使うことが多いから、wttr.inだと完璧には表示されないんだ。あなたのサイトにcurlでアクセスしたらターミナル用のテキスト表示になる機能があれば最高なんだけどな!
すごく興味深いね。ここ数日の傾向って日常会話や天気の話題(「先週はもっと暖かかったよね」とか)ではよくあるけど、天気アプリでは意外と見落とされがちだよね。Open-Meteoがそのデータを提供しているのは助かる。
あと、この出力結果、偶然にもLLMに読み込ませるのに完璧なフォーマットになってるよ。Delhiのページの中身をArena .aiに貼り付けて「要約して」って聞いたら、qwen3.6-plusは「暑くて蒸し暑い一日、午後にわか雨の可能性あり」って答えたし、gemini-3.1-pro-previewは「概ね晴れだが暑くて非常に蒸し暑い。最高気温は34度だが、午後には体感で42度になるだろう」って返してきたよ。
見た目いいね。最初ちょっと戸惑ったんだけど、「Raleigh, NC」で検索しても場所が見つからなかった。でも「Raleigh」だけならいけたよ。
プレーンテキスト形式のサービス大好き。読み込みがほぼ一瞬なのが強みだしね。細かいこと言うようだけど、高速なブロードバンド環境でも読み込みに数秒かかってるのが少し気になるな。キャッシュが効くはずの再読み込み時でも遅延があるみたい。
デスクトップでカラム表示されるといいな。あと、curlした時に生HTMLが返ってこないようになると嬉しい。URLのパターンもwttr.inみたいにしてほしい。例えばNYCならwttr.in/nycみたいに直感的なのがいい。今のURL(https://brolly.sh/forecast/YcUDdBLc )だと何の意味も読み取れないから。
他の人も言ってるけど、wttr.inみたいにcurlで叩けるようになったら最高だな。
ああ、よかった。Met Officeの新しいウェブサイトやアプリを嫌ってるのが自分だけじゃなくて安心した。でも予報とレーダーマップはあそこが一番なんだよね。データはどこから取得してるの?
Unicodeの天気記号を使うのにぴったりのユースケースだね。