【わんコメテンプレート】視聴者称号 10デザイン｜コメント数で称号が上がる・獲得演出とランキング付き【OBS/常連さん】

わんコメ（OneComme）のカスタムテンプレートとして使う、視聴者称号です。視聴者さんごとの累計コメント数を自動で数え、決めた回数に届いた瞬間に「〇〇さん 称号獲得『常連』」のカードを出します。初期設定の称号は 見習い(1回)・常連(10回)・古参(30回)・伝説(100回)・神(300回)。いちばん上の称号は紙吹雪でお祝いします。配信の最後に出せるコメント数ランキング付き。デザインは10種類です。

■ できること

・視聴者さんのコメント1件を1回として、配信をまたいで累計で数える

・コメント数が称号の回数にちょうど届いたコメントで「称号獲得」のカードを表示（名前・称号の札・コメント数・アイコン・称号の段の印）。2段目からは「ランクアップ！」、最上位は「最高位！」と紙吹雪

・称号は config.js の titles で自由に変更（回数・名前・札の色、段の数も増減可能）。札の文字は色の明るさに合わせて白か黒に自動で切り替え

・コメント数ランキング：URL に ?view=ranking を付けたソースで、コメント数の多い順に上位10人を称号つきで表示（480×540、人数は変更可）

・記録の書き出し・読み込み（?view=export / ?view=import）と全消去（?view=reset、2回押しで確定）。パソコンの買い替えやバックアップに

・配信者本人と BOT（Nightbot・StreamElements、追加可）は数えない。同じ人はユーザーIDで見分けるので、名前を変えても同じ人として数える

・わんコメにつないだ時点までのコメントは、カードを出さずに数えるだけ。数えたコメントの番号も保存するので、OBS でソースを再読み込みしても二重に数えない

・カードは1枚ずつ順番に表示（表示4秒、最大20件待ち）。表示時間は config.js または URL パラメータ（duration）で変更可

・URLパラメータ（duration / avatar / view）でも上書き可能。?demo=1 で見本表示

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

・表示サイズは480×200px（ランキングは480×540px）のブラウザソース枠に収まる設計

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

■ こう使う

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

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

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

4. 配信サイトに接続すると、視聴者さんのコメント数が称号の回数に届いたときに称号獲得のカードが表示される

5. ランキングを出したいときは、同じテンプレートをもう1つOBSに入れて URL の末尾に ?view=ranking を付け、幅480・高さ540にする

■ 動作環境

わんコメ 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パラメータの例・動作環境・利用規約）

■ 注意

・OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください（説明書に手順があります）。

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

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

・YouTube のコメントで数えるには、わんコメで Google ログインが必要です。

・コメント数の記録は OBS のブラウザソースの中（localStorage）に保存されます。OBS に入れたソースだけで数え、別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません（書き出し・読み込みで移せます）。

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

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

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

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