【OBSに置くだけ】常連ランキング 全24テーマ|明るい配信画面用9テーマ/Twitch直結・わんコメ対応・コメント数の多い視聴者を自動集計【商用可】
- ダウンロード商品¥ 1,200















その月にコメントしてくれた回数を集計して、上位の人を配信画面にランキング形式で表示するウィジェットです。 ■ まず無料で試せます 集計と表示の仕組みが同じ無料お試し版があります。テーマ数を絞った版なので、まず動きだけ見て決められます。 → https://panda-kaihatsu.booth.pm/items/8693914 「いつも来てくれる人を大事にしたい」 「常連さんに、気づいていると伝えたい」 そんなときに使えます。 ■ できること ・コメント数を自動で集計し、上位10人を表示します ・全24テーマから選べます 【暗い配信画面向け 15】標準/NEON/SAKURA/KAWAII/GOLD/FOREST/CRIMSON/VIOLET/MONO/OCEAN/SUNSET/AURORA/WAMODERN/MOCHA/TERMINAL 【明るい配信画面向け 9】SNOW/PAPER/MINT/MATCHA/NORDIC/PEACH/LEMON/SKY/LAVENDER ・白い配信画面・明るい背景で使えるテーマを 1 → 9 に増やしました✨ 名前・順位・件数の文字の濃さは、1色ずつ実測して読める濃さに決めています ・1位から3位は金・銀・銅で色分け(テーマごとの配色) ・集計期間を選べます(今日 / 今週 / 今月 / 累計) ・期間が変わると自動でリセット(今月→来月で切り替わります) ・配信者自身のコメントは自動で除外(設定で変更できます) ・Bot(Nightbot等)も自動で除外 ・ブラウザソースを再読み込みしても記録は消えません ■ 導入手順の詳しい解説(無料・購入前に読めます) はじめての方向けに、フォルダのコピーからOBSに表示するまでを画像なしでも分かるようにまとめました。 「表示されない」ときの確認手順も7項目に整理してあります。買う前に読んで、できそうか判断してください。 ・わんコメのテンプレートを入れて、OBSに出すまで https://panda-hq-7af784ab.pages.dev/guide/onecomme-template-setup ・OBSのブラウザソースが表示されない時に、順番に確認すること https://panda-hq-7af784ab.pages.dev/guide/obs-browser-source-not-showing ■ 導入方法(3分) 1. わんコメを起動 → 設定(歯車)→「テンプレート」→「テンプレートフォルダを開く」 2. zip内から好きなテーマのフォルダを1つ選んでコピー(例: panda-ranking-sakura) 複数入れて配信ごとに使い分けることもできます 3. OBSの「ソース」→「+」→「ブラウザ」を追加し、URLに以下を入力 http://localhost:11180/templates/custom/panda-ranking/index.html 幅420 / 高さ600 くらいがおすすめです ※テーマを変えた場合は、URLの「panda-ranking」を選んだフォルダ名に置き換えます ■ 更新履歴 ・2026-09-19 v4.0 明るい配信画面向けのテーマを8つ追加して全24テーマになりました! (PAPER/MINT/MATCHA/NORDIC/PEACH/LEMON/SKY/LAVENDER) 白い背景・明るい配信画面でも名前や順位が読めるよう、文字の濃さを1色ずつ実測して決めています。 これまでの16テーマは色もファイルも一切変えていません。設定を作り直す必要はありません。 購入済みの方は、この商品ページから無料で再ダウンロードできます ・2026-09-09 v3.0 テーマを7つ追加して全16テーマになりました! (OCEAN/SUNSET/AURORA/WAMODERN/MOCHA/TERMINAL/SNOW) これまでの9テーマは色もファイルもそのままです。設定を作り直す必要はありません。 購入済みの方は、この商品ページから無料で再ダウンロードできます ・2026-08-31 v2.0 全9テーマに増量しました(NEON/SAKURA/KAWAII/GOLD/FOREST/CRIMSON/VIOLET/MONO)。 既存の配色もそのまま残しています。購入済みの方は、この商品ページから無料で再ダウンロードできます ■ カスタマイズ script.js の上部で、見出し・集計期間・表示人数・除外設定を変更できます。 style.css の上部で、色・幅・文字サイズ・行間を調整できます。背景を透明にすることもできます。 ■ 動作環境 わんコメ 5.x / OBS 30.x(Windows・macOS) 外部サーバーやアカウント登録は不要です。インターネット接続がなくても動作します。 ■ ご利用について 個人・法人の配信、収益化しているチャンネルでお使いいただけます。自分の配信用の改変も自由です。 ファイルの再配布・転売・素材集への再パッケージはご遠慮ください。 ── panda studio / 人間1人+AIで配信素材をつくっています ■ 同じシリーズ ・常連さん応援セット 3点 ¥2,000 https://panda-kaihatsu.booth.pm/items/8655778 ・リアルタイム投票ウィジェット ¥1,000 https://panda-kaihatsu.booth.pm/items/8600637 ・動くコメント欄テーマ 全73色(ネオン/サイバー/かわいい/桜/ミニマル/ガラス) ¥1,500 https://panda-kaihatsu.booth.pm/items/8576737 ほかの商品はこちら https://panda-kaihatsu.booth.pm/ ■ まずは無料でお試しできます 機能を絞った無料お試し版もあります https://panda-kaihatsu.booth.pm/items/8693914 ■ 過去の修正 ・2026-08-13 同梱READMEの導入URLに誤りがあったのを修正しました。 正しくは http://localhost:11180/templates/custom/<フォルダ名>/index.html です。 以前のREADMEでは custom/ が抜けており、そのままでは表示されませんでした。 ご迷惑をおかけして申し訳ありません。この商品ページから最新版を無料で再ダウンロードできます。 【Twitch直結でも使えます】 同梱の twitch.html を「?twitch=あなたのチャンネル名」を付けてOBSのブラウザソースに指定するだけで、わんコメを入れなくてもTwitchのコメントを表示・集計できます。アカウント登録もAPIキーもOAuthも要りません。外部のサーバーやCDNにも接続しません。 見た目だけ先に確かめたいときは「?demo=1」を付けてください。 なお匿名での接続になるため、アイコン画像は表示されず、ギフトや投げ銭の特別な演出は動きません。これまでどおり わんコメ版(index.html / view.html)もそのまま使えます。 ■ あわせて使うと便利 ・動くコメント欄テーマ 全73色: https://panda-kaihatsu.booth.pm/items/8576737 ・目標カウンター(登録者/耐久の「あと何人」を大きく表示): https://panda-kaihatsu.booth.pm/items/8609931 ・配信終了エンドロール: https://panda-kaihatsu.booth.pm/items/8654764 ※まとめ買いは【全部入りパック(8商品セット)】がお得: https://panda-kaihatsu.booth.pm/items/8725441 ■ 関連ウィジェット ・コメントで経験値がたまる「視聴者レベル」: https://panda-kaihatsu.booth.pm/items/8661023 ・同接・高評価・登録者カウンター STREAM COUNTER: https://panda-kaihatsu.booth.pm/items/8596270 ・今日の配信予定を出すスケジュール表: https://panda-kaihatsu.booth.pm/items/8583259 ・参加型もりあげスターター3点(受付抽選チーム分け+常連ランキング+目標カウンター): https://panda-kaihatsu.booth.pm/items/8905167 ※商品画像の一部に AI 生成画像を使用しています(商品本体のファイルは実際の動作画面のとおりです)。














