OBS用 時計＆天気バー｜1行で時刻・天気・気温を表示 / Clock & Weather Bar for OBS

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

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

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

背景の質感に「ガラス」を追加しました。

配信画面がバーの向こう側にぼんやり透けます。

【変更】

・背景の質感を「フラット / ガラス」から選べるようにしました。

　ガラスの濃さは0〜100%で調整できます。

　初期値はフラットです。

・文字の色を選べるようにしました。

　テーマの色のほか、カラーコードでの指定ができます。

　薄い文字は、指定した色から自動で作ります。

・「背景の色」で明るい色を選ぶと白になってしまう不具合を

　直しました。暗い色は正しく反映されていました。

・ドックの並びを整理しました。

　色（文字・背景・アクセント）を1か所にまとめ、

　大きさに関する項目を1か所にまとめています。

　設定の中身は変わりません。

【購入済みの方へ】

・設定はそのまま引き継がれます。

　ファイルを新しいものに差し替えるだけで使えます。

・初期値はこれまでどおり「フラット」です。

　何もしなければ見た目は変わりません。

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

時刻と天気を1行にまとめた、小型のバーです。

　13:15 ｜ 大阪 ｜ ☀ 晴れ ｜ 25.2° / 31°

気温は「今の気温」を出せます

（気象庁アメダスの実況・10分ごと）。

予報の最高・最低を横に添えることもできます。

配信画面の端に置いたままにできる細さで、

何を出すか・どの順に並べるかを自由に決められます。

天気は気象庁の公開データを使用します。

APIキーの登録は不要です。

■ 天気予報オーバーレイとの違い

　「Stream Weather」（¥600）は、予報をしっかり見せるための

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

　数日ぶんを表示します。

　こちらは1行だけの小型バーで、配信中ずっと出しておくための

　ものです。

　今の気温を表示できるのは、こちらだけです

　（予報には含まれないため）。

　時計だけ、天気だけ、といった使い方もできます。

■ このツールでできること

● 出す項目を選べる

　時刻・日付・地域名・天気・気温・降水確率・明日の天気・

　自由な一言。

　必要なものだけ出せます。すべて消すこともできます。

● 並び順を決められる

　ドラッグで入れ替えます。

　横型でも縦型でも同じ順に並びます。

● 項目ごとに見た目を調整できる

　大きさ・太さ・色を3段階から選べます。

　初期状態でも整って見えるように配分してあります。

● 巡回しても幅が動かない

　全国28都市を巡回するとき、幅を固定できます。

　地域名の幅もそろえられるので、右寄せに置いても

　位置が動きません。

■ 同梱ファイル

　compact.html　　オーバーレイ本体

　dock.html　　　 設定パネル

　README_JA.txt　 日本語README

　README_EN.txt　 English README

■ 動作環境

　OS 　：Windows 10 / 11

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

　OBS 　：OBS Studio 30以降

　※ ドックの設定を反映するため、

　　 OBSのWebSocketを有効にする必要があります。

　※ WebSocketの「認証を有効にする」はオンのままで接続できます。

　　 ポート番号も4455以外を指定できます。

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

■ 主な機能

【出す項目】

・時刻（24時間 / 午前・午後、秒のあり・なし）

・日付（曜日つき）／地域名

・天気（アイコンと文字を個別に）

・気温

　　主に出すもの：今の気温 / 最高 / 最低

　　横に添えるもの：なし / 今の気温 / 最高 / 最低

・降水確率／明日の天気／自由な一言

・ドラッグで並び順を変更

【項目ごとの見た目】

・大きさ（小 / 標準 / 大）

・太さ（細い / 標準 / 太い）

・色（通常 / 薄い / アクセント）

【天気】

・気象庁の公開データ（APIキー不要）

・今の気温は気象庁アメダスの実況を使用（10分ごとに更新）

・1地域を固定 / 全国28都市を巡回（5〜120秒）

・切り替えはフェード / スライド / なし、速さも調整

・切り替え中も前の表示を残すので、空白になりません

【置き方】

・横型 / 縦型

・表示位置9か所＋自由に置く（左と上からの距離を指定）

・画面の端からの余白を0〜200pxで調整（0で端にぴったり）

・縦のときは揃え方（左 / 中央 / 右）と行間を別に指定

・文字の大きさ、項目のあいだ、角の丸み、全体の大きさ

・幅の固定、地域名の幅そろえ

【見た目】

・背景のあり / なし

・背景の質感（フラット / ガラス）、ガラスの濃さ0〜100%

・テーマ（暗い / 明るい）

・文字の色（テーマの色 / カラーコード指定）

・背景の色（テーマの色 / カラーコード指定）

・区切り線のあり / なし

・アクセントカラー10色＋カラーコード指定

・フォント17種類

・日本語UIと英語UIの切り替え

■ セットアップ

【Step 1】

　OBSのWebSocketを有効にします（初回のみ）。

　ポートとパスワードを控えておきます。

【Step 2】

　ビュー → ドック → カスタムブラウザドック から

　dock.html を登録し、ポートとパスワードを入れて接続します。

【Step 3】

　ドックの「表示ソース用のURLを作る」でURLをコピーします。

【Step 4】

　ソース → ＋ → ブラウザ を追加し、そのURLを貼り付けます。

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

■ 注意事項

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

　　オフにしてください。

　・dock.html のURLは file:/// から始まるローカルパスで

　　指定してください。

　・本体とドックは同じフォルダに置いてください。

　・時刻はPCの時計を基準にしています。

　・時間帯によって、実況の欠測や予報の未発表で

　　値が取れないことがあります。

　　その場合は、取れる気温に自動で切り替えて表示します。

■ 表示内容の出典

　・天気予報　　気象庁の公開データ

　・今の気温　　気象庁アメダスの実況データ

■ ご利用について

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

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

■ 免責事項

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

　責任を負いかねます。

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

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

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

■ サポートについて

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

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