【OBSに置くだけ】推しサポーター ランキング 全16テーマ|スパチャ・メンバー・ビッツの累計を部門別・今月/全期間で表示【わんコメ/Twitch対応・商用可】
- Digital1,200 JPY












スパチャ・メンバー(サブスク)・ビッツを、人ごとに積み上げて順位で出すランキングウィジェットです。「今月のスパチャ」「この配信の応援」「全期間のメンバー」のように、期間と部門を選んで出せます。複数選ぶと順番に切り替わります。 配信の締めに「今月いちばん支えてくれた人」を紹介したり、月末の感謝配信で全期間のランキングを出したり。誰がどれだけ支えてくれているかが画面に残るので、お礼を伝えやすくなります。配色ちがいの全16テーマ入りです。 ━━━━━━━━━━━━━━━━ できること ━━━━━━━━━━━━━━━━ ・部門: 合算(ポイント)/スパチャ(円)/メンバー(件・ギフト含む)/ビッツ ・期間: この配信/今日/今月/全期間。1つの記録から全部の期間を同時に数えるので、切り替えても記録は消えません。月が替わると「今月」は自動で新しい月に ・部門と期間を複数選ぶと、◯秒ごとに自動で切り替え(例: 今月のスパチャ → 今月のメンバー → 全期間のスパチャ) ・並びは「縦(幅600×高さ900)」と、画面の端に置ける「横一列(幅1920×高さ200)」 ・金額・件数を出さない設定(順位と名前だけ)、横バーの有無、表示人数(1〜10人) ・応援が届くとその人の行に「+¥1,000」、順位が上がると行が光り、1位が入れ替わると王冠 ・外貨のスパチャは円に換算して合算($5 → 約¥750。レートは目安で、URLで変えられます) ・同じ人はユーザーIDで判定(名前を変えても1人のまま)。配信者自身とBotは数えません ━━━━━━━━━━━━━━━━ 記録の保存とリセット ━━━━━━━━━━━━━━━━ ・記録はOBSのブラウザソースの中に保存され、OBSを閉じても残ります ・前回のコメントから3時間以上あいて開くと、自動で「新しい配信」に(今日・今月・全期間はそのまま) ・操作パネル(panel.html)から: 新しい配信を始める/今月の記録を消す/全部消す/手動で追加(他サイトの投げ銭・ほしい物リストのお礼など)/バックアップの書き出し・読み込み ・配信中は配信者・モデレーターのコメントでも操作できます !rank reset(新しい配信) !rank 今月(期間) !rank スパチャ(部門) !add もち 1000(手動で追加) ━━━━━━━━━━━━━━━━ ほかの商品とのちがい ━━━━━━━━━━━━━━━━ ・スパチャ集計&お礼 … 届いた「瞬間」に名前入りのお礼を出す商品です。人ごとの順位は出しません ・常連ランキング … コメントの数で順位を出します。お金は見ません ・この商品 … 人ごとの「累計」を、期間・部門ごとに順位で出します。お礼演出と重ねて使えます ━━━━━━━━━━━━━━━━ 収録テーマ(全16/うち明るい配信画面用が6) ━━━━━━━━━━━━━━━━ <暗めの配信画面に合う 10テーマ> ・ネオン / ゴールド / フォレスト / クリムゾン / バイオレット ・サイバー / アイス / エンバー / モノクロ / オーシャン <明るい配信画面に合う 6テーマ> ・桜 / ゆめかわ / ミニマル / アクア / 抹茶 / 北欧 背景の板なし(画面に直置き)にすると、明るいテーマは読みやすい色に自動で切り替わります。 ━━━━━━━━━━━━━━━━ 導入方法(3ステップ・2分) ━━━━━━━━━━━━━━━━ 1. 同梱の panel.html を開き、部門・期間・並び・色を選びます 2. 「OBSに貼るURL」をコピーします 3. OBSで「ソース」→「+」→「ブラウザ」を追加し、URLに貼ります おすすめの大きさ:縦=幅600×高さ900/横一列=幅1920×高さ200 ・わんコメ:起動しておくだけで自動でつながります。YouTubeのスーパーチャット・スーパーステッカー・メンバー加入/ギフトを数えます ・Twitch:URLに「&twitch=チャンネル名」を足すだけ。ビッツ・サブスク・ギフトサブを数えます(まとめて贈られたギフトも二重には数えません) ・「?demo=1」を付けると、OBSに置く前に動きを確認できます ━━━━━━━━━━━━━━━━ 金額について(正直に書きます) ━━━━━━━━━━━━━━━━ 金額は、わんコメ(またはTwitch)が渡す表示用の文字(「¥1,000」「$5.00」など)から読んでいます。外貨は目安のレートで円に換算しています。正確な金額は各サービスの管理画面でご確認ください。 メンバー加入・ギフトの見分けは、わんコメが渡す情報の形に左右されます。数えられなかったときは「!add 名前 1 件」やパネルの手動追加で足せます。ニコニコのギフトなど、円に直せないものは数えません。 ━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━ OBS Studio 30.x 以降(Windows・macOS) わんコメ 5.x(連動を使う場合のみ・無料版で可)/ Twitchチャットに直結(わんコメ不要) 画像・動画・外部フォントを使っていない軽量HTMLです。サーバー・アカウント登録・課金は不要です。 ━━━━━━━━━━━━━━━━ ライセンス ━━━━━━━━━━━━━━━━ ・個人・法人問わず商用配信OK/自分の配信用の改変OK ・素材そのもの(HTML/CSS/JS)の再配布・転売はご遠慮ください ━━━━━━━━━━━━━━━━ 更新履歴 ━━━━━━━━━━━━━━━━ v2.0(2026-10)部門別(スパチャ/メンバー/ビッツ)・今月・自動切り替え・横一列・操作パネル・記録の管理(リセット/手動追加/バックアップ)・外貨の円換算を追加。Twitchのギフトサブの二重計上を修正。 v1.0 をお使いの方へ:映す側は view.html になりました。supporter.html も同梱しているので、OBSのURLはそのままでも表示されます。v1.0 の累計は最初に開いたとき「全期間の合算」へ引き継ぎます。 v1.0 を購入済みの方は、同じページから v2.0 を追加費用なしで再ダウンロードできます。 v1.0(2026-09-25)公開。 ── panda studio / 人間1人+AIで配信素材をつくっています











