わんコメ（OneComme）のカスタムテンプレートとして使う、歌枠用のセットリスト表示です。画面（横420×縦720、背景透明）に、見出し・番号つきの曲のリスト（曲名・アーティストは小さく）・「◯曲目 / 全◯曲」を出します。すべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ できること ・歌い終わった曲にはチェックが付いて薄くなり、いま歌っている曲には光る札「NOW」が付きます。下に「3曲目 / 全8曲」 ・曲の入れ方は3つ：① config.js の songs に事前に書く（'曲名|アーティスト'）② 配信者が `!setlist add 曲名|アーティスト`（区切りは半角 | と全角 ｜）③ 配信中に足す・消す（`!setlist remove 5`） ・配信者のコマンド：`!setlist next`（次の曲へ。いまの曲は歌い終わりに）／`!setlist prev`（ひとつ前へ）／`!setlist jump 5`（5曲目へ）／`!setlist remove 5`／`!setlist done`（全曲終わり。「ありがとうございました」の帯）／`!setlist reset` ・視聴者さんの拍手：コメントに「888」「👏」「すごい」「最高」（config.js の cheerWords で変更可。部分一致）が含まれると、いまの曲の横の拍手の数が +1。配信者本人のコメントは数えません ・`?view=now` … いまの曲だけを大きく出す表示（720×160。画面の下に置く用） ・`?view=export` … 歌った曲を「1. 曲名 / アーティスト」のテキストで出す表示（480×540、コピーボタン付き）。配信の概要欄にそのまま貼り付けられます ・曲が多いときは、いまの曲が見える範囲を出して「ここまでに N 曲」「このあと N 曲」を表示。曲は 60 曲まで ・記録は localStorage に保存（曲のリスト・いまの位置・拍手・処理済みのコメント id 直近5000件）。OBS を再読み込みしても続きから表示し、同じコメントを二重に数えません ・背景は透明。外部フォント・外部画像は使わず、システムフォント＋プログラム描画で表示 ・デザイン10種：ネオン／パステル（ゆめかわ）／レトロゲーム風ドット／和風／ミニマル白／ミニマル黒／肉球・猫／宇宙・星空／宝石／ターミナル（緑文字）。枠の形・NOW の光り方・チェックの質感がデザインごとに変わります ・見本に出る曲名・名前はすべて架空です ■ 配信者コマンドの書き方 ・コマンドはすべて `!setlist ` で始めます（全角の「！」・全角スペース・全角の数字も可）。配信者本人のコメントだけが有効です。`!next` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ■ こう使う 1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする（OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます） 3. OBSのブラウザソースの幅420・高さ720を設定し、好きな位置に置く 4. 配信者が「!setlist add 曲名|アーティスト」で曲を入れ（または config.js に事前に書き）、歌い始めに「!setlist next」。新しい配信の始めに「!setlist reset」 ■ 動作環境 わんコメ 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 に入れたソースだけが覚えていて、別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください（説明書に手順があります）。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です（わんコメ側の決まりです）。 ・配信・動画での使用可、収益化配信（投げ銭・広告収益等）での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート（zip・index.html・config.js等）そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット（2,980円） https://moonlitprops.booth.pm/items/8924071