【わんコメ/Twitch】動くコメント欄 全73色(ネオン/サイバー/かわいい/桜/ミニマル/ガラス/アカデミア/和モダン/北欧/ハロウィン/クリスマス/お正月)|初見バッジ・スパチャ演出・商用可
- 単品ダウンロード商品¥ 1,500
- 配信画面まるごと版ダウンロード商品¥ 2,500














【先にお読みください:自動ではできないこと】 ・YouTube・ニコ生などのコメントを表示するには、わんコメ(OneComme・無料版で可)を起動し、配信枠を登録しておく必要があります。わんコメなしで直接つなげるのは Twitch だけです(v2.13 の twitch.html。URL に ?twitch=チャンネル名 を付けたときだけつながります)。 ・Twitch 直結では、初見バッジ・アイコン・配信者バッジ・ビッツなどの金額と光る演出・ギフトは出ません(出るのは名前・本文・MOD・サブスク・エモート)。 ・色・文字サイズ・表示するコメント数は、各色フォルダの style.css をメモ帳で開き、数字を書き換えて変えます(設定画面はありません)。 ・わんコメ版は、OBS にわんコメのテンプレートのアドレス(URL)を入れて使います。Twitch 直結は、展開したフォルダの twitch.html を file:/// で始まる URL で開きます(OBS の「ローカルファイル」のチェックは外します)。 ・投げ銭・ギフトの表示のされ方は、配信サイトによって違います。 ・まるごと版の画面枠・背景・時計は別々の部品で、柄は部品ごとに選びます(1か所でまとめて変わる仕組みはありません)。画面枠と時計はコメントにつながりません。 ■ 2つから選べます(このページのバリエーション) ・単品(全73色)¥1,500 … これまでと同じ中身です ・配信画面まるごと版 ¥2,500 … 全73色+動く配信画面64画面(単品¥1,000)+動く配信背景48通り(単品¥1,000)+動くデジタル時計16テーマ(単品¥500)+英語版コメント欄64色+柄のそろえ方の表(ネオン・夜桜・かわいい・ミニマル・北欧。重ねて撮った写真つき)。単品で買うと¥4,000 ※動く背景の操作パネルを Chrome で開いて選んでも、OBS とは保存場所が別なので届きません。パネルの「OBSに入れるアドレス」を OBS に貼るか、パネルを OBS の中に置いて「対話」で操作します(同梱の説明書) 配信画面にコメント欄を出したいときに使う、動くコメント欄のテーマ集です。 わんコメ(OneComme)のテンプレートとして動作し、YouTube・Twitch・ニコ生など わんコメが対応する配信サイトのコメントを表示できます。 Twitch だけは、わんコメなしで直接つなぐこともできます(v2.13〜・無料アップデート)。 【全73色で¥1,500 = 1色あたり約¥21】9スタイル+季節3スタイル・73色ぶんが1つのzipに入っています。今後のスタイル追加も、追加料金なしの無料アップデートで受け取れます。季節テーマ3色はフォルダ名の差し替えだけで使えます。 ━━━━━━━━━━━━━━━━ 収録テーマ(9種類+季節3種・全73色) ━━━━━━━━━━━━━━━━ ■ NEON ゲーム配信に/■ SAKURA 歌枠・雑談に/■ MINIMAL 作業・勉強・ASMRに/■ KAWAII VTuberさんに (ほかのスタイルは下記「収録スタイル全一覧」) ━━━━━━━━━━━━━━━━ 全テーマ共通の機能 ━━━━━━━━━━━━━━━━ ・新規コメントのスライドイン アニメーション ・初見さんに「初見」バッジを自動表示 ・配信者/モデレーター/メンバーの専用バッジと色分け ・スーパーチャット/ギフトの金額表示+光る演出 ・アイコン表示(オフ切替可) ━━━━━━━━━━━━━━━━ 視聴者参加型ギミック(v1.1〜) ━━━━━━━━━━━━━━━━ コメントが来るたびに、画面がリスナーの行動に反応します。 ・SAKURA — コメントで桜の花びらが舞い散る ・NEON — コメント数でレベルゲージが育ち、ランクアップ演出 ・KAWAII — コメントでハートと星が飛び出す ・MINIMAL — コメントで波紋がふわりと広がる 不要な場合は style.css の --pd-gimmick を 0 にするだけでオフにできます(従来どおりの表示に戻ります)。 ━━━━━━━━━━━━━━━━ かんたん導入(3分・日本語説明書つき) ━━━━━━━━━━━━━━━━ 1. わんコメの右上のメニュー(・・・)→「フォルダを開く」→「テンプレートフォルダ」を開き、中の custom フォルダにテーマフォルダをコピー 2. OBSの「ソース」の+ →「ブラウザ」を追加し、URL に http://localhost:11180/templates/custom/フォルダ名/index.html を入れる(フォルダ名は、コピーした色のフォルダの名前。例: neon-blue) 3. 幅450・高さ900ほどで表示されれば完了です ■ Twitch に直接つなぐ(わんコメなし・v2.13〜) 1. zip を展開し、OBS のブラウザを追加して「ローカルファイル」のチェックを外す 2. URL に file:///(展開したフォルダ)/neon-blue/twitch.html?twitch=チャンネル名 を入れる ・見た目だけ試すときは、最後を ?demo=1 にすると見本のコメントが流れます ・わんコメ版に戻すときは、URL を元の index.html の URL に戻すだけです 色・文字サイズ・表示コメント数は、style.cssの一番上にある カスタマイズ欄の数字を書き換えるだけで変更できます(コード知識不要)。 ━━━━━━━━━━━━━━━━ 収録スタイル全一覧 ━━━━━━━━━━━━━━━━ ・ACADEMIA(ダークアカデミア) 全7色 … 明朝体で落ち着いた質感。読書・作業・夜の雑談に。 ・WAMODERN(和モダン) 全7色 … 縦罫の入った和の意匠。歌枠・和ゲームに。 ・NORDIC(北欧ミニマル) 全7色 … やわらかい淡色の吹き出し。作業・料理・くらし系に。 ・GLASS(すりガラス質感) 全6色/CYBER(近未来HUD) 全7色/NEON 全8色/SAKURA 全8色/KAWAII 全7色/MINIMAL 全7色 ・季節: HALLOWEEN 全3色/XMAS 全3色/NEWYEAR(お正月) 全3色 各色の名前は、同梱の README_JP.md の「収録カラー」に一覧があります。 ※どの色も文字が読めることを1色ずつ実際に表示して確認しています。 ■ よくある質問 Q. 色や文字サイズは変えられますか? → style.css冒頭のカスタマイズ欄で、コード知識なしで変更できます ■ 配信の前に試すこと 本番の配信で初めて使うのは避けて、先に次を試してください。 1. わんコメを起動し、コメントテスター(テストコメントを流す機能)でコメントを送り、OBS のプレビューに吹き出しが出るか確かめます。 2. 色や文字サイズを変えたら、保存してから OBS のブラウザソースを右クリック →「再読み込み」。 3. Twitch 直結は、まず ?demo=1 で見本が流れるか確かめ、次に ?twitch=自分のチャンネル名 にして、配信していない時間に自分のチャットに書き込んで確かめます。 4. 別の色にしたいときは、URL のフォルダ名だけを変えます。style.css を書き換えて崩れたときは、zip の元のファイルに置き換えれば最初の状態に戻ります。 【無料お試し版あります】まず動きを見てみたい方はこちら(ピンク1色・基本機能入り) → https://panda-kaihatsu.booth.pm/items/8625491 全テーマが実際に動くデモ(ブラウザでそのまま確認できます) https://pandapp123.itch.io/panda-live-demo 【対応する配信サイトについて】 わんコメが対応する配信サイト(ツイキャス・ニコニコ生放送・Kick・SHOWROOM・ミラティブ など)でも使えます。Twitch 直結を除き、コメントはわんコメを通して表示されます。投げ銭・ギフトの表示のされ方は、サイトによって違うことがあります。 【動作に必要なもの】 ・わんコメ版: わんコメ(OneComme・無料版でOK)+ OBS Studio(Windows・macOS対応) ・Twitch 直結: OBS Studio だけ(わんコメ不要) ・対応は、わんコメと OBS Studio の組み合わせです。Streamlabs・XSplit など、ほかの配信ソフトでは確かめていません。 ・商用配信OK・改変OK(素材そのものの再配布・販売はご遠慮ください) 【サポート】 不具合はBOOTHのメッセージからご連絡ください。無償で修正します。アップデートは無料で再ダウンロードできます。 ━━━━━━━━━━━━━━━━ 使い方ガイド(無料・購入前に読めます) ━━━━━━━━━━━━━━━━ 導入の手順と、「OBSで表示されない」ときの確認手順をまとめたページを用意しています。 買う前に読んで、できそうか判断してください。 ・わんコメのテンプレートを入れて、OBSに出すまで https://panda-hq-7af784ab.pages.dev/guide/onecomme-template-setup ・OBSのブラウザソースが表示されない時に、順番に確認すること https://panda-hq-7af784ab.pages.dev/guide/obs-browser-source-not-showing ━━━━━━━━━━━━━━━━ 色や演出をもっと自分好みにしたい方へ ━━━━━━━━━━━━━━━━ 色・スタイルをブラウザ上で自由に調整できる「PANDA CHAT STUDIO」(¥1,500)なら、単品テーマを個別に揃えるよりお得にまとめて手に入ります。 ・色を自分でつくれる PANDA CHAT STUDIO(¥1,500)→ https://panda-kaihatsu.booth.pm/items/8632293 ・こちらでお作りするセミオーダー(¥4,000)→ https://panda-kaihatsu.booth.pm/items/8621384 ・設定パネルで入場7種・退出5種・速さを選べて、カスタムCSSも書ける「PRO版」(¥2,000・64色)→ https://panda-kaihatsu.booth.pm/items/8732514 Twitch 直結は、この通常版(全73色)と PRO版のどちらにも入っています。 ■ カウンター・エンドロール・常連ランキングとそろえる NEON・SAKURA・KAWAII は、目標カウンター・エンドロール・常連ランキングにも同じ名前のテーマがあります。色の細かい違いまで同じとは限りません。 ・エンドロール 全24テーマ → https://panda-kaihatsu.booth.pm/items/8654764 ■ 画面を隠さずに使いたいなら ・流れるコメント(右から左に流れるタイプ)¥1,200 → https://panda-kaihatsu.booth.pm/items/8675573 ・コメントで演出(❤️🎉が飛ぶ)¥1,000 → https://panda-kaihatsu.booth.pm/items/8680486 ━━━━━━━━━━━━━━━━ 季節・雰囲気で選べるコメント欄テーマ ━━━━━━━━━━━━━━━━ ・ハロウィン コメント欄テーマ 全16色(おばけ・かぼちゃのイラスト入り) ¥1,000 → https://panda-kaihatsu.booth.pm/items/8804116 ・闇かわゴシック コメント欄 全24種 ¥1,500 → https://panda-kaihatsu.booth.pm/items/8621361 ・レトロRPG風コメント欄 全24種 ¥1,500 → https://panda-kaihatsu.booth.pm/items/8621353 ■ いつも来てくれる人を出すシリーズ ・常連さん応援セット 3点 ¥2,000 → https://panda-kaihatsu.booth.pm/items/8655778 ・常連ランキング ¥1,200 → https://panda-kaihatsu.booth.pm/items/8655636 ほかの商品はこちら → https://panda-kaihatsu.booth.pm/ ※収益化済みチャンネル・商用配信OK。再配布・転売のみ禁止。 ※わんコメ公式配布のベーステンプレート(改変・有料販売可ライセンス)をもとに制作しています。 ※本製品はAIツールを活用して制作しています。文字の読みやすさは、全色を1色ずつ画面に描いて確かめました。商品画像の一部にAI生成画像を使用しています。 ※不具合・カスタマイズのご相談はメッセージへどうぞ。 ■ 更新履歴 【10/29 v2.14】CYBER・GLASSのスパチャ演出が出ない不具合を修正 【2026-10-25 v2.13 無料アップデート】わんコメを使わずに Twitch のチャットへ直接つなぐ twitch.html を全73色に追加(わんコメ版の index.html はそのまま)。 【2026-10-09 v1.9 無料アップデート】style.css の --avatar-size を 0 にすると、アイコンが縁・影ごと消えるように修正(それまでは小さな丸が残っていました)。最新版はこのページから無料で再DLできます。













