■ このテンプレートのコメント欄の使いどころ Social Stream Ninja（SSN）で複数の配信サイトのコメントをまとめている方が、デザイン付きのコメント欄を画面に置くだけで用意できます。 ■ 購入前に確認 ・Social Stream Ninja は無料のツールで、この商品には入っていません。別途ご自身で導入してください（公式: https://socialstream.ninja/ ）。 ・まず動作や操作を試す → 無料版https://moonlitprops.booth.pm/items/8968043 ・この機能を10デザインで使う → この単品（700円） ・わんコメを使っている方 → わんコメ版があります。 ▼ わんコメ版 おそろいコメント欄 https://moonlitprops.booth.pm/items/8964105 ■ はじめて導入する方へ 1. 商品のzipをダウンロードして展開し、使いたいデザインのフォルダ（例: neon）を、消えない場所に置きます。 2. SSN の session ID をコピーし、フォルダ内の config.js の session: '' の間に貼り付けます。 3. OBS に「ブラウザ」ソースを追加し、「ローカルファイル」にチェックして、そのフォルダの index.html を選びます。 4. 幅・高さを、同梱の説明書どおりに設定します（横型は幅400・高さ900）。 5. SSN を起動して配信サイトのチャットにつなぐと、届いたコメントが画面に並びます。 URL で渡したい場合は、「ローカルファイル」を外して file:///…/index.html?session=ID と入れる方法もあります（説明書に書いてあります）。 表示が出ない場合は、SSN が起動してチャットにつながっているか、session ID が1文字も違っていないか、OBS のソースを更新したかを順に確認してください。見た目だけ確かめたいときは URL の末尾に ?demo=1 を付けます。 Social Stream Ninja（SSN）に届いたコメントを、OBS のブラウザソースでコメント欄として表示するテンプレートです。画面（既定は横型 400×900、背景透明）に、コメントが下から積み上がり、古いものは上へ流れます。1コメントはアイコン・名前・本文（絵文字・スタンプ画像は SSN が渡すものをそのまま表示。それ以外の HTML は表示しません）。アイコンが取れないときは名前の1文字目を丸の中に出します。すべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ 対応している配信サイト SSN が取り込める YouTube・Twitch・TikTok・Kick などのコメントを表示します（取り込めるサイトの最新の対応状況は SSN の公式サイトでご確認ください）。 ■ できること ・バッジ: 初見「初」（このコメント欄を開いてから初めて来た人）、メンバー「M」、モデレーター「★」、配信者「主」 ・スパチャ・ギフト・ビッツ・メンバー加入は、金額つきの濃い色のカードで表示（金額の段階は7段。色は config で変えられます） ・初見のコメントをふわっと光らせる（highlightFirst） ・3つのレイアウト（config の layout、または URL に &layout=oneline など） 　list … 横型 400×900（既定） 　oneline … 画面下にぴったり1行（1920×80）。歌枠・ゲーム配信用。新しいコメントで入れ替わる 　tate … 縦型配信 1080×1920 の下 1/3 用（1080×600）。文字大きめ ・設定: fontSize（既定20）・maxItems（既定12）・direction（下から積む／上から積む）・align（左寄せ／右寄せ）・fadeSec（何秒かで薄く消える。既定は消さない）・showIcon ・SSN 側でコメントを削除したりユーザーをブロックしたりすると、画面からも消えます ・配信者のコマンド（SSN が配信者として渡したコメントだけが有効） 　`!cbox clear` … 表示を消す 　`!cbox pause` … 流れを止める 　`!cbox resume` … 再開 ・記録は持ちません（localStorage に何も保存しません）。OBS を再読み込みすると空から始まります ・背景は透明。外部フォント・外部画像・CDN は使わず、システムフォント＋プログラム描画で表示（通信するのは SSN との接続だけです） ・デザイン10種：ネオン（縁が光る）／ゆめかわ（吹き出しにリボン）／レトロゲーム風ドット（8bitの枠・等幅）／和風（和紙と朱の名札）／ミニマル白／ミニマル黒（線だけ）／肉球（吹き出しのしっぽが肉球）／宇宙（星がまたたく）／宝石（面取りのガラス）／ターミナル（「> 名前: 本文」の1行形式・カーソルが点滅） ■ わんコメ版とそろえて使う わんコメ版 おそろいコメント欄と同じ10デザインです（ネオン・ゆめかわ・ドット・和風・ミニマル白黒・肉球・宇宙・宝石・ターミナル）。当店のわんコメ用テンプレート（ルーレット・称号・おみくじなど）と同じ名前のデザインどうしを組み合わせると、画面の見た目がそろいます。 ▼ わんコメ版 おそろいコメント欄 https://moonlitprops.booth.pm/items/8964105 ■ 配信者コマンドの書き方 ・コマンドはすべて `!cbox ` で始めます（全角の「！」・全角スペースも可）。コマンドのコメント自体は画面に出ません。`!reset` のような共通名の書き方は受け付けないので、他のテンプレートと同時に使っても混ざって動きません ・配信サイトによっては、SSN が配信者のコメントを配信者として渡さないことがあり、その場合はコマンドは使えません ■ 動作環境 Social Stream Ninja ＋ OBS のブラウザソース（Windows・OBS 32 で動作確認）。表示中は SSN を起動し、インターネットにつないでおいてください。 ■ 同梱 ・デザイン別フォルダ 10個（neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js） ・説明書.txt（SSN の入れ方・session ID の見つけ方・OBS への追加・URL の付け方・config.js の変え方・うまく出ないとき）／README_en.txt（英語・短縮版）／LICENSE.txt ■利用規約 【個人用】 ・配信者1名が使えます。配信・動画での使用可、収益化配信（投げ銭・広告収益等）での使用も可、このテンプレートのクレジット表記は不要です。 【共通】 ・このテンプレート（zip・index.html・config.js等）そのものの再配布・転売は禁止です。 ■ 注意 ・画像・動画を生成するAIは使っていません（プログラムで描画）。プログラムと説明文はAIアシスタント（Claude）が作成しています。 ・Social Stream Ninja は steveseguin 氏のオープンソースソフトです。この商品は非公式のテンプレートです。SSN 本体・SSN のソースコードは含まれません。 ・SSN は別途ご自身で導入してください。SSN の仕様変更により動作が変わることがあります。 ・コメントの内容を画面に出すだけで、不適切なコメントを自動で隠す機能はありません。必要な場合は、SSN 側の設定でフィルタをかけてください。 ・ご質問はメッセージでどうぞ。 ■ 新作の通知を受け取るには ショップをフォローすると、新作の通知が届きます: https://moonlitprops.booth.pm/ 新作のお知らせ・使い方のコツ・作例の共有は Discord で: https://discord.gg/af4asvUYEm 無料で試せる小物 3 点（0 円）: https://moonlitprops.booth.pm/items/8943166