【OBSに置くだけ】PANDA CHAT STUDIO｜ライブプレビュー付きカスタムパネル・わんコメ連動

「色は気に入ったけど、もう少しだけ変えたい」に、いちいちファイルをいじらずに応えるための商品です。

コードを一切書かずに、色・スタイル・バッジの文言・登場アニメ・演出を自分の配信に合わせてカスタムできる、わんコメ用コメント欄テーマです。当店の既製テーマ（全46色）は「決まった色から選ぶ」商品ですが、こちらは「自分で色を作る」商品です。一度作った設定は、配信ごとに何度でも作り直せます。

■ 同梱ファイル

・studio-panel.html … 設定スタジオ（これをダブルクリックで開く）

・panda-chat-studio/ … わんコメに入れるテーマ本体

■ セットアップ（最初に1回だけ・3分）

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

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

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

3. 「panda-chat-studio」フォルダを、custom の中にそのままコピー

　最終的にこの形になります → templates/custom/panda-chat-studio/index.html

■ カスタマイズ（何度でも）

1. 「studio-panel.html」をダブルクリックで開く

2. スタイル（かわいい/ネオン/サイバー/和風/ミニマル/ガラス）や色・文字・演出を触ると、右のプレビューに即反映されます

3. 仕上がったら「URLをコピー」

4. OBSの「ソース」→「＋」→「ブラウザ」のURL欄に貼り付け（幅450/高さ900推奨）

※設定を変えたら、再度コピーしてOBS側のURLを置き換えるだけ。何度でも作り直せます

※わんコメが起動していないとコメントは表示されません

■ できること

・6スタイル × 好きな色（カラーピッカー自由・プリセット付き）

・文字サイズ／アイコンサイズ／角丸／同時表示数

・登場アニメ4種（ぽよん／スライド／グリッチ／ふわり）

・演出4種（ハート／花びら／データ／なし）＋スパチャで自動強化

・初見/配信者/MOD/メンバーのバッジ文言を自分の配信の呼び方に変更

■ 既製テーマとの違い（どれを買えばいい？）

・色を選ぶだけでいい → 動くコメント欄テーマ 全46色 ¥1,500（決まった色から選ぶ既製品）

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

・動きも自分で選びたいが色は既製で十分 → コメント欄テーマ PRO ¥1,700（46色同梱＋入退場アニメ7種＋カスタムCSS）

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

・色から全部つくりたい → このSTUDIO ¥1,480

・当店に一点物を作ってほしい → セミオーダー ¥4,000（当店が代わりにお作りする一点物）

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

単品テーマを何色も買い足すより、最初からSTUDIOを選んだほうが結果的に安く、しかも配信ごとに色を変えられます。

■ 動作環境

わんコメ（OneComme）v5以降 + OBS Studio（ブラウザソース）。Windows / macOS。サーバー・アカウント登録・月額課金は不要。YouTube/Twitch/ニコ生など、わんコメ対応の全サービスでOK。

■ ライセンス

個人/法人問わず商用配信OK・改変OK。素材そのものの再配布・販売はご遠慮ください。同梱のVue.js（vendor/）はMITライセンスです。

■ サポート

不具合はBOOTHのメッセージからご連絡ください。無償で修正します。今後のアップデート（スタイル追加など）は無料で再ダウンロードできます。

──

panda studio

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