【OBSに置くだけ】初見さん歓迎ウィジェット｜全4色・わんコメ連動で名前入りカード

色は1種類だけですが、機能は同じものを無料で配っています。

　まず動かしてから決めてください。

初見の人がコメントすると、名前入りの歓迎カードが配信画面に表示されます。

配信中はコメントを追いきれないこともありますが、これがあれば初見さんを見逃しません。

■ できること

・初見さんのコメントを検知して、名前入りの歓迎カードを表示します

・同時に複数人来ても、順番に1人ずつ表示します

・同じ人を二度歓迎しません

・待機中は「今日◯人が初めて来てくれました」とカウント表示

・配信者自身とBot（Nightbot等）は歓迎しません

・日付が変わると自動でリセット

※ わんコメの初見判定を使います。判定が取れない配信サイトでは「その日はじめて見た人」を初見として扱います（設定で変更できます）。

■ 導入手順の詳しい解説（無料・購入前に読めます）

はじめての方向けに、フォルダのコピーからOBSに表示するまでを画像なしでも分かるようにまとめました。

「表示されない」ときの確認手順も7項目に整理してあります。買う前に読んで、できそうか判断してください。

・わんコメのテンプレートを入れて、OBSに出すまで

　https://panda-hq-7af784ab.pages.dev/guide/onecomme-template-setup

・OBSのブラウザソースが表示されない時に、順番に確認すること

　https://panda-hq-7af784ab.pages.dev/guide/obs-browser-source-not-showing

■ 導入方法（3分）

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

2. zip内から好きな色のフォルダを1つ選んで、そのままコピー

　（全4色収録: panda-welcome［ノーマル］/ panda-welcome-sakura［サクラ］/ panda-welcome-mint［ミント］/ panda-welcome-cyber［サイバー］。以下はノーマルの例・他の色も同じ手順です）

3. OBSの「ソース」→「＋」→「ブラウザ」を追加し、URLに以下を入力

http://localhost:11180/templates/custom/panda-welcome/index.html

幅520 / 高さ300 くらいがおすすめです

■ 動作確認のしかた

OBSのブラウザソースで「ソースの操作」を有効にし、Tキーを押すとテスト表示できます。

■ カスタマイズ

script.js の上部で、帯の文字・ひとこと・飾り（絵文字も使えます）・表示時間・除外設定を変更できます。

style.css の上部で、色・幅・文字サイズ・登場アニメーションの速さを調整できます。

■ 動作環境

わんコメ 5.x / OBS 30.x（Windows・macOS）

外部サーバーやアカウント登録は不要です。インターネット接続がなくても動作します。

■ ご利用について

個人・法人の配信、収益化しているチャンネルでお使いいただけます。自分の配信用の改変も自由です。

ファイルの再配布・転売・素材集への再パッケージはご遠慮ください。

──

panda studio ／ 人間1人＋AIで配信素材をつくっています

■ 同じシリーズ

・常連さん応援セット 3点 ¥1,200

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

・リアルタイム投票ウィジェット ¥1,000

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

・動くコメント欄テーマ 全46色（ネオン/サイバー/かわいい/桜/ミニマル/ガラス） ¥1,500

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

ほかの商品はこちら

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

■ 更新履歴

・2026-08-13　同梱READMEの導入URLに誤りがあったのを修正しました。

　正しくは http://localhost:11180/templates/custom/<フォルダ名>/index.html です。

　以前のREADMEでは custom/ が抜けており、そのままでは表示されませんでした。

　ご迷惑をおかけして申し訳ありません。この商品ページから最新版を無料で再ダウンロードできます。