わんコメ（OneComme）のカスタムテンプレートとして使う、応援ランキングの表示です。画面（480×640、背景透明）に、スパチャ・ギフト・ビッツなどの人ごとの合計（円）で並べた上位10人が出ます。上位3人には冠がつき、順位が上がった人は行が光って「▲ UP」と出ます。すべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ できること ・数える支援（スパチャ目標ゲージと同じ数え方） 　スパチャ・スーパーステッカー（外貨は config.js の rates で円に換算）／ツイキャスのギフト／Twitch のビッツ（bitsYen）／メンバー加入（一覧用。memberYen を決めれば金額にも足す） 　配信者本人と、金額のつかない通常のコメントは数えません。同じコメントは二度数えません ・金額を出すかは配信者さんが決められます（既定は出さず、順位と名前だけ。config.js の showAmount を true にすると金額も出ます） ・期間の切り替え 　既定は「この配信」。`?view=month`（今月）、`?view=all`（全期間）、`?view=members`（この配信でメンバー加入した人の一覧） 　config.js の rotate に秒数を入れると、この配信→今月→全期間 を自動で切り替え ・配信者のコマンド（配信者本人のコメントだけが有効） 　`!supporter reset stream` … この配信の分だけ消す 　`!supporter reset month` … 今月の分を消す 　`!supporter reset all` … 全期間の分を消す ・`?view=export` で記録を書き出し、`?view=import` で読み込み（パソコンの入れ替えなどに） ・記録は localStorage に保存（人ごとの合計をこの配信・今月・全期間で、処理済みのコメント id 直近5000件）。OBS を再読み込みしても続きから表示され、二重に数えません ・背景は透明。外部フォント・外部画像は使わず、システムフォント＋プログラム描画で表示 ・デザイン10種：ネオン／パステル（ゆめかわ）／レトロゲーム風ドット／和風／ミニマル白／ミニマル黒／肉球・猫／宇宙・星空／宝石／ターミナル（緑文字）。枠の形・冠の色・光り方がデザインごとに変わります ■ 配信者コマンドの書き方 ・コマンドはすべて `!supporter ` で始めます（全角の「！」・全角スペースも可）。`!reset` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ■ こう使う 1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする（OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます） 3. OBSのブラウザソースの幅480・高さ640を設定し、好きな位置に置く 4. 視聴者さんのスパチャ・ギフトでランキングが並ぶ。新しい配信の始めに配信者が「!supporter reset stream」 ■ 動作環境 わんコメ 9.1 以降 ＋ OBS のブラウザソース。表示中はわんコメを起動しておいてください（テンプレートはわんコメ本体の OneSDK を読み込みます） ■ 同梱 ・デザイン別テンプレートzip 10個（neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js） ・説明書.txt（導入手順・数える支援・画面の見方・期間の切り替え・配信者のコマンド・書き出し/読み込み・記録・config.jsの変え方・デモ表示・動作環境・利用規約） ■ 注意 ・画像・動画を生成するAIは使っていません（プログラムで描画）。プログラムと説明文はAIアシスタント（Claude）が作成しています。 ・わんコメ公式のテンプレート追加機能（zipのドラッグ＆ドロップ）で導入します。フォルダを直接配置する方法ではありません。 ・YouTube のスパチャ・メンバー加入に反応するには、わんコメで Google ログインが必要です。 ・ランキングは OBS のブラウザソースの中（localStorage）に保存されます。OBS に入れたソースだけが覚えていて、別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください（説明書に手順があります）。 ・応援してくれた方のお名前や金額を配信画面に出すかは、配信者ご自身の判断と責任で決めてください（金額を出すかは配信者さんが決められます。既定は出しません）。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です（わんコメ側の決まりです）。 ・配信・動画での使用可、収益化配信（投げ銭・広告収益等）での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート（zip・index.html・config.js等）そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット（2,980円） https://moonlitprops.booth.pm/items/8924071