スパチャ・メンバー（サブスク）・ビッツを、人ごとに積み上げて順位で出すランキングウィジェットです。「今月のスパチャ」「この配信の応援」「全期間のメンバー」のように、期間と部門を選んで出せます。複数選ぶと順番に切り替わります。 ※数えるのは、OBSでこの画面を開いているあいだに、わんコメ（起動が必要）または Twitch から届いた分です。使い始める前のスパチャやメンバー歴は読み取れません（パネルの手動追加で足せます）。 配信の締めに「今月いちばん支えてくれた人」を紹介したり、月末の感謝配信で全期間のランキングを出したり。誰がどれだけ支えてくれているかが画面に残るので、お礼を伝えやすくなります。配色ちがいの全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で配信素材をつくっています ■ あわせて人気の配信ウィジェット ・動くコメント欄テーマ 全73色: https://panda-kaihatsu.booth.pm/items/8576737 ・目標カウンター 全24テーマ: https://panda-kaihatsu.booth.pm/items/8609931 ・闇かわゴシック コメント欄 全24種: https://panda-kaihatsu.booth.pm/items/8621361