【わんコメ連携/OBS/HTML】朝活・夜配信 あいさつカウンター ☀️🌙 | コメント自動集計・4種プリセット・カラー変更【配信素材】

今日あいさつしてくれた視聴者さんを、かわいくリアルタイムでカウント！☀️🌙

VTuber・配信者さん向けの、わんコメ連動型あいさつカウンター（HTMLソース型配信素材）です。

コメントに「おはよう」「こんばんは」などの指定ワードが含まれると、同じ視聴者さんを1回だけ自動で数え、OBSの表示へすぐ反映します。

朝活、昼配信、夜配信、配信終了時のあいさつ企画など、リスナーさんとの交流を目に見える形で楽しみたい配信におすすめです。

━━━━━━━━━━━━━━━━━

✨ 主な機能・おすすめポイント ✨

━━━━━━━━━━━━━━━━━

① あいさつコメントを自動で見つけてカウント

わんコメから受信したコメント内に、設定した判定ワードが含まれていると人数を自動で加算します。

コメントをひとつずつ手作業で数える必要がなく、配信に集中しながら参加人数をリアルタイムで確認できます。

② 同じ視聴者さんは1回だけ集計

同じ配信中に同じ視聴者さんが何度あいさつしても、人数は重複して増えません。

現在の人数と直近にあいさつした視聴者さんの名前をOBSドックで確認でき、より自然にコミュニケーションを楽しめます。

③ 朝・昼・夜・配信終了の4種プリセット

「朝活・おはよう」「昼配信・こんにちは」「夜配信・こんばんは」「配信終了・おつかれさま」を収録しています。

プリセットを選ぶだけで、表示テキスト・判定ワード・時間帯に合うアイコンと配色がまとめて切り替わります。

④ 表示テキスト・判定ワード・カラーを自由に変更

カウンターに表示する言葉と、コメントから探す判定ワードを自由に設定できます。判定ワードは改行またはカンマで複数登録可能です。

メイン・サブ・文字・背景の4色に加え、背景の透明度も20～100％で調整でき、配信画面へきれいになじませられます。

⑤ OBSドック対応＆やさしいリアクション

設定変更、接続確認、テスト、人数リセットをOBSのカスタムブラウザドックから操作できます。

新しいあいさつを受信すると数字が短く弾み、カードがやさしく光って反応。設定と人数は自動保存され、配信画面へリアルタイムに反映されます。

━━━━━━━━━━━━━━━━━

📌 カウント判定について

━━━━━━━━━━━━━━━━━

・判定ワードは改行または「,」「、」で区切って複数登録できます。

・コメント全体ではなく、コメント内にいずれかの判定ワードが含まれている場合にカウントします。

・全角／半角や英字の大文字／小文字、空白の違いを整えてから判定します。

・同じ配信内では、同じ視聴者さんを1回だけカウントします。

・視聴者の識別情報は配信プラットフォームおよびわんコメから取得できる情報に依存します。

・「人数をリセット」を5秒以内に2回押すと、人数・最新の視聴者名・重複判定の記録を初期化できます。

━━━━━━━━━━━━━━━━━

📦 商品内容

━━━━━━━━━━━━━━━━━

・index.html（表示画面・操作パネル・わんコメ連携機能を収録）

・README.txt（使用方法・判定について）

━━━━━━━━━━━━━━━━━

🧷 導入方法・設定手順

━━━━━━━━━━━━━━━━━

最初に、index.htmlを保存した場所からファイルURLを作成します。

Windowsの場合は、ファイルのフルパスにある「\」を「/」へ変更し、先頭に「file:///」を付けてください。

例：

file:///C:/フォルダー名/index.html

STEP 1｜わんコメを準備

① 無料コメント管理アプリ「わんコメ」をインストールして起動します。

② 使用する配信サイトをわんコメへ登録し、コメントを取得できる状態にします。

STEP 2｜配信画面をブラウザソースに追加

① OBSの「ソース」欄にある「＋」から「ブラウザ」を追加します。

② 「ローカルファイル」のチェックを外します。

③ URL欄へ、末尾に「?obs=1」を付けたファイルURLを入力します。

配信画面：

file:///C:/フォルダー名/index.html?obs=1

④ 幅720px・高さ180pxを目安に設定し、「OK」を押します。

⑤ プレビューを見ながら、配信画面に合わせてサイズと配置を調整してください。

STEP 3｜操作パネルをカスタムブラウザドックに追加

① OBS上部メニューの「ドック」から「カスタムブラウザドック」を開きます。

② ドック名に「あいさつカウンター」など、分かりやすい名前を入力します。

③ URL欄へ、末尾に「?dock=1」を付けたファイルURLを入力します。

操作パネル：

file:///C:/フォルダー名/index.html?dock=1

④ 「適用」を押し、追加されたドックをお好みの位置へ配置します。

⑤ プリセットを選ぶか、表示テキスト・判定ワード・カラーを設定します。

⑥ 「コメント受信」が接続済みになったことを確認し、「あいさつをテスト」で表示を確認してください。

【動作確認用プレビュー】

わんコメ未接続でも、URLの末尾に「?preview=1」を付けるとサンプル表示を確認できます。

file:///C:/フォルダー名/index.html?preview=1

※わんコメとOBSの配信画面用ブラウザソースを起動した状態でご利用ください。

※操作パネルに「OBS側を待機中」と表示される場合は、配信画面用の `?obs=1` ソースが起動しているか確認してください。

※操作パネルと配信画面には、必ず同じindex.htmlのファイルURLを指定してください。

※Google Fontsを読み込むため、表示時にはインターネット接続が必要です。

━━━━━━━━━━━━━━━━━

📜 利用規約

━━━━━━━━━━━━━━━━━

【必須事項（わんコメの利用規約について）】

本ツールの動作には外部フリーソフト「わんコメ」が必須となります。

( [https://onecomme.com/](https://onecomme.com/) )

わんコメの無料版ライセンスをご利用の配信者様は、ご自身の配信概要欄等に「わんコメ」のクレジット表記を必ず行うようお願いいたします（詳細はわんコメ公式サイトの規約をご確認ください）。

【許可していること】

✅ 商用利用（収益化済みのYouTube、Twitch、ツイキャス等の配信活動・動画制作）

✅ サムネイル、配信アーカイブ、切り抜き動画への映り込み

✅ 配信画面やオーバーレイに合わせたサイズ、配置の自由な変更・コードの微調整

【禁止事項】

❌ 素材データ（ソースコード）そのもの、または加工・改変済データの再配布・転売・譲渡・自作発言

❌ デザインの原型を留めない過度な改変、商標登録、公序良俗に反する目的での利用

※著作権は放棄しておりません。

━━━━━━━━━━━━━━━━━

🎨 セミオーダー（カラー・デザインカスタム）

━━━━━━━━━━━━━━━━━

販売中の素材を、活動スタイルやイメージカラーに合わせてカスタマイズ可能です✨

基本料金システム：【 BOOTHの商品代金 】＋【 下記カスタム料金 】

① カラー変更＋¥500 〜

全体の配色をご指定のカラーに変更します。

② ロゴ・お名前挿入 ＋¥1,000 〜

ロゴやお名前を素材内に配置します。

③ レイアウト微調整・パーツ分け ＋¥1,500 〜

配置変更や、OBSで動かしやすいようにパーツ分解します。

※詳細やご依頼の流れは、こちらの【カスタム専用ページ】を確認してください。

🔗 https://sakuramii.booth.pm/items/8483503

━━━━━━━━━━━━━━━━━

🌐 配信活動に役立つ無料ツール公開中！

━━━━━━━━━━━━━━━━━

ブラウザ上でカンタンに高画質アセットが作れる、実用的な無料ジェネレーターツールを多数公開しています。日々の活動や枠作りにぜひ役立ててください。

🎨 ゆめかわ カスタム時計ジェネレーター

📅 週間配信スケジュールメーカー

🖼️ 配信サムネイル背景ジェネレーター

🔗 https://sakuramisozaiya.vercel.app/

━━━━━━━━━━━━━━━━━

💌 お問い合わせ

━━━━━━━━━━━━━━━━━

ご不明な点や動作に関するご相談、カスタムのご依頼は、BOOTHのメッセージ、または X（旧Twitter）のDM（@skrm_sozaiya）よりお気軽にご連絡ください🧸💬

【検索キーワード】

OBS HTML 配信素材 VTuber 配信者 わんコメ OneComme 朝活 夜配信 昼配信 あいさつ 挨拶 おはよう こんにちは こんばんは おつかれさま カウンター コメント連携 自動集計 OBSドック 配信ツール