【わんコメ連携/手動版/OBS/HTML】配信リザルトカード 💗📊 | 配信時間・コメント・最大同接・初見・高評価をまとめて表示【配信素材】

今日の配信成果を、かわいい1枚のカードにまとめて残そう！💗📊

VTuber・配信者さん向けの「配信リザルトカード」（HTMLソース型配信素材）です

配信時間、コメント数、最大同接数、初見さん、高評価、リアクションを見やすく表示し、配信の振り返りやエンディング画面、SNSでの活動報告に活用できます

わんコメと連携して一部の数値を自動集計できる版に加え、どなたでも使える手動入力版も同梱しています。

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

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

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

① 配信の成果を1枚のカードにまとめて表示

配信時間、コメント、最大同接、初見さん、高評価、リアクションの6項目を、見やすいリザルトカードとして表示します。

配信終了時の振り返り、エンディング画面、配信後のSNS投稿などにおすすめです。

② わんコメ連携でコメント・初見さんなどを自動集計

わんコメ連携版では、受信したコメント数、初見さん、リアクションを自動でカウントします。

対応する配信サービスでは、最大同接数や高評価数もわんコメから受信した情報に合わせて反映します。

③ わんコメ不要の手動版も同梱

数値を自分で入力・調整できる手動版を収録しています。

わんコメを使用しない配信や、配信後に結果をまとめて入力したい場合にもご利用いただけます。

④ 表示内容とデザインを自由にカスタマイズ

カードタイトル、配信タイトル、日付、今日のひとこと、フッターテキストを自由に変更できます。

各項目は個別に表示／非表示を切り替えられ、メインカラー、文字色、カード背景色、カード幅も配信画面に合わせて調整できます。

⑤ OBSドックから操作＆配信画面へリアルタイム反映

操作パネルをOBSのカスタムブラウザドックに追加し、配信中でも数値やテキストを調整できます。

設定内容は自動保存され、同じファイルの操作パネルと表示画面の間でリアルタイムに同期します。

⑥ リザルト画像の保存＆結果テキストのコピーに対応

完成したカードはPNG画像として保存でき、配信結果のテキストもワンクリックでコピーできます。

配信後の活動報告やSNS投稿をスムーズに作成できます。

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

📌 自動集計について

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

わんコメ連携版では、通常コメントの受信時にコメント数を加算し、初見情報（isFirstTime）が含まれる視聴者を重複なしでカウントします。

最大同接数は、起動またはリセット後にわんコメから受信した視聴者数の最大値を記録します。

高評価数と最大同接数の自動取得可否は、配信プラットフォームおよびわんコメが提供する情報に依存します。

自動取得できない項目や数値の修正が必要な場合は、操作パネルから手動で入力・増減できます。

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

📦 商品内容

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

・index.html（わんコメ連携版）

・index-manual.html（手動入力版）

・README.txt（導入方法・使い方）

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

🧷 導入方法・設定手順

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

最初に、使用するHTMLファイルを保存した場所からファイルURLを作成します。

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

例：

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

【わんコメ連携版を使う場合】

STEP 1｜わんコメを準備

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

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

STEP 2｜操作パネルをOBSドックに追加

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

② ドック名に「配信リザルトカード」など、分かりやすい名前を入力します。

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

操作パネル：

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

STEP 3｜表示画面をブラウザソースに追加

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

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

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

表示画面：

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

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

⑤ 操作パネルで内容を設定し、表示画面への反映を確認してください。

【手動版を使う場合】

操作パネル：

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

表示画面：

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

上記URLを、それぞれOBSのカスタムブラウザドックとブラウザソースへ追加してください。

※操作パネルと表示画面には、必ず同じHTMLファイルのURLを指定してください。

※わんコメ連携版と手動版では保存領域が分かれているため、設定や数値は共有されません。

※表示側のみがわんコメの情報を受信する設計です。二重集計を防ぐため、操作パネル側でわんコメへ接続する必要はありません。

※カード幅は操作パネルから520～1000pxの範囲で変更できます。

※PNG保存機能は外部ライブラリを読み込むため、使用時にはインターネット接続が必要です。

※使用環境やOBSの設定に合わせて、ブラウザソースの幅・高さを調整してください。

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

📜 利用規約

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

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

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

( [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ドック PNG保存 配信ツール