【わんコメテンプレート】出席スタンプカード 10デザイン｜常連さんの出席回数を自動で数えて表示・節目の回で特別演出・ランキング付き【OBS/VTuber】

わんコメ（OneComme）のカスタムテンプレートとして使う、出席スタンプカードです。視聴者さんがその日はじめてコメントしたときに「〇〇さん 5回目の出席！」のカードを出し、出席の回数を自動で数えます。スタンプが1つずつ押され、1・10・30・50・100回目などの節目の回は紙吹雪と「祝 〇回目！」でお祝いします。配信の最後に出せる出席ランキング付き。デザインは10種類です。

■ できること

・その日の最初のコメントで出席を1回数える（同じ日の2回目以降は数えない）。深夜0時〜4時台のコメントは前日の配信の続きとして数える（区切りの時刻は config.js の dayStartHour で変更可）

・カードに「出席」・名前・「〇回目の出席！」（1回目は「初出席！」）・スタンプ・アイコンを表示。スタンプは回数ぶん（最大10個、10回を超えたら「×回数」）が0.1秒おきに押され、最後の1つは大きく押される

・節目の回（初期設定 1・10・30・50・100回目）は紙吹雪と「祝 〇回目！」の札、表示6秒。節目の回は config.js の milestones で自由に変更可能

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

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

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

・わんコメにつないだ時点までのコメントは、カードを出さずに記録だけする。OBS でソースを再読み込みしても二重に数えず、配信の途中から入れても漏れない

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

・URLパラメータ（duration / avatar / milestones / 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等）そのものの再配布・転売は禁止です。

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