【わんコメテンプレート】配信やることリスト 10デザイン|今日のやることを画面に並べてチェック・進み具合ゲージ・全部できた演出・視聴者の応援ハート【OBS/作業配信/勉強配信/企画】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、配信のやることリストです。その配信でやることを画面に並べて、終わったものにチェックを付けていきます。全部終わると達成の演出。作業・勉強配信、企画配信の進み具合を視聴者と共有できます。横1280×縦720・背景透明。見出し(既定「今日のやること」)と進み具合のゲージ、項目の一覧を、画面の左上(右上にも変えられます)に出します。デザインは10種類です。 ■ 流れ 1. 配信の最初に、配信者がコメント欄に `!todo add 資料を読む` のように書いて、やることを並べます(1項目ずつ。40文字まで) 2. 1つ終わったら `!todo done 1`(番号)。その項目に線が引かれてチェックが付き、「できた!」が弾けて、ゲージが「1 / 4」に進みます 3. 間違えたら `!todo undo 1`(チェックを外す)、`!todo del 2`(項目を消す。番号は詰まります) 4. 全部チェックが付くと、「全部できた!」の札と紙吹雪が出ます 5. 配信が終わったら、`!todo clear` で一覧を空にして、次の配信でまた並べます(消さなければ、次の配信でも続きから出ます) ■ 特長 ・項目の一覧(有料版は20項目まで)。終わった項目は線で消してチェックの印。今の項目(次の未チェック)には帯が付きます。項目が増えると行が詰まって、画面に収まります ・進み具合のゲージ「3 / 5」。全部終わると「全部できた!」の札と紙吹雪(cardSeconds 秒) ・見出しは `!todo title 勉強配信 3時間目` で変えられます(24文字まで。`!todo title` だけで config の見出しに戻ります) ・(有料版)視聴者の応援: コメントに「がんばれ」「頑張れ」「ガンバレ」「ファイト」「fight」があると、今の項目に応援のハートが1つ増えて、ハートが舞い上がります(同じ人は3秒に1回。言葉・間隔は config.js で変えられます) ・(有料版)項目ごとの完了時刻(例 21:35)が、終わった項目の右に出ます(config.js の showTime で切り替え) ・(有料版)`!todo carry`: 終わらなかった項目すべてに「持ち越し」の印を付けます。項目は記録に残るので、次の配信でも印つきで続きから出ます(終わらせると印は消えます) ・`!todo show`/`!todo hide` で出し入れ。`!todo clear` で全項目を消す ・配信者のコマンドは配信者本人のコメントだけ有効(視聴者が「!todo clear」と書いても消えません) ・項目・見出し・名前は文字として表示します(タグを書いてもそのまま文字で出ます) ・記録は localStorage(キー onecomme-todo-v1)に保存され、項目・チェック・完了時刻・応援のハート・見出しは、OBS を再読み込みしても、セッションの途中で OBS を開き直しても続きます。同じコメントで二度数えません ・config.js で、title・position・cheerWords・cheerCooldownSec・showTime・cardSeconds・excludeNames(BOT など応援に数えない名前)・アクセントカラーを変えられます ・アクセントカラー: color を変えると、板と札の枠・見出しの札の枠・チェックの箱・線で消す線・今の項目の帯・ゲージ・応援のハート・紙吹雪の主役の色が変わります(文字の基本色・板の地は変わりません) ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン(夜のネオン管の板)/ゆめかわ(パステルの板)/ピクセル(8bit の枠)/和風(茶の板に金の縁)/ミニマル白/ミニマル黒/肉球・猫(やさしい暖色の板)/宇宙(星空の板)/宝石(紺の面に宝石色の縁)/ターミナル(緑の線画の端末) ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示。音は鳴りません ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅1280・高さ720を設定し、画面いっぱいに置く(見出しとゲージの板は、項目が無いあいだも出ています) 4. 配信者が `!todo add 〇〇` と書いて、やることを並べ始める ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます)。 ■ 同梱 ・デザイン別テンプレートzip 10個(neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js) ・説明書.txt(導入手順・画面の見方・配信者のコマンド・応援のハート・状態の記録・無料版との違い・config.jsの変え方・アクセントカラー・デモ表示・動作環境・利用規約) ■ 注意 ・コマンドはわんコメの配信者(自分のチャンネル)のコメントだけが効きます。視聴者のコメントでは動きません。 ・応援のハートに数えるのは視聴者のコメントです(配信者本人の「がんばれ」は数えません)。未チェックの項目が無いときは、応援しても増えません。 ・画像・動画を生成するAIは使っていません(プログラムで描画)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・コメントを使う機能(配信者のコマンド)が YouTube のコメントに反応するには、わんコメで Google ログインが必要です。 ・記録は OBS のブラウザソースの中(localStorage)に保存されます。別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に ?stay=1 を付けてください(説明書に手順があります)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

