# 💬 THREAD FLOW｜スレッドフロー コメント吹き出し **コメントを、もっと自然な「会話」に。** 同じ視聴者の連続したコメントを自動でまとめ、チャットアプリのように見やすく表示するコメント吹き出しテンプレート「THREAD FLOW」です。 通常のコメント欄では、同じ人が何度もコメントすると、そのたびに名前とアイコンが表示されてしまいます。 THREAD FLOWなら、同じ人の連投をひとつのまとまりとして表示！ さらに、配信者やモデレーターのコメントを反対側に表示することで、まるでメッセージアプリで会話しているようなコメント欄を作れます。 **読みやすく、すっきり。それでいて、しっかりおしゃれ。** 雑談配信からゲーム実況まで、幅広い配信に使いやすいテンプレートです。 ## ✨ 主な特徴 ### 💬 ① 同じ人の連投が自動でつながる！ 同じ視聴者が続けてコメントすると、新しい吹き出しを増やさず、前のコメントの下に新しい行を追加します。 - 同じ人の連投をひとつにまとめる - 名前とプロフィールアイコンは1回だけ表示 - 連投の間隔を自由に設定可能 - 別の人がコメントすると新しいまとまりを作成 - 金額付きコメントは独立した吹き出しで表示 初期設定では、20秒以内の連投を自動でまとめます。 まとめる時間は0～120秒で変更可能。0秒に設定すれば、通常の1コメント1吹き出し形式にもできます。 ### 📱 ② チャットアプリのような会話レイアウト！ 視聴者のコメントと配信者のコメントを左右に振り分ける機能を搭載！ 初期設定では、視聴者が左側、配信者・モデレーターが右側に表示されます。 - 配信者とモデレーターを反対側に表示 - 配信者だけを反対側に表示 - 全員を同じ側に表示 これらを自由に切り替え可能！ 視聴者側を右にすることもできるため、配信画面に合わせた配置ができます。 ※役割の判定は、配信サービスとわんコメから取得できる情報に依存します。 ### 📏 ③ 連投しても画面を占領しにくい！ ひとつのまとまりに表示するコメントの行数を制限できます。 初期設定は最大4行。2～8行の範囲で変更可能です。 上限を超えた場合は、まとまりの中の古いコメントから順番に取り除かれます。 また、画面内の最大表示数も1～10件で設定可能。 コメントが増えた場合は古いまとまりから押し出され、表示エリアに収まらない場合には全体を自動縮小します。 ### 🎨 ④ 8種類のカラーテーマ！ 配信の雰囲気に合わせて選べる8種類のテーマを収録！ - 🤍 ホワイト：シンプルで清潔感のあるデザイン - 🌙 ダーク：落ち着いたクールな配色 - 🌿 ミント：爽やかでやさしい雰囲気 - 🌸 桜：かわいらしいピンク系 - ☁️ 空：明るく爽やかなブルー系 - 🍋 レモン：元気でポップな配色 - 💜 ラベンダー：上品でやわらかな紫系 - 🖤 モノトーン：すっきりした白黒デザイン さらに、背景色・文字色・ユーザー名など、6項目を自由に調整できるカスタム配色にも対応！ 視聴者ごとにユーザー名の色を固定する機能もあります。 ### 👀 ⑤ 文字の読みやすさを自動調整！ デザイン性だけでなく、視認性にもこだわりました。 背景色と文字色のコントラスト比が4.5:1以上になるよう、文字色を自動補正！ カスタムカラーや金額付きコメントでも、読みやすい文字色へ自動調整されます。 吹き出しの背景は不透明なので、ゲーム画面などの上に重ねても文字が見やすい設計です。 ### 👑 ⑥ スーパーチャット・役割バッジにも対応！ 金額付きコメントは、通常コメントとは異なる特別な吹き出しで表示！ 金額に応じた6段階のカラーデザインを用意しています。 さらに、配信者・モデレーター・メンバー・初コメントを区別する役割バッジにも対応！ 配信サービスからバッジ画像が取得できる場合は、ユーザー名の横に表示できます。 ※金額・役割・バッジの表示内容は、わんコメから受信できるデータに依存します。 ### ⚙️ ⑦ 豊富なカスタマイズ機能！ - 連投をまとめる時間 - ひとつにまとめる最大行数 - 配信者・モデレーターの表示位置 - 8種類のテーマ・カスタム配色 - ユーザー名の色分け - 文字サイズ・フォント・太さ - 吹き出しの幅・角の丸み - アイコンのサイズ・形状 - 最大表示数・コメント間隔 - 長文の折り返し表示 - 登場アニメーション・速度 - 役割バッジの表示設定 コメントが届いたときだけアニメーションが動く設計なので、待機中に常時動き続ける装飾はありません。 ### 🖥️ ⑧ 専用デモ・設定画面付き！ ブラウザで開ける専用デモ画面を同梱！ - 「同じ人が連投」でコメントがつながる様子を確認 - 「配信者が返事」で左右の会話表示を確認 - 8種類のテーマを切り替え - スーパーチャット・役割バッジの表示確認 - 吹き出しの幅や文字サイズを調整 - 設定ファイルの書き出し・読み込み 設定した内容は「config.js」として保存し、配信用テンプレートに反映できます。 ## 🎮 こんな配信におすすめ！ - 💬 雑談・質問回答配信 - 🎮 ゲーム実況・参加型配信 - ☕ 落ち着いた作業配信 - 🎨 シンプルでおしゃれなVTuber配信 - 📱 チャットアプリ風のコメント欄が欲しい方 - 👀 コメントの読みやすさを重視したい方 - ✨ 同じ人の連投をすっきりまとめたい方 ## 📦 商品内容 - わんコメ用HTMLコメントテンプレート - わんコメ追加用ZIP - OBSデモ・設定画面 - カスタマイズ設定ファイル - 導入マニュアル - 設定ガイド - トラブルシューティング - 利用規約 ## ⚙️ 対応環境 - OBS Studio - わんコメ - Chrome / Edge（デモ・設定画面） HTML / CSS / JavaScriptで動作するコメントテンプレートです。 画像素材・動画素材・効果音は使用していません。 配信用テンプレートの背景は透過仕様です。 ## 📝 導入方法 1. 商品ZIPをすべて展開します。 2. installフォルダ内のZIPをわんコメへ追加します。 3. 追加したテンプレートをOBSへ読み込みます。 4. 付属デモ画面でデザインや表示設定を調整します。 5. 書き出したconfig.jsを配信用テンプレートへ反映します。 詳しい手順は同梱マニュアルをご確認ください。 ## ⚠️ ご利用上の注意 ※同じ人の判定には、受信したユーザーIDを使用します。IDが取得できない場合は表示名で判定するため、同名の別人がひとつにつながる場合があります。 ※コメントがまとまるのは、同じ人が設定時間内に連投した場合のみです。途中に別の視聴者のコメントが入ると、新しい吹き出しになります。 ※時間経過だけでコメントが自動削除されることはありません。表示上限を超えた場合に古いものから押し出されます。 ※コメントの削除通知に対応していますが、実際の動作は受信データに依存します。 ※プロフィール画像・絵文字・スタンプの表示は、受信データの形式や画像URLへのアクセス状況に依存します。 ※Chromium環境および模擬SDKで動作検証を行っていますが、実際のOBS・わんコメ・YouTubeでのコメント受信とZIP追加操作は未検証です。販売・配信前に実機での接続確認をお願いします。 ※フォントファイルは同梱していません。使用環境にインストールされたフォントが適用されます。 ※購入者自身によるカスタマイズや収益化配信での使用が可能です。元データ・改変データの再配布、再販売は禁止しています。 ※本商品は非公式のオリジナルテンプレートです。 --- **コメントを並べるだけじゃない。会話としてつなげよう。** **見やすく、すっきり、もっと自然なコメント欄へ。** THREAD FLOWで、配信画面に新しいチャット体験を取り入れてみませんか？💬