推し色できらめく！キラキラ吹き出しのコメント欄 全32色・縦横対応「Idol Cheer」【わんコメテンプレート/コメントCSS/OBS】

推し色できらめく「キラキラ吹き出し」の、わんコメ（OneComme）用のコメント欄テンプレートです。

白い地に淡い推し色の縁。新しいコメントが届くと、まわりで小さな星が3つはじけて登場します。

推し色は全32色。OBSの画面上で色見本をクリックするだけで切り替えられます。

▼推し色（全32色）

【明るい地（白い吹き出し）：23色】

ホットピンク／チェリー／レッド／コーラル／オレンジ／マンダリン／ゴールド／レモン／ライム／グリーン／エメラルド／ミント／ターコイズ／アクア／スカイ／ブルー／サファイア／バイオレット／ラベンダー／パープル／マゼンタ／ホワイト／シルバー

【暗い地（暗転したライブ会場ふう）：9色】

ナイトピンク／ナイトレッド／ナイトオレンジ／ナイトゴールド／ナイトグリーン／ナイトアクア／ナイトブルー／ナイトパープル／ナイトホワイト

メンバーカラーや推しの色、その日の企画に合わせて、いつでも変えてお使いいただけます。

▼デザイン

・白い地に淡い推し色の縁の吹き出し。左下（アイコン側）にしっぽが付きます

・新しいコメントは、まわりで小さな星が3つはじけて登場します

・吹き出しの右上で星がまたたく「きらめき」（オン／オフできます）

・名前は「♥ 名前」の淡い名前札

・アイコンは推し色の輪＋白フチ

・名前の横で推し色に光って揺れる「ペンライト」も出せます（既定はオフ。設定でオンにできます）

・カスタム絵文字・スタンプ画像もそのまま表示

▼縦向きの配信にも対応しています

細長い画面（縦配信）では、アイコンと余白を自動で詰めて表示します。OBSでソースの幅を変えたその場で切り替わるので、置き直すたびに設定を触る必要はありません。

「いつも横向け」「いつも縦向け」に固定することもできます。（縦向けのときは、幅を節約するためペンライトは出ません）

▼配信で必要な表示に対応しています

・配信者のコメントは金の縁と、王冠 ♛ の付いた金の名前札で自動で目立ちます

・スパチャ／メンバー加入などの金額は、金色の吹き出しで表示

・メンバーさんは名前のまわりに輪が付きます

・モデレーターさんには盾 🛡 のしるし

・はじめて来てくれた人（初見さん）は「NEW ♥」の名前札で分かる

・ギフトが届いたコメントは名前札に 🎉 が付きます

・視聴者ごとの色（わんコメで個別に設定した色）をそのまま反映

▼わんコメ本体の設定がそのまま効きます

文字の大きさ／名前の色／文字の色／アイコンの大きさ／縁取り／影の強さ／表示する向き／コメントの表示時間／表示しない人の除外設定

→ わんコメ側で設定を変えると、このテンプレートにもそのまま反映されます。テンプレート用に設定を覚え直す必要はありません。

▼配信中の操作にもきちんと追従します

・わんコメでコメントを「削除」すると、配信画面からも消えます

・「クリア」を押すと、配信画面からも全部消えます

・「表示時間」を設定していれば、時間が過ぎたコメントは自動で消えます

（荒らしコメントを消したのに配信画面に残り続ける、という事故を防げます）

▼色の変更はOBSの画面上でクリックするだけ（メモ帳でのファイル編集は不要）

OBSでこのテンプレートを右クリック →「対話」（バージョンによっては「相互作用」）を選び、開いた画面の中で右クリックすると設定画面が出てきます。

・推し色（全32色）を、色見本をクリックして切り替え

・きらめき（出す／出さない）

・ペンライト（出す／出さない。既定は出さない）

・レイアウト（自動／いつも横向け／いつも縦向け）

・文字の大きさ

・ユーザーアイコンを表示する／しない

・メンバーバッジなどを表示する／しない

・画面に出すコメントの数

変更はその場ですぐ保存され、OBSやPCを再起動しても残ります。設定の書き出し・読み込みもできるので、別のPCへ移すのも簡単です。

※この設定画面は視聴者には見えません（OBSの中だけの操作です）

※従来どおり js/config.js の theme: "pink" を書き換える方法も使えます

▼見た目を手元で試せます

同梱の preview.html をダブルクリックすると、わんコメを起動しなくても全32色をボタンで切り替えて見比べられます。きらめき・ペンライトのオン／オフ、背景（暗い市松／明るい市松／黒／白／ゲーム画面ふう）、縦向けレイアウトも切り替えられるので、ご自分の配信画面での見え方を確かめられます。

▼導入方法（かんたん3ステップ）

1. zipを解凍してできた「IdolCheer」フォルダを、わんコメの「テンプレート」画面にドラッグ＆ドロップ

2. わんコメのテンプレート一覧から、OBSの画面へドラッグ＆ドロップ

3. コメントが流れれば完了！

▼動作環境

・わんコメ（OneComme）導入済みのPC

・OBS Studio等のブラウザソース対応配信ソフト

・動作確認環境：わんコメ 9.0.6 ／ Windows 10

・きらめき・ペンライトの動きは、負荷の軽い方式（位置と透明度の変化だけ）で作っています。気になる場合は設定でオフにできます

※本商品は個人制作の非公式テンプレートです。わんコメ本体は付属しません。

▼更新履歴

・1.1.2（2026年9月）細かい不具合をまとめて修正：続けて届いたコメントの登場の動きが途中で切れる／古いコメントがふわっと消えずに瞬時に消える／縦向けでペンライトが消えない／アイコンや文字の大きさを変えるとしっぽの先がずれる／印が重なるときの優先順位／スパチャ内の名前札の色／文字だけのバッジの色と幅

・1.1.1（2026年9月）吹き出しの輪郭としっぽを一本の線で描く形に整えた。コメントが続けて届いたときの押し上げが一瞬飛ぶ不具合を修正

・1.1（2026年9月）見た目を「キラキラ吹き出し」に一新（旧デザインは廃止）。白い地に淡い推し色の縁＋しっぽ、登場のときに星が3つはじける演出、「♥ 名前」の名前札を追加。ペンライトは名前の横の小さなものになり、既定はオフに

・1.0（2026年9月）公開

▼サポートについて

・不具合のご報告は、この商品ページのメッセージ機能で受け付けます。修正・アップデートは無償です。

・アップデートしたファイルは、同じ商品ページから再ダウンロードできます（追加費用はかかりません）。

▼利用規約

・ご購入者様ご自身の配信・動画でのご利用は、商用配信含め自由です。

・再配布・転売・自作発言はご遠慮ください。

・本テンプレートのご利用によって生じた損害について、制作者は責任を負いかねます。

▼同じ制作者のコメント欄テンプレート

・暗い画面に映える発光するネオン看板のコメント欄 全32色「Neon Glow」 → https://putikome.booth.pm/items/8796228

・ふわふわ吹き出しのコメント欄 全32色「Pastel Bubble」 → https://putikome.booth.pm/items/8637901

・ダークで見やすい「Sleek Dark」（無料） → https://putikome.booth.pm/items/8637903

・ゆめかわリボンの「Yumekawa Ribbon」（無料） → https://putikome.booth.pm/items/8669049