【わんコメテンプレート】視聴者参加クイズ 10デザイン｜コメントでA〜Dを答えて自動集計・正解者とランキング表示【OBS/配信ゲーム】

わんコメ（OneComme）のカスタムテンプレートとして使う、視聴者参加型のクイズです。config.js に書いた問題を配信画面に出し、視聴者さんがコメントで A〜D（1〜4・全角でも可）を答えると自動で集計します。締め切ると正解の選択肢が光り、正解者の名前を早く答えた順に表示（1位に「最速」の札）。最後は得点の多い順の最終ランキングを出せます。進行は配信者本人のコメント（!start / !next / !answer / !result / !reset）でも、全自動でも。デザインは10種類です。

■ できること

・問題は config.js に { 問題文, 選択肢2〜4個, 正解, 制限時間 } を並べて書くだけ。何問でも出題可能（見本の5問入り）

・答え方: コメントが A / B / C / D、a〜d、Ａ〜Ｄ（全角）、1〜4、１〜４ のどれか1文字だけなら回答として数える。選択肢が3個なら D は無視。1人1回（最初の回答が有効。config.js の allowChange で答え直しも可能）

・出題中: 問題番号（Q1/5）・問題文・選択肢・残り秒数とバー・選択肢ごとの回答数のバー・回答人数を表示（回答数のバーは隠すことも可能）

・正解発表: 正解の選択肢が光り、ほかは暗く。正解者を早い順に最大8人表示、1位に「最速」の札。正解者がいれば紙吹雪

・最終ランキング: 得点の多い順に上位10人。得点は正解10点＋その問題の最速正解者に3点（点数は変更可能）。同点は回答時間の合計が短い人が上

・進め方は2通り: 配信者本人のコメントで進める（!start 最初の問題 / !next 次の問題 / !answer 締めて正解発表 / !result 最終ランキング / !reset 最初から。コマンドの文字は変更可能。時間切れでも自動で締まる）／全自動（5秒後に1問目 → 正解発表6秒 → 次 … → 最終ランキング）

・配信者本人の回答は数えない。同じ人は配信サイトのユーザーIDで見分ける

・OBS でソースを再読み込みしても、今の問題・回答・得点の続きから表示（!reset か URL の reset=1 で最初から）。わんコメにつなぐ前のコメント（前の配信のコマンドなど）には反応しない

・URLパラメータ（control / time / live / reset）でも上書き可能。?demo=1 で見本の2問を自動で流すデモ表示

・背景は透明。外部フォント・外部画像は使わず、システムフォントで表示

・表示サイズは960×540px のブラウザソース枠に収まる設計

・デザイン10種：ネオン／パステル（ゆめかわ）／レトロゲーム風ドット／和風／ミニマル白／ミニマル黒／肉球・猫／宇宙・星空／宝石／ターミナル（緑文字）

■ こう使う

1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する

2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする

3. OBSのブラウザソースの幅960・高さ540を設定する

4. config.js に問題を書く（見本の5問のままでも遊べます）

5. 配信者本人のアカウントで「!start」とコメントすると1問目が出る。「!answer」で正解発表、「!next」で次の問題、「!result」で最終ランキング

■ 動作環境

わんコメ 9.1 以降 ＋ OBS のブラウザソース。表示中はわんコメを起動しておいてください（テンプレートはわんコメ本体の OneSDK を読み込みます）

YouTube のコメントで答えてもらうには、わんコメ側で Google ログインが必要です（わんコメ 9 系の仕様）。

ツイキャス・Twitch なども、わんコメでそれぞれの配信サイトに接続すれば答えられます。

■ 同梱

・デザイン別テンプレートzip 10個（neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js）

・説明書.txt（導入手順・問題の書き方・答え方・進め方（コマンド一覧・自動進行）・画面の流れ・得点のつけ方・再読み込みとリセット・config.jsの変え方・URLパラメータの例・動作環境・利用規約）

■ 注意

・生成AIは使用していません。

・YouTube のコメントで答えてもらうには、わんコメで Google ログインが必要です。

・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です（わんコメ側の決まりです）。

・わんコメ公式のテンプレート追加機能（zipのドラッグ＆ドロップ）で導入します。フォルダを直接配置する方法ではありません。

・コマンド（!start など）は配信者本人のアカウントのコメントだけで動きます。

・進行状況は OBS のブラウザソースの中（localStorage）に保存されます。OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください（説明書に手順があります）。

・配信・動画での使用可、収益化配信（投げ銭・広告収益等）での使用も可、このテンプレートのクレジット表記は不要です。

・このテンプレート（zip・index.html・config.js等）そのものの再配布・転売は禁止です。

・ご質問はメッセージでどうぞ。