【先にお読みください：自動ではできないこと】 ・これはコメント欄の見た目のテーマです。コメントを読み取る仕組みは、わんコメ（OneComme・無料）の側にあります。 ・わんコメで使うときは、配信中ずっとわんコメを起動し、配信枠につなぐ必要があります。起動していないとコメントは表示されません。 ・わんコメなしで直接つなげられるのはTwitchだけです。YouTube・ニコ生などでは、わんコメが必要です。 ・Twitch直結では、初見（初めての発言）・配信者・MOD・サブスク・ビッツを表示します。アイコン画像とエモートの画像は表示されません（エモートは文字で出ます）。 ・設定画面はありません。色や表示数はstyle.cssの冒頭を書き換えます。ギミックの数は保存せず、OBSでソースを更新すると最初から数えます。 ペンライト、推しうちわ、ステージ、チェキ、リボン、星のマイク。アイドルライブや歌枠、推し活配信に合わせた動くコメント欄テーマ集です。6デザイン×4色の全24種を収録しています。明るい配信画面用18種と、各デザインに1種ずつの暗い色があります。季節を問わず使えますが、年末のライブ配信・クリスマスライブ・冬休みの歌枠・年越しの配信にも合わせやすい色が入っています。 わんコメのテンプレートとして、YouTube・Twitch・ニコ生など、わんコメが読み取るコメントを表示します。各色にTwitch直結用のtwitch.htmlも入っています。吹き出しの形、飾り、コメントの入場、コメントに反応するギミックは、6デザインですべて異なります。 ■ 入っているもの ・コメント欄テーマ 全24種（6デザイン×4色） ・各色に、わんコメ用index.html、Twitch直結用twitch.html、style.css、script.js、gimmick.js ・Twitch直結の共通部品 ・各色の img フォルダ（ペンライト・ハート・星などの飾りの絵。デザイン用の色を書き換えても絵の色は変わりません） ・日本語説明書 README_JP.md ・利用規約 LICENSE.txt ■ 収録デザイン ・PENLIGHT ペンライト（ピンク／ブルー／イエロー／パープルナイト） 吹き出し左のふちに、推し色で光るペンライト。コメントは左から光って入ります。コメントでペンライトが画面下から揺れて現れます（同時に最大10本）。10コメントごとに全色ウェーブが起きます。 ・UCHIWA 推しうちわ（ホワイト×レッド／ミント／ラベンダー／ネイビー） 右上にハートのうちわを置いた、丸みのある吹き出しです。コメントはぽんと跳ねて入ります。コメントでハートやうちわが下から跳ね上がります（同時に最大8個）。 ・STAGE ステージ（ホワイト／アクア／ピーチ／ブラックステージ） 上辺から2本のスポットライトが差し、下辺はステージのふちのように光ります。コメントは暗転から照らされて入ります。スポットライトが画面を横切り（同時に最大3本）、10コメントごとに銀テープが降ります（最大30本）。 ・CHEKI チェキ（ホワイト／ピンク／クリーム／ミッドナイト） 下の余白が太いインスタント写真の枠とマスキングテープの飾りです。コメントは少し回転して置かれます。控えめな白いフラッシュ（同時に最大1つ）と、きらきら（同時に最大20個）が現れます。 ・RIBBON リボン＆ハート（ローズ／スカイ／アイボリー／ワイン） 上のリボンと、ハートの点線を使った丸い吹き出しです。コメントはふわっと広がって入ります。小さなハートが浮かんで消えます（同時に最大12個）。 ・STAR MIC 星のマイク（ゴールド／コーラル／ミントスター／スターナイト） 左上に星付きマイク、右上に音符を置いています。コメントは音に合わせるように弾んで入ります。音符と星が立ち上ります（同時に最大12個）。 ■ 全テーマ共通の機能 ・デザインごとに異なるコメント入場アニメーション ・初見さんの「初見」バッジと名前の飾り ・配信者、モデレーター、メンバーの文字バッジと強調 ・スーパーチャット、ギフト、ビッツの金額欄と光る演出 ・アイコン表示と画像バッジ。style.cssから個別に非表示にできます ・長文や絵文字が続いても、新しいコメントを下側に収める表示 ・コメントに反応する参加型ギミック。style.cssの--pd-gimmickを0にすると止められます ■ 必要なもの ・OBS Studio（ブラウザソースを使います）／Windows・macOS ・YouTube・ニコ生などでは、わんコメ（OneComme・無料版で可） ・Twitch直結で使う場合はOBS Studioのみ ・サーバー、アカウント登録、APIキー、OAuth、月額の支払いは要りません ■ 対応（確かめた範囲） わんコメ 9.1.2（macOS）で、idol-penlight-pink・idol-uchiwa-navy・idol-stage-white・idol-cheki-pink・idol-ribbon-sky・idol-mic-night の6色について、表示・初見バッジ・スーパーチャットの強調・ギミックを確認しました（2026-10-21）。ほかの色は同じ作りですが個別には確認していません。OBSのブラウザソースでの表示と、実際のTwitchへの接続は確認していません（Twitch直結は試験用の仮サーバーでの試験のみ）。Twitch直結は、URLの?twitch=に半角英小文字・数字・_の4〜25字のチャンネル名を指定する作りです。Streamlabs、XSplitなど、ほかの配信アプリは未確認です。 ■ 導入の手順（わんコメ） 1. ダウンロードしたzipをすべて展開します。zipのままでは使いません。 2. わんコメの右上メニュー（･･･）→「フォルダを開く」→「テンプレートフォルダ」を開きます。 3. 使いたい色のフォルダを、開いた場所のcustomへフォルダごとコピーします。 4. OBSの「ソース」の＋から「ブラウザ」を追加します。「ローカルファイル」は外したままにします。 5. URL欄へ http://localhost:11180/templates/custom/（フォルダ名）/index.html を入力します。 6. 幅450、高さ900程度から、配信画面に合わせて調整します。詳しい手順は同梱のREADME_JPにあります。 ■ Twitch直結の手順 1. __idol-twitchと各色フォルダを、展開後も同じ場所に置きます。 2. OBSで「ブラウザ」を追加し、「ローカルファイル」を外します。 3. URL欄へ file:///（ファイルの場所）/idol-penlight-pink/twitch.html?twitch=チャンネル名 の形で入力します。 4. 見本だけを流すときは、?twitch=の代わりに?demo=1を付けます。初見、MOD、メンバー、配信者、ビッツ、長文などの見本8件が順番に流れます。 ■ 配信の前に試すこと 本番の配信で初めて使うのは避けて、配信していない状態で試してください。 1. twitch.html?demo=1を開き、文字、入場、ギミックを見ます。 2. style.cssで表示数とギミックのオン・オフを変え、OBSのソースを更新します。 3. わんコメまたはTwitchへつなぎ、自分のコメントが出るか試します。 4. 戻すときはREADME_JPにある初期値へ戻し、OBSのソースを更新します。 ■ よくある質問 Q. わんコメは無料版でも使えますか？ A. 使えます。YouTube・ニコ生などのコメント取得はわんコメ側で行います。 Q. ギミックを消せますか？ A. style.cssの--pd-gimmickを0にします。吹き出しの見た目は残ります。 Q. バッジを消せますか？ A. --pd-tags、--pd-badge-img、--pd-new-decoを個別に0へ変えられます。 Q. 色や文字サイズを変えられますか？ A. style.cssの冒頭でアクセント、背景、文字色、文字サイズ、アイコンサイズ、表示数を変更できます。 Q. 10コメントごとの数は残りますか？ A. 残りません。OBSでソースを更新すると最初から数えます。 Q. YouTubeでもわんコメなしで使えますか？ A. 使えません。直接つなげられるのはTwitchだけです。YouTubeではわんコメを起動してください。 ■ 困ったとき・連絡先 BOOTHのメッセージからご連絡ください。OS、OBSの版、使ったフォルダ名、どの画面で何が起きたか、可能なら画面写真を書いていただけると原因を探しやすくなります。不具合は無償で修正し、更新版は購入履歴から再ダウンロードできます。 ■ 利用規約 ・個人・法人を問わず、配信・動画での利用（収益化を含む）ができます ・自分の配信用に色、文字、大きさなどを改変できます ・ファイルそのものや改変版の再配布、転売、共有はできません ・デジタル商品のため、購入後のキャンセルは原則お受けできません。商品の不具合で使えない場合はご相談ください ■ 同じ型のコメント欄 ・通年で使える73色入りの「動くコメント欄テーマ」¥1,500 　https://panda-kaihatsu.booth.pm/items/8576737 ・まず動きを見てみたい方へ 無料お試し版 　https://panda-kaihatsu.booth.pm/items/8625491 ほかの商品はこちら https://panda-kaihatsu.booth.pm/ ── panda studio ※商品画像の一部と、同梱の飾りの絵（各色の img フォルダ）に AI 生成画像を使用しています（ギャラリーの画面写真は実際の動作画面のとおりです）。 ※わんコメ用の index.html は、わんコメ公式配布のベーステンプレート（改変・有料販売可ライセンス）をもとに制作しています。