# 【OBSブラウザソース】動く週間配信スケジュール ウィジェット｜画面上で直接編集・今日枠自動点灯・8テーマ切替｜HTML/CSS/JS OBS Studio のブラウザソースにドラッグ＆ドロップして配置するだけで使える、動く週間配信スケジュール ウィジェットです。 「毎週のスケジュール告知を配信画面に可愛く出したいけれど、HTMLをメモ帳で開いてコードを書き換えるのは面倒…」 そんな配信者・VTuberのお悩みを解決するために、**OBSの画面上で直接ポチポチ入力して保存できる対話型ウィジェット**を制作しました！ --- ### ■ ここが便利！おすすめポイント 1. **画面上で直接スケジュールを編集・保存！** - OBSでソースを右クリック →「対話」を押すだけで設定画面がポップアップ。 - 曜日ごとの予定、開始時刻、カテゴリタグを直感的に書き換えて「保存」を押すだけ！メモ帳でHTMLファイルを開く必要はもうありません。 - 入力した内容は自動保存（LocalStorage）されるため、OBSを再起動しても予定が消えません。 2. **「今日」の枠が自動で光る！** - 現在の曜日を自動判定し、当日の配信枠に「TODAY」バッジが点灯＆やわらかなパルスエフェクトで自動強調。 - リスナーが配信画面を見た瞬間に「今日の予定」がひと目で伝わります。 3. **雰囲気にあわせて選べる6種のテーマスキン** - **Dark Neon**: サイバーパンク・夜配信にピッタリの鮮やかなネオンカラー - **Cyberpunk**: 眩しいシアン＆イエローのゲーミングスタイル - **Pastel Pink**: アイドル・歌枠・雑談に馴染む優しいパステルピンク - **Glassmorphism**: 背景が透けて見えるモダンなすりガラス調 - **Gothic Purple**: 深夜の作業枠やホラーゲームに合うミステリアスなパープル - **Clean Minimal**: どんな背景にも溶け込むすっきりとしたホワイト 4. **完全オフライン動作・帯域＆CPU負荷ゼロ** - 外部サーバーへの通信は一切行いません。配信ソフトのフレームレートや回線に影響を与えず安心です。 --- ### ■ 収録内容 - `schedule_widget.html`（ウィジェット本体） - `config.html`（導入ガイド・設定案内） - `README_JA.md`（使い方マニュアル） - `LICENSE.txt`（利用規約） --- ### ■ 使い方（かんたん設定） 1. OBSの「ソース」から **「＋」 → 「ブラウザ」** を追加。 2. 「ローカルファイル」にチェックを入れて `schedule_widget.html` を選択。 3. **幅: 1200 / 高さ: 320** に設定して完了！ 4. 予定の編集は、OBS上のソースを右クリックして「対話」からいつでも簡単に行えます。 --- ### ■ 利用規約 - 個人・法人問わず、収益化配信・動画制作等で商用利用OK。 - クレジット表記は任意です。 - 再配布・転売は禁止いたします。 --- ### ■ 制作について 本ツールのソースコード・UIロジックは自律生成プログラムおよびAIエージェントを活用して構築・動作検証を行っています。