コメントが多い人を、配信画面に出します。 インストールは要りません。OBSの「ブラウザ」に入れるだけです。 わんコメが無くても使えます。 ──────────────────────── ■ こんな画面が出ます ──────────────────────── 常連さんランキング 1 さくら 42回 ━━━━━━━━━━━━━━━━━━━━━━━ 2 ゆい 31回 ━━━━━━━━━━━━━━━ 3 あおい 28回 ━━━━━━━━━━━━━ 4 わかば 19回 ━━━━━━━━━ 5 そら 12回 ━━━━━ 1位だけ色が変わり、名前の前に王冠が付きます。 帯の長さは回数の割合です。帯も王冠も、要らなければ消せます。 ──────────────────────── ■ 「いつからの回数か」を、配信中に切り替えられます ──────────────────────── この配信　…　「新しい配信を始める」を押した時からの回数 今日　　　…　日付が変わると0に戻る 累計　　　…　ずっと積み上がる 操作パネルのボタンを押すだけで、配信画面のランキングもその場で変わります。 どれを押しても、累計の記録が消えることはありません。 ──────────────────────── ■ 自分や読み上げBOTは、外せます ──────────────────────── ランキングを出すと、たいてい1位は自分か読み上げBOTになります。 操作パネルの一覧で「数えない」を押すと、その人は消えて、順位が繰り上がります。 押した分は覚えているので、毎回押し直す必要はありません。 最初から外したい名前（Nightbot など）は、config.js に書いておけます。 ──────────────────────── ■ できること ──────────────────────── ・わんコメが無くても、チャット欄を貼り付けるだけで使えます ・コメントが多い順に、上から何人でも出せます（初期値は5人） ・「この配信／今日／累計」を、配信中にボタンで切り替えられます ・自分や読み上げBOTを、一覧の「数えない」で1クリックで外せます ・同じ回数の人は、同じ順位になります（1位・1位・3位のように並びます） ・同じ回数なら、先にその回数に着いた人が上に出ます（毎回同じ順番になります） ・配信をまたいで覚えます（累計はずっと積み上がります） ・同じ人をまとめます（前後の空白・大文字小文字・前後の飾り記号） ・1位だけ色を変えて、名前の前に王冠を付けられます ・回数の長さを表す帯を出せます（消すこともできます） ・何回以上コメントした人から出すか、決められます ・同じチャットをもう一度貼り付けても、前の貼り付けと重なった所は飛ばします ・記録をCSVで保存・読み込みできます（二度読んでも回数は増えません） ・インターネットにつながりません ──────────────────────── ■ こう動きます ──────────────────────── 同じ回数の人が並んだ　　　　　　　→　同じ順位（1位・1位・3位） 同じ回数で、どちらを上にするか　　→　先にその回数へ着いた人 「新しい配信を始める」を押した　　→　この配信だけ0・累計は残る 日付が変わった　　　　　　　　　　→　今日だけ0・累計は残る 「数えない」を押した　　　　　　　→　その人は消え、順位が繰り上がる 「数えない」人がコメントした　　　→　回数は増えない 名前の前後に飾り記号が付いている　→　同じ人として数える 行の先頭に時刻が付いている　　　　→　時刻は名前にならない 時刻だけの行　　　　　　　　　　　→　人として数えない 同じチャットをもう一度貼り付けた　→　前の貼り付けと重なった所は飛ばす 少しずれた窓を貼った　　　　　　　→　新しい行だけ数える 同じ人があとでまた同じ言葉を書いた→　ちゃんともう一度数える わんコメから同じコメントが2回　　 →　二重に数えない 同じCSVをもう一度読み込んだ　　　 →　回数は増えない（置き換えるため） OBSを閉じて開き直した　　　　　　 →　回数は残る 本体と操作パネルは、同じ置き場所を見ているので順位が食い違いません。 本体（配信画面）を開き直すと、出す範囲は config.js に書いた値に戻ります。 ──────────────────────── ■ 名前の集め方は2つ ──────────────────────── 【A】わんコメ（OneComme）を使っている場合 　　config.js の onecomme.enabled を true にするだけ。 　　コメントした人が、自動で数に入ります。 　　つなぐ先は同じパソコンの中（localhost）だけ。外へは何も送りません。 　　わんコメが無い・起動していないときは、何も起きません。 【B】わんコメを使っていない場合 　　操作パネルに、チャット欄をそのまま貼り付けて「この人たちを数える」。 　　　さくら: こんばんは 　　　ゆい: いえーい 　　　20:05 あおい: やあ 　　→ 名前だけ取り出して、回数を1つずつ足します。 　　同じチャットをもう一度貼り付けても大丈夫です。 　　前に貼った分と重なっている所を飛ばすので、二重に数えません。 　　チャット欄が流れて窓がずれても、新しい行だけを数えます。 ──────────────────────── ■ 入っているもの ──────────────────────── cmtrank.html 本体（OBSに置くのはこれ） control.html 操作パネル（貼り付け・並べ替え・CSV） ※ OBSの 表示 → ドック → カスタムブラウザドック に入れて使います。 　 ダブルクリックで開くと保存場所が別になり、OBSの画面は動きません。 config.js 設定ファイル README_使い方.txt 使い方 README_English.txt 英語版 ──────────────────────── ■ できないこと（先に書いておきます） ──────────────────────── ・アイコン（人の画像）は出ません。名前だけです ・わんコメを使わない場合、数は自動では増えません。貼り付けたときだけ増えます ・貼り付けは「名前: 本文」か「名前␣␣本文」の形に対応します。 　名前と本文が別の行になる形式（画面からのコピーなど）は、 　本文の行も人として数えてしまいます ・「数えない」にした印は、CSVには入りません（その人の回数は入ります）。 　パソコンを替えたら、押し直してください ・同じ1行だけを2回貼ると、貼り直しとみなして2回目は数えません。チャット欄ごと貼ってください ・CSVの読み込みは置き換えです。2台のパソコンの記録を足し合わせることはできません ・OBSで「シーンが非アクティブのときにソースをシャットダウン」を入れていると、 　シーンを切り替えるたびに、出す範囲が config.js の値に戻ります ・音は鳴りません ・スパチャの金額・いいね・視聴時間では並べられません。コメントの回数だけです ・わんコメ以外の連携はありません（YouTube や Twitch に直接つなぐ機能はありません） ・名前を変えた人は、別の人として扱われます（同じ人だと分かる方法がないため） ・記録はこのパソコンの中にだけあります。別のパソコンで使うときはCSVで持っていってください ・順位が入れ替わるときに、行が動くアニメーションはしません（切り替わるだけです） ・メンバー・モデレーターだけを数える、という絞り込みはできません ──────────────────────── ■ 動作環境 ──────────────────────── ・OBS Studio の「ブラウザ」ソース向けに作っています ・Chrome（Windows）で動作を確認しています ・インターネット接続は不要です（わんコメ連携も同じパソコンの中だけ） ※ だれが何回コメントしたかは、ブラウザの中に保存されます。 　 OBSの「キャッシュを削除」をすると消えます。 　 大事な記録は、操作パネルからCSVで保存しておいてください。 ──────────────────────── ■ 更新履歴 ──────────────────────── 2026-11-08　v1.0.0　はじめて出しました ──────────────────────── ■ 同じ作りの、ほかの商品 ──────────────────────── OBSに置くだけ・インターネットにつなぎません。 ・初見さん判定（言わない人も分かる） https://techmeparty.booth.pm/items/9002170 ・エンドロール（同じ人を1行にまとめる） https://techmeparty.booth.pm/items/8992208 ・コメント投票（リアルタイムアンケート） https://techmeparty.booth.pm/items/9006380 ・耐久カウントダウン（コメントで伸びる） https://techmeparty.booth.pm/items/9017857 ・OBS透過ウィジェット まとめ 15本 https://techmeparty.booth.pm/items/9118489 ──────────────────────── ■ よくある質問 ──────────────────────── Q. OBS にはどうやって入れますか？ A. OBS の「ソース」で「ブラウザ」を追加し、「ローカルファイル」にチェックを入れて 　　cmtrank.html を選びます。 　　幅 420 / 高さ 320 くらいが目安です。 Q. インストールは必要ですか？ A. 要りません。zipを解凍して、OBSのブラウザソースにファイルを指定するだけです。 Q. 背景は透過しますか？ A. します。OBSのブラウザソースに入れると、配信画面の上に重ねて表示されます。 Q. わんコメ（OneComme）は必要ですか？ A. わんコメがあれば、コメントを自動で読み取ります。 　　わんコメが無くても、チャット欄を貼り付けて使えます。 Q. 配信中に「今日」や「累計」へ切り替えられますか？ A. できます。操作パネルのボタンを押すと、配信画面もその場で変わります。 　　OBSを開き直すと、config.js に書いた範囲に戻ります。 Q. 自分のコメントを数えたくありません A. 一覧の「数えない」を押してください。その人は消えて、順位が繰り上がります。 　　読み上げBOTなど、最初から外したい名前は config.js の exclude に書けます。 Q. CSVを二度読み込んだら、回数が倍になりませんか？ A. なりません。読み込むと、同じ名前の人の回数は CSV の値に置き換わります。 　　足し算ではないので、同じCSVを何度読んでも同じ結果になります。 Q. 設定はどこで変えますか？ A. config.js をメモ帳などで開いて、数字や文字を書き換えて保存します。 　　OBSのソースを「更新」すると反映されます。 Q. インターネットにつながりますか？ A. つながりません。外部のサービスには一切つなぎません。 Q. 商用利用できますか？ A. できます。作った物の使用は、個人・法人を問わず自由です。 　　ファイルそのものの再配布・転売だけはご遠慮ください。 ──────────────────────── ■ 使ってよい範囲 ──────────────────────── ・このツールで作ったものは、自由にお使いいただけます（商用可・表記不要） ・配信・動画でお使いいただけます（表記不要） ・ツールのファイルそのものの再配布・販売はご遠慮ください