OBS用 気温グラフオーバーレイ｜気象庁データ対応 / Stream Weather Graph for OBS

━━━━━━━━━━━━━━━━━━━━━━━━

　　　2026年9月17日　v1.2.1に更新しました

━━━━━━━━━━━━━━━━━━━━━━━━

同梱READMEと、このページの説明を実際の動作に合わせて修正しました。

コンパクトの日付表示、巡回ボタンの名称、降水確率の表示のしかた、

設定画面の操作の説明、更新時に引き継がれる設定の範囲の5か所です。

【追加（v1.2.0）】

・巡回する地域を選べるようになりました。

　「巡回地域・順番」でチェックを付け、「上へ／下へ」で順番を変えられます。

　これまでは全28都市を必ず順番に回っていました。

　全28都市のまま使う場合、操作は不要です。

・「すべて選ぶ」「すべて外す」を追加しました。

　巡回は最低1地域必要なので、外すときはいま表示している地域だけ残します。

・切り替え演出を「なし／フェード（0〜2秒）」から選べるようになりました。

　これまでの固定のスライド演出は廃止しています。

【変更（v1.2.0）】

・演出はクロスフェードです。

　古い表示と新しい表示をすれ違わせるので、切り替わる瞬間に

　表示が抜けません。

・色見本の値を「天気予報オーバーレイ」と揃えました。

【追加（v1.1.0）】

・配色を5つ選べるようになりました。

　背景色・文字色・最高気温・最低気温・降水確率。

　色見本のボタンから選ぶか、カラーコードを入力します。

・設定パネルに「取得状況」を追加しました。

　最終取得日時が分かり、「今すぐ再取得」もできます。

【変更（v1.1.0）】

・「ガラスの色（黒／白）」をやめて、背景色そのものを選ぶ形にしました。

　明るい背景を選ぶと、曜日の色と降水確率の下地が自動で暗い側に、

　影と枠線が明るい側に

　切り替わります。

　これまで黒／白で使っていた設定は、同じ見た目のまま引き継がれます。

・背景の濃さを0〜100%に広げました（以前は15〜80%）。

　0%で背景なし（グラフと文字だけ）、100%で透けません。

　枠線・影・背後のぼかしも一緒に変わります。

・設定パネルを作り直しました。

　項目を4つに折りたたみ、画面からはみ出さないようにして、

　右端のスクロールバーで下まで操作できます。

　「閉じる」ボタンとEscapeでも閉じられます。

・設定パネルの大きさが、配信解像度で変わらないようにしました。

　これまでは解像度によって文字が小さくなり、操作しづらいことが

　ありました。

・「降水確率の棒」を「降水確率」に変更しました。

　コンパクト表示では棒ではなく数字のみのためです。

【修正（v1.1.0）】

・天気の取得を安定させました。

　　・8秒で応答がないときは打ち切り、1回だけやり直します

　　・取得できなかったときは、同じ地域の前回取得分を表示し続けます

　　　（取得できていないことは画面に表示されます）

　　・巡回中に、前の地域の天気が表示されることがある問題を修正しました

　　・日付が変わったときに取り直すようにしました

・明るい背景のときに、凡例の降水確率の印が見えなかった問題を

　修正しました。

購入済みの方は、ダウンロードページから最新版に置き換えてください。

地域・デザイン・配色・表示位置などはそのまま引き継がれます。

※ v1.1.0より前のバージョンからの更新時のみ、「背景の濃さ」が

　 初期値の45%に戻ります。ガラスの表現を作り直したためです。

━━━━━━━━━━━━━━━━━━━━━━━━

これから数日の気温の推移を、グラフで配信画面に表示するOBS用ツールです。

気象庁の公開データを使うので、APIキーの登録は不要です。

折れ線・棒グラフ・コンパクトの3デザインを切り替えられます。

最高気温と最低気温の推移に加えて、曜日・天気アイコン・降水確率も

日ごとに表示します。

全国の主要都市を自動で巡回表示することもできます。

■ このツールの特長

● 気温の「推移」が見える

　今日の気温だけでなく、数日ぶんの上がり下がりをグラフで示します。

　週末の予定や、配信の話題に使えます。

● APIキー不要

　気象庁の公開データを使用します。登録も、キーの取得も不要です。

● 配色を自由に決められる

　すりガラス質感のデザインです。

　背景・文字・最高気温・最低気温・降水確率の5つを、

　色見本かカラーコードで指定できます。

　背景を完全に消して、グラフと文字だけを出すこともできます。

■ 同梱ファイル

　weather_graph.html　　オーバーレイ本体

　README_JA.txt　　　　 日本語README

　README_EN.txt　　　　 English README

■ 動作環境

　OS 　：Windows 10 / 11

　　　　　macOS（動作するはずですが動作確認はWindowsのみ）

　OBS 　：OBS Studio 30以降

　※ OBSのWebSocket設定は不要です。ファイルを追加するだけで使えます。

　※ 天気データの取得にインターネット接続が必要です。

■ 主な機能

【グラフ】

・最高気温・最低気温の推移をグラフで表示

・折れ線 / 棒グラフ / コンパクト の3デザイン

・表示する日数を3日・5日・7日から選択（日数に合わせて枠も変化）

・曜日・天気アイコン・降水確率を日ごとに表示

　（日付は折れ線と棒グラフに表示。コンパクトは曜日のみ）

・降水確率は表示 / 非表示を切り替え

【地域】

・全国28都市の巡回表示、または1都市の固定表示

・巡回する地域を選んで、順番も変更可能

・巡回の間隔を調整（6秒 / 10秒 / 15秒）

・切り替え演出は「なし／フェード」、フェード0〜2秒

【見た目】

・表示位置は9か所（四隅・上下左右・中央）

・背景の濃さを0〜100%で調整（0%で背景なし）

・角の丸みを0〜48で調整

・色は5種類（背景・文字・最高気温・最低気温・降水確率）

　色見本のボタンかカラーコードで指定

・フォント6種類

【更新と保存】

・気象庁データを約30分ごとに自動更新

・日付が変わったときも取り直します

・取得状況・最終取得日時・手動再取得

・設定はブラウザに自動保存

・設定はすべてOBSの「対話」画面から操作

　（プルダウンとカラーピッカーは使用していません。

　　選択はボタン、数値はスライダー、カラーコードは文字入力、

　　地域はチェックボックス）

■ 表示される都市（28都市）

　札幌 / 函館 / 青森 / 仙台 / 秋田 / 福島 / 東京

　横浜 / 千葉 / 埼玉 / 新潟 / 長野 / 静岡 / 名古屋

　金沢 / 京都 / 大阪 / 神戸 / 広島 / 鳥取 / 徳島

　高松 / 松山 / 高知 / 福岡 / 熊本 / 鹿児島 / 那覇

■ セットアップ

【Step 1】

　OBSのソースパネルで ＋ → ブラウザ を追加します。

【Step 2】

　以下を設定してください。

　　ローカルファイル　：チェックを入れる

　　ファイル　　　　　：weather_graph.html を選択

　　幅　　　　　　　　：1920（配信解像度に合わせる）

　　高さ　　　　　　　：1080

　　FPS　　　　　　　　：30

【Step 3】

　設定後は Alt＋ドラッグ で端をトリミングして配置してください。

　（詳しい手順はREADMEに記載しています）

■ 操作方法

　ブラウザソースを右クリック → 対話（操作） を開き、

　画面右下の歯車ボタンから設定パネルを開きます。

　地域・デザイン・表示位置・背景の濃さ・角の丸み・色を

　ボタンで切り替えられます。

　プルダウンとカラーピッカーは使用していません。

　OBSの対話ではプルダウンやカラーピッカーが開かないためです。

■ 天気データについて

　気象庁が公開している天気予報データを使用しています。

　※ 気温は予報の最高・最低で、現在の実測値ではありません。

　※ 気象庁は17時ごろの発表で「今日の最高・最低気温」を

　　 配信データから外します。

　　 そのあとは翌日始まりの表示になります。

　※ 降水確率は受信した対象日の時間帯のうち最大値です。

　※ 地域名は代表都市名で、気象庁の地域予報を表示します。

■ 注意事項

　・OBSのブラウザソース設定で「シーン切り替え時にページを更新」を

　　オフにしてください。

　・天気データの取得にインターネット接続が必要です。

　・OBSのブラウザソースの仕様上、ガラスのぼかしは

　　背後の配信映像には適用されません。

　・設定画面を開いたまま配信すると映り込みます。

　　操作後は「閉じる」またはEscapeで閉じてください。

　・天気を取得できなかったときは、同じ地域の前回取得分を保持し、

　　古い情報であることを画面に表示します。

■ ご利用について

　配信での使用は、商用・非商用問わず自由です。

　再配布・改変・転売はご遠慮ください。

■ 免責事項

　本アプリの使用によって生じたトラブルや損害については、

　責任を負いかねます。

　気象庁データの仕様変更やOBS Studioのアップデート等により、

　動作しなくなる場合があります。

　天気予報の内容の正確性については保証できません。

■ サポートについて

　不具合やご要望がありましたら、お知らせください。

　可能な範囲で確認しますが、対応をお約束するものではありません。

■ 同じ気象庁データを使った他の商品

・OBS用 天気予報オーバーレイ

　テロップ・コーナー・週間パネルの3デザインで、

　数日ぶんの予報を表示します。

　https://flatshop.booth.pm/items/8507656

・OBS用 配信ダッシュボードオーバーレイ

　天気に加えて、配信予定・ToDo・タイマーを

　1枚のパネルに表示します。

　https://flatshop.booth.pm/items/8799826

・OBS用 丸型マップ隠し

　ゲームのミニマップを隠す円の中に、

　時刻・天気・気温を表示します。

　https://flatshop.booth.pm/items/8844518

■ 小型バー版について

　時刻と天気を1行にまとめた「時計＆天気バー」もあります。

　グラフではなく、配信中ずっと画面に出しておくための

　小型のバーです。

　気象庁アメダスの実況を使って、今の気温を表示できます。

・OBS用 時計＆天気バー｜1行で時刻・天気・気温を表示

　https://flatshop.booth.pm/items/8820904