わんコメ（OneComme）のカスタムテンプレートとして使う、料理配信のレシピ進行ボードです。料理配信で、今日作る料理の名前・材料・手順を画面の横に出しておけます。手順はコマンドで1つずつ進み、いまの手順が光ります。『煮込み 10分』などのタイマーは2つまで同時に使え、完成したら大きな札で発表します。横1280×縦720・背景透明。画面の横の端（右・左から選べます）に、上から「今日の料理: 肉じゃが」、材料の一覧（最大 12。✓で消せる）、手順の一覧（最大 10。「3/7 じゃがいもを炒める」いまの手順が光り、済んだ手順は薄く）が縦に並びます。タイマーや完成の札は画面の中央に出て、横の札には重なりません。デザインは10種類です。見本は家庭料理の肉じゃがで、config.js の recipe を自分の料理に書き換えて使います（分量や加熱時間の判断はしません。配信者が入れます）。 ■ 流れ 1. OBS に入れます。最初は config.js の recipe（料理名・材料・手順）が並び、手順は「0/7」です 2. 料理を始めたら、配信者がコメント欄に `!ck next` と書きます。手順が1つ進んで「1/7」、いまの手順の行が光ります。続けて 2/7、3/7…。戻すときは `!ck back`、飛ぶときは `!ck go 5` 3. 材料を用意したら `!ck chk 1`（材料1に✓。有料版）。もう一度で外れます 4. 材料・手順・料理名は、その場でも足せます。`!ck ing みりん 大さじ2`・`!ck step 盛り付ける`・`!ck title カレーライス` 5. タイマーは `!ck t 10 煮込み`。画面の中央の上に「煮込み 9:59」と減っていき、0 で「煮込み できた！」の札が 3 秒出ます。`!ck t 25 ごはん` でもう1つ（2つ目は有料版）。止めるのは `!ck tstop`（すべて）・`!ck tstop 1` 6. 出来上がったら `!ck done`（有料版）。中央に「完成！ 肉じゃが」の大きな札と「手順 7 / 所要 48分」（最初の `!ck next` から `!ck done` までの時間）が出ます 7. （有料版）完成のあと 60 秒、視聴者の「おいしそう」「飯テロ」を含むコメントを数え、札の下に「おいしそう 12」と出します 8. 次の料理は `!ck reset`（config.js のレシピに戻る）か、`!ck clear` のあと `!ck title`・`!ck ing`・`!ck step` で入れ直します ■ 特長 ・横の札: 「今日の料理」と料理名（16 文字まで）、材料の一覧（番号つきの四角。有料版は最大 12 個）、手順の一覧（有料版は最大 10 個）、見出しの右に「✓ 3/10」「3/7」。いまの手順の行が光り、済んだ手順は薄くなって✓が付きます ・タイマー: `!ck t 分 [名前]` で最大2つ（無料版は1つ）。1〜600 分。「10分」の書き方も可。時間は終わる時刻との差で数えるので、OBS を再読み込みしても進み続けます。残り 10 秒で数字が光ります ・「できた！」の札: タイマーが 0 になると「煮込み できた！」を 3 秒（2つが同時に終わると名前が並びます） ・（有料版）材料の✓: `!ck chk 番号` で✓（薄くなり取り消し線）。もう一度で外れます ・（有料版）完成の札: `!ck done` で「完成！ 肉じゃが」と「手順 7 / 所要 48分」を `cardSeconds`（既定 6 秒）。所要は最初の `next`／`go` からの時間（1 分未満・1時間05分 の書き方） ・（有料版）視聴者の「おいしそう」: 完成のあと 60 秒、視聴者の「おいしそう」「飯テロ」を含むコメントを数えて「おいしそう 12」。配信者本人のコメントは数えません ・（有料版）手順が進む・戻るとき、いまの行と「3/7」が弾むアニメーション、`!ck show`／`!ck hide` ・無料版にもある操作: `title`・`ing`・`step`・`next`・`back`・`go`・`t`・`tstop`・`clear`・`reset`（材料・手順は 6 個まで、タイマーは 1 つ） ・横の端は config.js の position で右・左から選べます（タイマー・できた！・完成・おいしそうの札は、どちらの端でも横の札と重ならない画面の中央に出ます） ・config.js の recipe に、料理名・材料・手順を書けます（材料は 1 つ 12 文字、手順は 1 つ 24 文字まで）。動かし始めたあとは記録が優先されるので、書き換えたら `!ck reset` で反映します ・配信者のコマンドは配信者本人のコメントだけ有効（視聴者が「!ck next」と書いても手順は進みません）。全角の「！」・全角スペース・全角の数字も可 ・名前は文字として表示します（タグを書いてもそのまま文字で出ます）。材料 12・手順 10・長い名前・10:00:00 のタイマーでも、札からはみ出さないよう文字を縮めて収めます ・料理名・材料・手順・✓・いまの手順・タイマー・完成の札・おいしそうの数は localStorage（キー onecomme-cooking-v1）に保存され、OBS を再読み込みしても、配信の途中で OBS を開き直しても同じ状態が続きます。同じコメントで二度動きません ・アクセントカラー: config.js の color を変えると、札の枠・見出しの帯・いまの手順・「今日の料理」「できた！」「完成！」の札・光の色が変わります（文字の基本色と札の地は変わりません） ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン（夜のネオン管の札）／ゆめかわ（パステルの札）／ピクセル（8bit の枠）／和風（茶の札に金の縁）／ミニマル白／ミニマル黒／肉球・猫（やさしい暖色の札）／宇宙（星空の札）／宝石（紺の面に宝石色の縁）／ターミナル（緑の線画の端末） ・背景は透明。外部フォント・外部画像は使わず、システムフォント＋プログラム描画で表示。音は鳴りません ■ こう使う 1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする（OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます） 3. OBSのブラウザソースの幅1280・高さ720を設定し、画面いっぱいに置く 4. 配信者が `!ck next` や `!ck t 10 煮込み` と書くと、手順が進み、タイマーが動きます ■ 動作環境 わんコメ 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の変え方・アクセントカラー・デモ表示・動作環境・利用規約） ■ 注意 ・コマンドはわんコメの配信者（自分のチャンネル）のコメントだけが効きます。視聴者のコメントで動くのは、完成のあとの「おいしそう」「飯テロ」の数だけです。 ・このテンプレートは、料理の名前・材料・手順を出してタイマーを数えるための道具です。分量・加熱時間・衛生や安全の判断は行いません（配信者が決めて入れます）。画面の見本に出てくる料理・材料は家庭料理の一般的な例で、特定のお店・商品・番組の名前は含まれていません。 ・材料の✓・完成の札・「おいしそう」の数・2つ目のタイマー・手順が進むときのアニメーションは有料版の機能です。 ・画像・動画を生成する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