【わんコメ】動くコメント欄テーマ PRO 全46色｜入退場アニメを7種類から選べる設定パネル付き・カスタムCSS対応【OBS/商用可】

46色テーマの全色に、「コメントの出方」を7種類から選べる設定パネルと、見た目を上書きできるカスタムCSS欄がついたPRO版です。通常版（¥1,500）との差額¥200で、入退場アニメと細かい見た目調整が足されます。

■ 収録テーマ（全46色・9スタイル）

NEON（サイバーネオン・ゲーム配信向け）／SAKURA（和モダン・歌枠雑談）／MINIMAL（白ミニマル・作業/ASMR）／KAWAII（パステルゆめかわ）／CYBER（近未来HUD・FPS/技術系）／GLASS（すりガラス質感・どんな配信にも馴染む）／ACADEMIA（ダークアカデミア・読書/落ち着いた雑談）／WAMODERN（和モダン墨朱藍金白・和風配信）／NORDIC（北欧ミニマル・作業/くらし系）

■ どれを買えばいい？

・色を選ぶだけでいい → 通常版 ¥1,200 はこちら

　https://panda-kaihatsu.booth.pm/items/8576737

・動きも自分で選びたい → このPRO版 ¥1,700

・色から全部つくりたい → PANDA CHAT STUDIO ¥1,480 はこちら

　https://panda-kaihatsu.booth.pm/items/8632293

■ PRO版だけの機能

1. 設定パネルで入退場アニメを選べます

　使いたい色フォルダの中にある panel.html をブラウザで開いてください。

　・登場：ぽよん／右から／左から／下から／ふわっと／ぽんっと拡大／動かさない（7種類）

　・退場：上に抜ける／ふわっと／左に抜ける／縮んで消える／すぐ消える（5種類）

　・速さ：登場・退場それぞれ80〜900ミリ秒で調整

2. カスタムCSS欄

　同じパネルの一番下にCSSを書き込む欄があり、テーマの見た目をあとから上書きできます（例: .comment .name{ font-size: 20px; } / .text{ color: #ffe14d; }）。よく使う目印は .comment（コメント全体）／.name（名前）／.text（本文）／.avatar（アイコン）／.tag-new（初見バッジ）／.paid（スパチャ金額）です。

■ 設定をOBSに反映させる方法（ここだけ注意してください）

OBSの中のブラウザと、パネルを開いたブラウザは設定の保存場所が別のため、パネルで保存しただけではOBSの画面は変わりません。次のどちらかで反映させます。

・方法A（おすすめ・確実）: パネルで設定→「保存する」→一番下の「OBSに貼りつける文字列」を「コピーする」→OBSのブラウザソースを開き「ローカルファイル」のチェックを外す→URL欄に貼りつけてOK。設定を変えるたびにこの手順を繰り返します。

・方法B（OBSの中だけで完結）: panel.html もOBSにブラウザソースとして追加し、そのソースを右クリック→「対話」（Interact）から操作。この場合はOBSの中で保存場所が共通になるので、保存した瞬間にコメント欄へ反映されます。表示したくないソースは目のマークで隠せます。

■ 導入方法（3分）

1. わんコメを起動 → 設定（歯車）→「テンプレート」→「テンプレートフォルダを開く」

2. 開いたフォルダの中にある「custom」フォルダを開きます

　※ここを間違えると画面が真っ黒になります。必ず custom というフォルダの中に入れてください

3. zipに入っているテーマフォルダ（例: neon-chat）を、custom の中にそのままコピー

4. OBSの「ソース」→「＋」→「ブラウザ」を追加し、URLに入力:

　http://localhost:11180/templates/custom/neon-chat/index.html

　（neon-chat の部分は使いたいテーマのフォルダ名に変えてください）

5. 幅450・高さ900程度がおすすめ

※設定はブラウザに保存されます。panel.html とコメント欄の index.html は同じフォルダに置いたまま使ってください（別の場所に移すと設定が読めなくなります）。色を変えたいときは、変えたい色のフォルダの panel.html を開いて設定してください。

■ すべてのテーマに共通で入っているもの

新規コメントのスライドインアニメーション／初見さんに「初見」バッジ（自動判定）／配信者・モデレーター・メンバーの専用バッジと強調／スーパーチャット・ギフトの金額表示＋光るエフェクト／アイコン表示（オフ可）／視聴者参加型ギミック（SAKURAは花びら、NEONはネオン成長演出、KAWAIIはハート、MINIMALは波紋、ACADEMIAはインクにじみ、WAMODERNは波紋、NORDICは粉雪など、テーマごとに演出が異なります）

■ うまく反映されないとき

1. OBSのブラウザソースのプロパティで「現在のページのキャッシュを更新」を押す

2. panel.html と index.html が同じフォルダにあるか確認する

3. カスタムCSSに書き間違いがあると、その行から下が効きません。1行ずつ足して確かめてください

■ よくある質問

Q. コメントが表示されない

A. わんコメが起動しているか、わんコメ側で配信枠に接続できているか確認してください。その後OBSのブラウザソースを「更新」してください。

Q. 通常版（全46色）を持っているけど、PROに買い替えられる？

A. BOOTHの仕組み上、差額販売はできません。動き選択やカスタムCSSが欲しい方はPRO版を新規でご購入ください。

Q. 商用利用は？

A. 収益化済み配信でご利用OKです。テーマファイル自体の再配布・転売のみ禁止です。

■ 動作環境

わんコメ（OneComme）v5以降 + OBS Studio（ブラウザソース）。Windows / macOS。サーバー・アカウント登録・月額課金は不要。

■ ライセンス

個人・法人問わず商用配信OK・改変OK。素材そのものの再配布・販売はご遠慮ください。本テンプレートはわんコメ公式配布のベーステンプレート（改変・有料販売可ライセンス）をもとに制作しています。

──

panda studio 🐼

不具合・カスタマイズのご相談はBOOTHメッセージへ。今後のアップデート（スタイル追加など）は無料で再ダウンロードいただけます。

https://panda-kaihatsu.booth.pm/

■ 新作を先出しで受け取りたい方へ

毎月つくる新しいウィジェットを、BOOTHで出すより先にpixivFANBOXで配布しています（月500円〜）。

https://pd-ststudio.fanbox.cc/