【わんコメテンプレート】同接・高評価カウンター 10デザイン｜目標ゲージ＆達成演出つき【OBS/YouTube/VTuber】

わんコメ（OneComme）のカスタムテンプレートとして使う、同接数・高評価数カウンターです。数字が変わるとカウントアップし、設定した目標に初めて届くと紙吹雪の演出が流れます。デザインは10種類、config.jsまたはURLパラメータで目標値・色・表示項目を自由に変更できます。

■ できること

・同接数と高評価数をリアルタイム表示（値が変わると0.6秒でカウントアップ）

・目標ゲージ：同接・高評価それぞれに目標値を設定し、現在値÷目標値のゲージで進捗表示

・目標に初めて届いたとき、紙吹雪の演出が3秒間（同じ目標では1回だけ）

・config.js の数値・色を書き換えるだけで見た目を変更（プログラミング知識不要）

・URLパラメータ（goal_viewer / goal_like / color）でも上書き可能

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

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

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

■ こう使う

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

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

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

4. 配信サイトに接続すると、同接数・高評価数が自動で表示される

5. 目標値や色を変えたいときはconfig.jsを編集、またはURLに?goal_viewer=300のように追加する

■ 動作環境

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

YouTube の同接・高評価を表示するには、わんコメ側で Google ログインが必要です（わんコメ 9 系の仕様）。

■ 同梱

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

・説明書.txt（導入手順・config.jsの変え方・URLパラメータの例・トラブル時の確認点・利用規約）

■ 注意

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

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

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

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

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