【OBSに置くだけ】推しサポーター ランキング 全16テーマ｜スパチャ・Bits・メンバーを合算して貢献ランキングを表示｜Twitch直結／わんコメ対応【商用可】

配信を応援してくれた人を、配信画面で大きく称えられるランキングウィジェットです。スパチャ・Bits・メンバー加入（サブスク）を1つのポイントに合算し、貢献してくれた順に名前とメダルで表示します。OBSのブラウザソースで開くだけ。Twitchはチャンネル名を入れるだけで直結し、わんコメ（OneComme）にも自動で対応します。

これまでの「常連ランキング（コメント数の集計）」や「スパチャお礼演出（届いた瞬間の演出）」とは違い、この商品は金額・応援量そのものを積み上げて順位にするウィジェットです。誰がどれだけ支えてくれているかが配信画面に残るので、感謝を伝えやすく、応援のはげみにもなります。

■ できること

・応援ポイントのランキング表示（1位=金・2位=銀・3位=銅のメダル、1位を基準にした横バー）

・貢献の合算：Twitch Bits ＋ サブスク/ギフトサブ ＋ スーパーチャット（わんコメ/YouTube）

・ポイントの重みは自由に調整（1 Bits＝何pt、サブスク1件＝何pt、スパチャ¥1＝何pt）

・集計する期間を選べる：この配信ぶん／その日ぶん／累計

・順位が上がった人を一瞬光らせる演出、表示人数（TOP N）の変更

・ポイント数字の表示/非表示、配信者・Botの自動除外

・ブラウザソースを更新しても記録が残る（選んだ期間に従います）

・キーボード操作：T お試し表示／R リセット／H 表示・非表示

■ つなぎ方（どれか1つでOK）

・Twitchに直結：URLの末尾に ?twitch=あなたのチャンネル名 を付けるだけ。アカウント連携やトークンは不要です（匿名の読み取り専用接続）。BitsとサブスクをそのままBitsとサブスクとして拾います。

・わんコメ（OneComme）：起動しておくだけで自動接続。YouTube等のスーパーチャット・メンバーを拾います。

・お試し：URLの末尾に ?demo=1 を付けると、配信していなくてもサンプルの応援で動きを確認できます。

■ 導入（OBS・2分）

1. zipを展開してフォルダごと好きな場所に置く

2. OBSの「ソース」→「＋」→「ブラウザ」を追加

3. Twitchの方はURLに file:///展開先/supporter.html?twitch=チャンネル名 を、わんコメの方はローカルファイルで supporter.html を選ぶ

4. 幅600×高さ900くらいのパネルにすると収まりがよいです。背景は透過なのでそのまま重ねられます

■ 同梱テーマ 全16種

暗い配信画面向け10種（neon／gold／forest／crimson／violet／cyber／ice／ember／mono／ocean）と、明るい配信画面向け6種（sakura／kawaii／minimal／aqua／matcha／nordic）。URLに ?theme=neon と付ければ手早く切り替えられます。設定はファイル先頭のCONFIGを書き換えるだけです。

■ 動作環境

OBS Studioのブラウザソース／Chrome／Edge。画像・動画は同梱しません。つなぐ先は配信サイトのチャットだけで、余計な外部通信はありません。

■ ライセンス

個人・法人問わず配信で使用OK・改変自由。ファイル自体（改変版含む）の再配布・販売はご遠慮ください。不具合はメッセージから連絡いただければ無償で直します。更新も無料です。