# 📌 PIN BOARD｜大切なコメントを残せるピン留め吹き出し **大切なコメント、流れて見逃していませんか？** スーパーチャット、初見さんのコメント、配信者からのお知らせ……。 コメントがたくさん流れる配信では、重要なメッセージがあっという間に画面から消えてしまうことも。 そんな悩みを解決するために作ったのが、**「PIN BOARD（ピンボード）」** です！ 通常のコメントはいつもどおり下に流れ、大切なコメントだけを自動でピン留め！ 画面上部に残しておけるため、あとから確認したり、落ち着いて読み上げたりできます。 **コメントの見やすさと、配信中の便利さを両立した新しいコメント吹き出しです。** ## ✨ 主な特徴 ### 📌 ① 大切なコメントを自動ピン留め！ 重要なコメントだけを自動で判別して、画面に残すことができます。 ピン留めの対象は自由に設定可能！ - 💰 スーパーチャットなどの金額付きコメント - 👑 配信者のコメント - 🛡️ モデレーターのコメント - 🌸 初コメント - 💎 メンバーのコメント 初期設定では、金額付きコメント・配信者・モデレーター・初コメントが対象です。 メンバーのコメントも設定をONにすることで残せます。 さらに、スーパーチャットは「1,000円以上だけ残す」など、金額による条件も設定可能！ ※役割や金額の判定は、わんコメから受信できる情報に依存します。 ### ✨ ② 流れたコメントが、そのまま上に移動！ 通常のコメントと同じように表示されたあと、表示上限を超えて押し出される瞬間にピン留め！ 消えるはずだったコメントが、その位置からスムーズに上へ移動します。 ピン留めされたコメントには専用の枠とピンの装飾が付き、通常コメントとひと目で区別できます。 もちろん、**「届いた瞬間にピン留めする」設定**にも変更可能！ 大切なコメントを最初から上に表示する使い方もできます。 ### 📍 ③ 残す場所も自由に選べる！ ピン留めしたコメントは、2種類の場所に表示できます。 **A：通常コメントのすぐ上** 流れるコメントの上側にピン留めしたコメントをまとめて表示。 区切り線でエリアを分けるため、すっきりとした見た目になります。 **B：画面の反対側に固定** 通常コメントを画面下側に配置した場合、ピン留めしたコメントを画面上部に固定できます。 こちらの設定では、下側のコメントが増減してもピン留めエリアは移動しません。 ### ⏰ ④ ピン留め件数・時間を細かく設定！ ピン留めしたコメントは、初期設定で最大3件まで保存されます。 最大件数は1～6件の範囲で変更可能！ 上限を超えると、古いピンから順番に外れます。 さらに、必要に応じて「ピン留めしてから外すまでの時間」も設定可能。 - 0分：時間経過では外さない - 1～60分：設定時間が経過したピンを自動で外す 初期設定は0分なので、時間経過だけでピンが外れることはありません。 ※通常コメントは時間経過では削除されず、表示上限を超えたときに古いものから押し出されます。 ### 📝 ⑤ ピン留めしたコメントをコンパクトに！ 大切なコメントを残しておきたいけれど、配信画面を圧迫したくない……。 そんな場合にも対応！ ピン留めしたコメントの本文は、初期設定では最大2行に省略されます。 表示行数は0～6行で変更可能です。 0にすれば、省略せず全文を表示できます。 さらに、ピン留めした理由を示すラベルも自動表示！ 「スパチャ」「初コメント」「配信者」などのラベルが付くため、残した理由が分かりやすくなっています。 ### 🎨 ⑥ 8種類のカラーテーマを収録！ 配信の雰囲気に合わせて選べる8種類のテーマを用意しました。 - 🤍 ホワイト：シンプルで清潔感のある配色 - 🌙 ダーク：クールで落ち着いた配色 - 🌿 ミント：やさしく爽やかなグリーン系 - 🌸 桜：かわいらしいピンク系 - ☁️ 空：明るいブルー系 - 🍋 レモン：元気なイエロー系 - 💜 ラベンダー：やわらかなパープル系 - 🖤 モノトーン：すっきりした白黒デザイン さらに、背景色・本文色・名前色・ピン留めの強調色を自由に設定できるカスタム配色にも対応！ 視聴者ごとにユーザー名の色を固定することもできます。 ### 👀 ⑦ 読みやすさにもこだわったデザイン！ コメントカードは不透明なので、ゲーム画面などの上に重ねても文字が見やすい設計です。 文字色は背景色とのコントラスト比4.5:1以上になるよう自動調整！ カスタム配色でも、必要に応じて文字色を補正します。 画面内にコメントが収まりきらない場合は、全体を自動縮小して見切れを防ぎます。 ### 👑 ⑧ スーパーチャット・役割バッジに対応！ 金額付きコメントは、金額に応じた6段階の色の帯で表示！ 通常コメントとは異なる見た目で、視聴者からの応援を分かりやすく表示できます。 さらに、配信者・モデレーター・メンバー・初コメントなどの役割バッジにも対応！ 配信サービスのバッジ画像が取得できた場合は、あわせて表示できます。 ### ⚙️ ⑨ 豊富なカスタマイズ機能！ - ピン留めの対象・金額条件 - ピン留めするタイミング - ピン留めの最大件数・保持時間 - ピン留めの表示位置・最大行数 - 8種類のテーマ・カスタム配色 - 文字サイズ・フォント・太さ - カードの幅・角の丸み・余白 - 最大コメント表示数（1～10件） - プロフィールアイコンの形・サイズ - 役割バッジの表示設定 - 登場アニメーション・速度 - 左右・上下の表示位置 配信画面に合わせて自由に調整できます！ ### 🖥️ ⑩ 専用デモ・設定画面付き！ ブラウザで開ける専用デモ画面を同梱！ 「スパチャ例」を表示したあとに「コメントを5件流す」を押すことで、スーパーチャットが上へ移動して残る様子を確認できます。 さらに、配信者のお知らせ・役割バッジなどの表示も確認可能！ 設定を変更したら「config.js」として書き出し、配信用テンプレートに反映できます。 プログラミングの知識がなくても、見た目を確認しながらカスタマイズできます！ ## 🎮 こんな配信におすすめ！ - 💬 コメントが多い雑談配信 - 🎮 視聴者参加型のゲーム実況 - 💰 スーパーチャットをしっかり読みたい配信 - 🌸 初見さんのコメントを大切にしたいVTuber配信 - 📢 配信者のお知らせを表示したい方 - 👀 コメントの見逃しを減らしたい方 - ✨ シンプルで便利なコメント欄が欲しい方 ## 📦 商品内容 - わんコメ用HTMLコメントテンプレート - わんコメ追加用ZIP - OBSデモ・設定画面 - カスタマイズ設定ファイル - 導入マニュアル - 設定ガイド - トラブルシューティング - 利用規約 ## ⚙️ 対応環境 - OBS Studio - わんコメ - Chrome / Edge（デモ・設定画面） HTML / CSS / JavaScriptで動作するコメントテンプレートです。 画像素材・動画素材・効果音は使用していません。 配信用テンプレートの背景は透過仕様です。 ## 📝 導入方法 1. 商品ZIPをすべて展開します。 2. installフォルダ内のZIPをわんコメに追加します。 3. 追加したPIN BOARDをOBSへ読み込みます。 4. 付属デモ画面で色・ピン留め条件・表示設定を調整します。 5. 書き出したconfig.jsを導入済みテンプレートに反映し、OBSを再読み込みします。 詳しい手順は同梱マニュアルをご確認ください。 ## ⚠️ ご利用上の注意 ※初期設定では、残す対象のコメントも通常コメントとして表示され、表示上限によって押し出された際にピン留めされます。コメントが少ない場合は、まだピン留めされないことがあります。 ※ピン留めしたコメントを配信中に手動で個別解除する操作はありません。上限件数・設定した保持時間・削除通知・クリア・再読み込みなどによって解除されます。 ※ピン留めしたコメントはOBSの再読み込み時にリセットされます。 ※初コメント・配信者・メンバーなどの判定は、配信サービスとわんコメから取得できる情報に依存します。 ※金額の下限判定や色分けには金額表示から読み取った目安を使用します。円以外の通貨は概算換算です。 ※絵文字・スタンプ・プロフィール画像の表示は、受信データや画像URLへのアクセス状況に依存します。 ※Chromium環境および模擬SDKで描画・動作検証を行っていますが、実際のOBS・わんコメ・YouTubeでのコメント受信およびZIP追加操作は未検証です。販売・配信前に実機での確認をお願いします。 ※購入者自身によるカスタマイズや収益化配信・動画での使用が可能です。元データ・改変データの再配布、再販売は禁止されています。 ※本商品は非公式のオリジナルテンプレートです。 --- **流れていくコメントと、残しておきたいコメント。** **大切なメッセージを、見逃さない配信画面へ。** PIN BOARDで、もっと快適なコメント表示を取り入れてみませんか？ 📌