【作業・勉強配信】今日の目標・ToDoボード ウィジェット 全16テーマ｜クリックで完了チェック・進捗バー・わんコメ対応｜画像不要でOBSに置くだけ【study with me / 商用可】

作業配信・勉強配信（study with me）の画面にそっと置ける、「今日の目標＋ToDoリスト」のボードウィジェットです。画像も動画もサーバーも要りません。ブラウザ（またはOBSのブラウザソース）で開くだけで、今日の目標の大見出しと、やることリスト、達成数と進捗バーをきれいに表示します。タスクが終わったらクリックでチェック。打ち消し線がすっと伸びて、控えめな達成演出が入ります。外部への通信は一切なく、単一ファイルで軽いので、長時間の作業配信でも安心です。

■ できること

・「今日の目標」の大見出しと、今日のタスク一覧の表示（内容はCONFIGで自由に）

・タスクをクリック（または数字キー1〜9）で完了/解除。0キーで全部リセット

・完了時はチェックマーク＋打ち消し線＋控えめなリング演出（CSSのみ・画像なし）

・達成数/総数（例 3 / 5）・パーセント・進捗バーの表示

・全部達成すると「ALL DONE!」の一言と控えめな演出（文言は変更可）

・チェック状態は自動保存（localStorage）。配信中にOBSを再起動しても消えません

・日付が変わったら自動でリセット（オフにもできます）

・わんコメ(OneComme)連携（任意）：配信者のコメント「!done 1」で1番を完了、「!undone 1」で取り消し、「!reset」で全部リセット。接続先はPCの中のわんコメだけで、外部には一切つなぎません。わんコメが無くても全機能そのまま使えます

■ こんな配信に

作業配信・勉強配信・もくもく会・朝活・イラスト配信の進行表・雑談配信の「今日やること」など。同シリーズのポモドーロタイマー（Study With Me ウィジェット）や時計と同じ配色なので、並べて置くと画面がそのまま完成します。

■ 導入（OBS・2分）

1. zipを展開して好きな場所に置く

2. OBSの「ソース」→「＋」→「ブラウザ」→「ローカルファイル」で board.html を選ぶ（幅1920×高さ1080）

3. 背景は透過なので配信画面にそのまま重ねられます

チェックの付け外しは、OBSのソースを右クリック→「対話」から。ふつうのブラウザで開いても使えます。

■ カスタマイズ

board.html の一番上の CONFIG で、テーマ・目標の文言・タスクの中身と数・番号や進捗の表示・達成時の一言・自動保存と日付リセット・パネルの有無・サイズ・アクセント色・わんコメ連携（受け付ける人を配信者のみ/モデレーター/全員から選択）などを変えられます。書き換えて保存→OBSで再読み込みするだけです。

■ 全16テーマ（設定1行、または URL ?theme=gold で切り替え）

暗い配信画面向け10種：neon／gold／forest／crimson／violet／cyber／ice／ember／mono／ocean

明るい配信画面向け6種：sakura／kawaii／minimal／aqua／matcha／nordic

■ 買う前に動きを見る

無料お試し版（neon 1テーマ・機能は同じ）があります。まず軽さと使い心地を確かめてください。

■ 動作環境

Chrome / Edge / OBS のブラウザソース（Windows・macOS）。画像・動画・外部通信なし。

■ ライセンス

個人・法人問わず配信での使用OK・改変自由。ファイルそのものの再配布・販売はご遠慮ください。

■ サポート

不具合はBOOTHのメッセージからご連絡ください。無償で直します。更新は無料です。

──

panda studio ／ 人間1人＋AIで、配信の素材をつくっています