わんコメ（OneComme）のカスタムテンプレートとして使う、コメント参加型の早打ちタイピングです。横1280×縦720・背景透明。出たお題を、いちばん早くコメントした人が勝ちです。お題は config.js で自由に書き換えられ、配信中にコマンドで出すこともできます。お題の枠・1〜3着の札・下の帯はすべて画像を使わずプログラムで描画。デザインは10種類です。 ■ 流れ 1. 配信者が `!type next` と書く（お題が1つランダムに選ばれる。同じ配信の中では、全部出るまで同じお題を出さない） 2. 「3・2・1」のカウント（お題はまだ見えない）のあと、お題が大きく出て計測が始まる。お題を出す前に届いたコメントは数えない 3. 視聴者がお題をコメントでそのまま入力する（コメント本文がお題とちょうど同じなら正解。前後の空白は無視。全角・半角は同じ扱いで、ひらがなとカタカナは別の文字。1人1回） 4. 正解が届いた順に、1着〜3着が名前とタイム（お題を出してからの秒）つきで出る。4着以降は「ほか ○人 正解」とまとめて表示 5. `timeLimit`（既定20秒）たつか、配信者が `!type stop` で締め切り。結果が出て、1着3pt・2着2pt・3着1ptが入る 6. `?view=ranking` で、ポイントの上位10人を並べる「タイピング王」が出る（有料版。いちばん速いタイムも出る） ■ 特長 ・お題は60個を最初から入れてあります（ことわざ・早口言葉・食べもの・動物・季節のことば。ひらがな・カタカナ・漢字まじり、3〜20字）。config.js の words で自由に書き換えられます（200個まで） ・配信者コマンド `!type ことば <文>`（有料版）: その文をお題にして始めます（例 `!type ことば 生麦生米生卵`） ・順位とタイムは、お題を出した時刻から、わんコメにコメントが届いた時刻までで決まります。**順位は、わんコメにコメントが届いた順です（配信サイトや回線によって、届くまでの時間に差があります）。** 遊びとしてお使いください ・タイピング王（有料版）: ポイントの上位10人と、いちばん速いタイム。同じポイントなら1着の回数の多い人が上です ・配信者コマンド: `!type next` / `!type ことば <文>`（有料版）/ `!type stop` / `!type reset`（全角の「！」・全角スペースも可。配信者本人のコメントだけ有効。共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません） ・記録は localStorage（キー onecomme-typing-v1）に保存され、OBS を再読み込みしても、いまのお題・正解者・ポイント・出したお題が続き、同じコメントで二度数えません ・config.js で、見出し・words（お題）・timeLimit（締め切りまでの秒数）・BOT 除外・アクセントカラーを変えられます ・アクセントカラー: color を変えると、枠・残り時間の棒と数字・「3・2・1」の数字・着順の札のふちとタイム・ポイントの札・紙吹雪の1色が変わります（文字の基本色・背景・お題のキーの色は変わりません） ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種：ネオン／ゆめかわ／ピクセル／和風／ミニマル白／ミニマル黒／肉球・猫／宇宙／宝石／ターミナル ・背景は透明。外部フォント・外部画像は使わず、システムフォント＋プログラム描画で表示。見本に出る名前はすべて架空です ■ こう使う 1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする（OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます） 3. OBSのブラウザソースの幅1280・高さ720を設定し、好きな位置に置く 4. 配信者が `!type next` と書いて、視聴者さんがお題をコメントするだけで、早打ちが始まります ■ 動作環境 わんコメ 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等）そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ 4択クイズならこちら（わんコメ 視聴者参加クイズ・800円） https://moonlitprops.booth.pm/items/8890114 ▼ わんコメテンプレート 全部入りセット（2,980円） https://moonlitprops.booth.pm/items/8924071