トキメキ・クリエイティブ・ラボ (Tokimeki Creative Lab)トキメキ・クリエイティブ・ラボ (Tokimeki Creative Lab)

【わんコメ】ネオンサイバー風コメント欄テンプレート｜スパチャ・初見・メンバー自動色分け＋3色プリセット

  • ダウンロード商品
    ¥ 500

╔══════════════════════════════════╗ 　　Neon Cyber Comment 　　わんコメ用コメント欄テンプレート ╚══════════════════════════════════╝ ━━━━━━━━━━━━━━━━━━━━━━━ ■ 更新履歴 ━━━━━━━━━━━━━━━━━━━━━━━ 【2026/07/06】 ・不具合修正 YouTubeの絵文字（カスタム絵文字・標準絵文字）が タグのまま表示される問題を修正しました 購入履歴より最新のZIPをダウンロードし直して ご使用ください 【2026/06/08】 ・不具合修正 6件以上コメントされた際に古いコメントが 再表示される問題を修正しました 購入履歴より最新のZIPをダウンロードし直して ご使用ください 【2026/06/05】 ・よくある質問を追加 アイコン（アバター画像）の非表示方法を READMEに記載しました （カスタムCSSで対応可・ファイル編集不要） ━━━━━━━━━━━━━━━━━━━━━━━ サイバーパンク・ネオン風のコメント欄テンプレートです。 ネオンカラーの発光エフェクトと滑らかなアニメーションで 配信画面をスタイリッシュに演出します。 ━━━━━━━━━━━━━━━━━━━━━━ 🎨 デザインの特徴 ━━━━━━━━━━━━━━━━━━━━━━ 🔵 シアン／🩷 ピンク／🟢 グリーン 3色のカラープリセットをURLパラメータで簡単切り替え可能 ▶ コメントが下からフワッとスライドして登場 ▶ 新着コメントは軽くスケールアップしてから定位置へ コメントの種類を自動で色分け表示： 　💛 配信者コメント　→ ゴールド縁 　💗 スパチャ／ギフト　→ ホットピンク縁＋シマーアニメーション 　💚 初見コメント　→ ネオングリーン縁 　💜 メンバー／サポーター　→ パープル縁 　　 通常コメント　→ テーマカラー縁 フォント：英数字 Orbitron（未来感デザイン）× 日本語 Noto Sans JP ━━━━━━━━━━━━━━━━━━━━━━ ⚙️ カスタマイズ項目 ━━━━━━━━━━━━━━━━━━━━━━ OBSのURL末尾にパラメータを付けるだけで変更できます （ファイルの編集不要） 　・カラープリセット（cyan / pink / green） 　・コメント本文のフォントサイズ 　・同時表示するコメントの最大数 　例：...index.html?color=pink&fontSize=14&maxComments=7 template.json を直接編集して変更することも可能です。 ━━━━━━━━━━━━━━━━━━━━━━ 📦 同梱ファイル ━━━━━━━━━━━━━━━━━━━━━━ 　index.html　　テンプレート本体 　style.css　　 デザイン・アニメーション定義 　script.js　　 わんコメ連携ロジック 　template.json 設定ファイル 　preview.html　ブラウザで見た目を確認できるプレビュー用ファイル 　README.md　　 導入手順・設定方法の説明書（Markdown形式） 　README.txt　　導入手順・設定方法の説明書（メモ帳で読めます）

🖥️ 動作環境

━━━━━━━━━━━━━━━━━━━━━━ 　 ・わんコメ　v9.x 以上 　・OBS Studio 　・インターネット接続（Google Fonts 読み込みのため） ━━━━━━━━━━━━━━━━━━━━━━ 📖 ご購入後の手順について ━━━━━━━━━━━━━━━━━━━━━━ ⚠️ まず最初に README.txt をお読みください ⚠️ ZIPを解凍すると README.txt が入っています。 導入手順・カスタマイズ方法・よくある質問をすべてまとめています。 メモ帳で開けます。手順通りに進めれば、 コード知識がなくても導入できます。

❗ 注意事項・禁止事項

━━━━━━━━━━━━━━━━━━━━━━ 【ご利用いただけること】 　✅ 個人・法人の配信での使用 　✅ 個人使用の範囲内でのデザイン改変 【禁止事項】 　❌ テンプレートファイルの再配布 　❌ 転売・無断での二次販売 　❌ 改変したものの公開・配布 使用報告は不要ですが、紹介いただける場合は大変嬉しいです！ ━━━━━━━━━━━━━━━━━━━━━━ 💬 お問い合わせ ━━━━━━━━━━━━━━━━━━━━━━ 導入でお困りの場合は、販売者ページの 「メッセージを送る」からご連絡ください。 ━━━━━━━━━━━━━━━━━━━━━━ Powered by わんコメ（https://onecomme.com/）

■ 同シリーズの商品

━━━━━━━━━━━━━━━━━━━━━━━ 🌸 かわいい系テンプレートはこちら 【わんコメ】Pastel Dreamy Comment → https://masarion.booth.pm/items/8477152 🆓 無料の配信待機画面オーバーレイ（Neon Cyberデザイン） Neon Cyber Waiting → https://masarion.booth.pm/items/8423801

「ギフトとして贈る」とは

【わんコメ】ネオンサイバー風コメント欄テンプレート｜スパチャ・初見・メンバー自動色分け＋3色プリセット
【わんコメ】ネオンサイバー風コメント欄テンプレート｜スパチャ・初見・メンバー自動色分け＋3色プリセット
【わんコメ】ネオンサイバー風コメント欄テンプレート｜スパチャ・初見・メンバー自動色分け＋3色プリセット
【わんコメ】ネオンサイバー風コメント欄テンプレート｜スパチャ・初見・メンバー自動色分け＋3色プリセット
╔══════════════════════════════════╗ 　　Neon Cyber Comment 　　わんコメ用コメント欄テンプレート ╚══════════════════════════════════╝ ━━━━━━━━━━━━━━━━━━━━━━━ ■ 更新履歴 ━━━━━━━━━━━━━━━━━━━━━━━ 【2026/07/06】 ・不具合修正 YouTubeの絵文字（カスタム絵文字・標準絵文字）が タグのまま表示される問題を修正しました 購入履歴より最新のZIPをダウンロードし直して ご使用ください 【2026/06/08】 ・不具合修正 6件以上コメントされた際に古いコメントが 再表示される問題を修正しました 購入履歴より最新のZIPをダウンロードし直して ご使用ください 【2026/06/05】 ・よくある質問を追加 アイコン（アバター画像）の非表示方法を READMEに記載しました （カスタムCSSで対応可・ファイル編集不要） ━━━━━━━━━━━━━━━━━━━━━━━ サイバーパンク・ネオン風のコメント欄テンプレートです。 ネオンカラーの発光エフェクトと滑らかなアニメーションで 配信画面をスタイリッシュに演出します。 ━━━━━━━━━━━━━━━━━━━━━━ 🎨 デザインの特徴 ━━━━━━━━━━━━━━━━━━━━━━ 🔵 シアン／🩷 ピンク／🟢 グリーン 3色のカラープリセットをURLパラメータで簡単切り替え可能 ▶ コメントが下からフワッとスライドして登場 ▶ 新着コメントは軽くスケールアップしてから定位置へ コメントの種類を自動で色分け表示： 　💛 配信者コメント　→ ゴールド縁 　💗 スパチャ／ギフト　→ ホットピンク縁＋シマーアニメーション 　💚 初見コメント　→ ネオングリーン縁 　💜 メンバー／サポーター　→ パープル縁 　　 通常コメント　→ テーマカラー縁 フォント：英数字 Orbitron（未来感デザイン）× 日本語 Noto Sans JP ━━━━━━━━━━━━━━━━━━━━━━ ⚙️ カスタマイズ項目 ━━━━━━━━━━━━━━━━━━━━━━ OBSのURL末尾にパラメータを付けるだけで変更できます （ファイルの編集不要） 　・カラープリセット（cyan / pink / green） 　・コメント本文のフォントサイズ 　・同時表示するコメントの最大数 　例：...index.html?color=pink&fontSize=14&maxComments=7 template.json を直接編集して変更することも可能です。 ━━━━━━━━━━━━━━━━━━━━━━ 📦 同梱ファイル ━━━━━━━━━━━━━━━━━━━━━━ 　index.html　　テンプレート本体 　style.css　　 デザイン・アニメーション定義 　script.js　　 わんコメ連携ロジック 　template.json 設定ファイル 　preview.html　ブラウザで見た目を確認できるプレビュー用ファイル 　README.md　　 導入手順・設定方法の説明書（Markdown形式） 　README.txt　　導入手順・設定方法の説明書（メモ帳で読めます）