わんコメ（OneComme）のカスタムテンプレートとして使う、百人一首クイズです。お正月の配信で、百人一首の上の句を画面に出し、視聴者が下の句を A〜D のコメントで当てるクイズです。いちばん早く正解した人から点が入り、ランキングで競えます。100首すべて入っていて、歌人と現代語の短い意味も表示できます。横1280×縦720・背景透明。画面の中央に「第 12 首（3/10 問）」の札・上の句の札（横書き2行・ひらがなの読みつき）・下の句の A〜D・答え合わせの札が並び、四隅のどこか（右上・左上・右下・左下から選べます）に「残り 17 秒」と回答数の札が出ます。デザインはお正月の10種類（ネオンの扇・ゆめかわの梅と羽子板・ピクセルの門松・和風の市松と木札・ミニマル白と朱・ミニマル黒と金・肉球と鈴・宇宙の初日の出・宝石の水引・ターミナル）です。問題の出し入れは、配信者がコメント欄のコマンドで行います。年末年始の配信・初配信・新年のあいさつ配信にも使えます。 ■ 流れ 1. OBS に入れます。最初は「百人一首クイズ」の札と、隅の「待機」の札が出ています 2. 配信者が `!hk start`（問題数を決めるなら `!hk start 5`）と書くと、100首からランダムに問題の組ができ、第1問の上の句が出ます。同じ組の中で同じ歌は出ません 3. 上の句を読み上げたら `!hk open`。下の句の A〜D（正解1つ＋ほかの歌の下の句3つ）が並び、隅の札が「残り 20 秒」から数え始めます 4. 視聴者が「A」「b」「Ｃ」「ｄ」と1文字で答えます（全角・半角・大文字・小文字どれでも。1人1問1回、最初の答えだけ） 5. 20 秒で自動で締め切り、答え合わせ（`!hk ans` でいつでもすぐ）。正解の札に「正解 C　ながながし夜を ひとりかも寝む」・歌人・現代語の短い意味・早く正解した順の名前と点が出ます 6. 次は `!hk next` → `!hk open`。`!hk q 47` のように、番号を決めて出すこともできます 7. （有料版）`!hk rank` でランキングの大きな札、全部の問題が終わったら `!hk end` で「優勝 ○○さん 18点」と上位 5 人の最終結果の札 8. 次の組は `!hk start`（点は 0 に戻ります）。全部消すときは `!hk reset` ■ 特長 ・100首すべて入り（番号・上の句・下の句・歌人名・ひらがなの読み・現代語の短い意味）。本文と表記は小倉百人一首の通説に従い、収録した100首は一首ずつ読み直して確かめています ・上の句は横書き2行で大きく、ひらがなの読みを小さく添えます。下の句の A〜D は、正解1つ＋ほかの歌の下の句からランダムに3つ。同じ下の句は並びません ・答え合わせ: 正解の選択肢だけが光り、ほかは薄くなります。「正解 C」と下の句、歌人、現代語の短い意味（config.js の showMeaning で消せます）、正解者の名前と点 ・（有料版）早い順の点: 1位 3点・2位 2点・3位以下 1点（points で変えられます）。点は組の終わりまで積み上がり、ランキング（上位 8 人）と最終結果（優勝の名前と点・上位 5 人）の大きな札で見せられます ・（有料版）問題数の設定（`!hk start 5`・defaultQuestions）。無料版は 10 問の固定 ・受付の秒数は answerSeconds（既定 20 秒）。時間は締め切りの時刻で数えるので、OBS を開き直しても続きから数えます ・位置は config.js の position で四隅から選べます（問題の札は画面の中央に出るので、どの隅でも隅の札・大きな札と重なりません） ・配信者のコマンドは配信者本人のコメントだけ有効（視聴者が「!hk next」と書いても問題は進みません）。全角の「！」・全角スペース・全角の数字も可 ・名前は文字として表示します（タグを書いてもそのまま文字で出ます）。長い歌人名・長い名前・大きい数字でも、札からはみ出さないよう文字を縮めて収めます ・出した歌・いまの問題（A〜D の並びと正解）・受付の状態と締め切り・回答・点・大きな札は localStorage（キー onecomme-ny_hyakunin-v1）に保存され、OBS を再読み込みしても、配信の途中で OBS を開き直しても同じ状態が続きます。同じコメントで二度数えません ・config.js で、position・answerSeconds・defaultQuestions・showMeaning・points・cardSeconds・アクセントカラーを変えられます ・アクセントカラー: color を変えると、札の枠・時間の棒・状態の札・「第○首」の札・A〜D の丸・正解の札・回答数の枠・正解者の札・大きな札の枠と光線・光の色が変わります（文字の基本色・札の地は変わりません） ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン（朱と金のネオンの扇）／ゆめかわ（パステルの梅と羽子板）／ピクセル（8bit の門松）／和風（市松・青海波と朱の木札）／ミニマル白（白地に朱）／ミニマル黒（黒地に金）／肉球（金の鈴・紅白の紐・肉球）／宇宙（初日の出と夜明けの空）／宝石（金箔と水引）／ターミナル（緑の線画の happy_new_year.exe） ・背景は透明。外部フォント・外部画像は使わず、システムフォント＋プログラム描画で表示。音は鳴りません。人や動物の顔・干支の絵は描いていません ■ こう使う 1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする（OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます） 3. OBSのブラウザソースの幅1280・高さ720を設定し、画面いっぱいに置く 4. 配信者が `!hk start` と書くと、第1問が出ます ■ 動作環境 わんコメ 9.1 以降 ＋ OBS のブラウザソース。表示中はわんコメを起動しておいてください（テンプレートはわんコメ本体の OneSDK を読み込みます）。 ■ 同梱 ・デザイン別テンプレートzip 10個（neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js + data.js〔百人一首のデータ〕） ・説明書.txt（導入手順・画面の見方・配信者のコマンド・視聴者の答え・点とランキング・歌のデータ・状態の記録・無料版との違い・config.jsの変え方・アクセントカラー・デモ表示・動作環境・利用規約） ■ 注意 ・コマンドはわんコメの配信者（自分のチャンネル）のコメントだけが効きます。視聴者のコメントで動くのは、答えの「A」「B」「C」「D」（1文字）だけです。 ・現代語の短い意味は、当店が 30 字以内でまとめた意訳です（学術的な解説ではありません）。画面の見本に出てくる名前・点は仮のものです。 ・点・ランキング・最終結果の札・現代語の意味・問題数の設定・100首は有料版の機能です。 ・画像・動画を生成するAIは使っていません（プログラムで描画）。プログラムと説明文はAIアシスタント（Claude）が作成しています。 ・わんコメ公式のテンプレート追加機能（zipのドラッグ＆ドロップ）で導入します。フォルダを直接配置する方法ではありません。 ・コメントを使う機能（配信者のコマンド・視聴者の答え）が YouTube のコメントに反応するには、わんコメで Google ログインが必要です。 ・記録は OBS のブラウザソースの中（localStorage）に保存されます。別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に ?stay=1 を付けてください（説明書に手順があります）。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です（わんコメ側の決まりです）。 ・配信・動画での使用可、収益化配信（投げ銭・広告収益等）での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート（zip・index.html・config.js・data.js等）そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット（2,980円） https://moonlitprops.booth.pm/items/8924071