◼︎ 商品説明 配信者・VTuber必見！配信終了時に「テレビ番組のエンディング」を彷彿とさせる提供クレジット演出をリアルタイムに生成・表示する演出ツールです。 「わんコメ（OneComme）」と連携し、配信中に届いたスーパーチャットなどのギフトを自動集計。 配信終了時にボタンひとつで、スポンサー（ギフター）の名前を音声読み上げ付きで華やかにクレジット表示します。 通常コメントをしてくれた視聴者も「コメント参加者」として控えめにクレジットに表示でき、配信を盛り上げてくれた全員を称えることができます。 単一のHTMLファイルで完結する設計により、セットアップは驚くほど簡単。 OBSのブラウザソースに読み込むだけで、すぐに使い始められます。 外部ライブラリ不要の軽量設計により、配信のパフォーマンスへの影響も最小限に抑えています。 ◼︎ 主な機能 【テレビ番組風クレジット演出】 - 開幕 - 画面中央に「提供」の文字を表示し、開始セリフを読み上げ - 個別紹介 - 上位N名のスポンサーを1人ずつフェードイン・アウトで名前表示＋読み上げ - スポンサーロール - 残りのスポンサー名をグリッド表示で下から上へスクロール - コメント参加者ロール - 通常コメントした視聴者も控えめにスクロール表示（ON/OFF可能） - フェードアウト - 全要素が消えて演出終了 【わんコメ連携】 - WebSocket接続でスーパーチャット・ギフトを自動集計 - 同一人物の複数回ギフトは金額を自動合算 - 金額順に自動ソート（高額スポンサーが上位に） - 通常コメント参加者も自動記録（ギフト送信者とは自動で分離） - 配信者自身は自動的に除外 - YouTube, Twitch, ニコニコ生放送など、わんコメ対応プラットフォームすべてで動作 【25種類以上のフォント】 - テレビ風・公式 - Noto Serif JP、Shippori Mincho、Hina Mincho、Yuji Syuku、Noto Sans JP、Sawarabi Gothic - 配信映え・目立つ - Dela Gothic One、RocknRoll One、Reggae One、Rampart One、Train One、Potta One - ゲーム配信向け - DotGothic16、Stick、M PLUS Rounded 1c - 可愛い・柔らかい - Zen Maru Gothic、Kosugi Maru、Klee One、Yomogi、Hachi Maru Pop、Mochiy Pop One - 個性的・アート - Kaisei Opti 【カスタマイズ機能】 - フォント選択 - 25種類以上のGoogle Fontsをカテゴリ別に選択 - 文字色・縁取り色 - カラーピッカーで自由に設定 - テキスト変更 - 「提供」の文字、開始セリフ、締めのセリフ、敬称を自由に編集 - 個別紹介人数 - 上位何名を個別紹介するか（0〜20名） - スクロール速度 - スポンサー/コメント参加者で個別に秒数指定 - 音声読み上げ - ブラウザ音声で名前・セリフを読み上げ（ON/OFF可能） - コメント参加者表示 - 通常コメント視聴者のクレジット表示ON/OFF 【タブ型UI】 - 演出タブ - クレジット演出が表示される画面（グリーンバック） - データタブ - スポンサー・コメント参加者の集計データ一覧、接続状態確認 - 設定タブ - 読み上げ・テキスト・ビジュアルの各種設定、リアルタイムプレビュー 【データ管理】 - ダミーデータ生成 - テスト用のスポンサー＋コメント参加者データをワンクリックで生成 - データエクスポート - 集計データをJSON形式でダウンロード - 集計リセット - 確認ダイアログ付きで安全にリセット - 設定の保存/読み込み/リセット - 複数の設定パターンを管理可能 【安心設計】 - 軽量設計 - 外部ライブラリ不要、1ファイルで完結 - 自動保存 - スポンサーデータはlocalStorageに自動保存、ブラウザを閉じても消えません - 事故防止 - 明示的にリセットボタンを押すまでデータを保持 - プレビュー機能 - 本番前にフォント・色の見え方を設定画面上で即確認 - グリーンバック - OBSのクロマキーで簡単に透過合成 ◼︎ こんな方におすすめ - 配信のエンディング演出を本格的にしたい方 - スーパーチャットやギフトを送ってくれたリスナーを華やかに紹介したい方 - テレビ番組のような「提供」演出に憧れる方 - コメントしてくれた視聴者も含めて全員に感謝を伝えたい方 - 配信の世界観に合わせてフォントや色をカスタマイズしたい方 - VTuber、ゲーム実況、雑談配信、歌配信など様々なジャンルの配信者 - わんコメを既に使っている方 ◼︎ 同梱内容 - index.html（メインファイル - これ1つで完結） - README.txt（詳細な使用方法説明書） ◼︎ 動作環境 - 対応ブラウザ：Google Chrome / Microsoft Edge（最新版） - 対応配信ソフト：OBS Studio（ブラウザソースで使用） - 必須アプリ：わんコメ（OneComme） - 推奨解像度：1920x1080 - フォント読み込み：インターネット接続が必要（Google Fonts使用） ◼︎ かんたん3ステップ導入 1. わんコメを起動して配信プラットフォームと接続 2. OBSのブラウザソースにindex.htmlを読み込み（幅1920、高さ1080） 3. 配信終了時に「演出開始」ボタンを押すだけ！ ◼︎ 活用例 - 配信終了時「スーパーチャットを送ってくれた方を全員紹介」 - 歌枠終了時「テレビの音楽番組風にスポンサー紹介」 - 雑談配信終了時「コメントしてくれた視聴者全員をクレジット表示」 - コラボ配信「全員のギフターを華やかにエンディング演出」 - イベント配信「支援者へのスペシャルサンクス演出」 ◼︎ フォント選びのヒント - テレビ番組風 → Shippori Mincho / Noto Serif JP（伝統的な明朝体） - VTuber配信 → Zen Maru Gothic / Klee One（可愛い丸文字） - ゲーム配信 → DotGothic16（ドット風）/ Dela Gothic One（極太インパクト） - 雑談・チル配信 → Yomogi / Hachi Maru Pop（手書き風） - 企業・フォーマル → Noto Sans JP / Kaisei Opti（格調高い） - 目立たせたい → RocknRoll One / Reggae One（ポップ＆個性的） ◼︎ 注意事項 - わんコメ（OneComme）アプリケーションが必要です（別途入手） - フォント読み込みにインターネット接続が必要です - OBSでは「ブラウザソース」での使用を推奨します - OBSのブラウザソースとPC版ブラウザではデータが共有されません（詳細はREADME参照） - 設定・集計データはブラウザのlocalStorageに保存されます ◼︎ サポート 使用方法や不具合についてのお問い合わせは、メッセージ機能よりご連絡ください。 ◼︎ よくある質問 Q: プログラミング知識は必要ですか？ A: いいえ、HTMLファイルをOBSに読み込むだけで使えます。設定はすべて画面上のボタンから行えます。 Q: わんコメは必須ですか？ A: はい、スーパーチャットやギフトの自動集計にわんコメとの連携が必要です。わんコメは公式サイト（https://onecomme.com/）から入手できます。 Q: どの配信プラットフォームに対応していますか？ A: わんコメが対応しているプラットフォーム（YouTube, Twitch, ニコニコ生放送等）であれば対応しています。 Q: スポンサーの順位はどう決まりますか？ A: ギフトの合計金額が多い順に自動ソートされます。同じ人が複数回ギフトを送った場合は合算されます。 Q: コメント参加者を表示したくない場合は？ A: 設定の「コメント参加者をクレジットに表示する」のチェックを外すだけでOFFにできます。 Q: 背景は透過されますか？ A: 演出画面はグリーンバック（#00FF00）です。OBSのクロマキーフィルタで透過合成が可能です。 Q: 設定は保存されますか？ A: はい、設定はlocalStorageに保存され、次回起動時に復元されます。集計データも明示的にリセットするまで保持されます。 Q: フォントは追加できますか？ A: 現在は25種類以上のプリセットから選択する方式です。HTMLファイルを編集することで追加も可能です。 Q: OBSのブラウザソースとPC版ブラウザでデータは共有されますか？ A: いいえ、OBSの内蔵ブラウザとPC版ブラウザではlocalStorageが別です。 ◼︎ 更新履歴 【V1.0.0】 - 初回リリース =============================================================== ENGLISH SUMMARY =============================================================== ◼︎ Product Description A TV-style ending credits tool for streamers and VTubers! Automatically collect Super Chats and gifts via OneComme (わんコメ) integration and display beautiful credit rolls at the end of your stream. Single HTML file - just load into OBS browser source and go. Green screen background for chroma key compositing. ◼︎ Key Features - Auto-collect Super Chats/gifts via OneComme (WebSocket) - Individual sponsor introduction with voice narration (TTS) - Scrolling credit roll for all sponsors (sorted by amount) - Optional commenter roll for regular chat participants - 25+ Google Fonts in 5 categories (Traditional, Bold, Gaming, Cute, Artistic) - Full customization: text, colors, fonts, honorifics, scroll speed - Tab UI: Stage / Data / Settings - Dummy data generator for testing - Data export (JSON) ◼︎ Requirements - OBS Studio (browser source) - OneComme (わんコメ) application - Google Chrome or Microsoft Edge ◼︎ Setup 1. Launch OneComme and connect to your streaming platform 2. Add index.html as OBS browser source (1920x1080) 3. Press "Start" button at the end of your stream - Done!