導入方法
tokpiのチャット欄をWEFLABで使う方法です。コピーしたコードをWEFLABのチャット欄設定に貼り付けて、配信画面で確認します。
WEFLABはCHZZK・SOOP向けの韓国のチャット欄サービスで、画面は韓国語です。下のボタン名は韓国語のまま、日本語訳を添えています。カードの文言（CHZZKのチーズ投げ銭など）も韓国語です。
tokpiのチャット欄を、StreamElementsのカスタムウィジェットとして使う方法です。4つのファイルをウィジェットに貼り付けて、オーバーレイをOBSに入れるだけ。5分ほどで終わります。
無料のStreamElementsアカウントが必要です。Twitch・Kick・YouTubeのチャットを表示し、OBS（またはStreamlabs Desktop）にはオーバーレイのURLを入れるだけです。StreamElementsの画面、zip内の説明、カードの文言は英語です。
tokpiのチャット欄を、わんコメ用のテンプレートとして使う方法です。zipをわんコメに追加して、OBSに入れるだけ。3分ほどで終わります。
わんコメが必要です。YouTube・Twitch・ツイキャス・ニコ生など、わんコメにつないだ配信サイトのコメントを表示します。
ステップ1：zipをダウンロードする
ハロウィンのページで使いたいチャット欄の詳しく見るを押します。説明とプレビューを確認してからダウンロード（.zip）を押します。わんコメにはzipのまま追加します。
ステップ2：わんコメのテンプレート一覧を開く
わんコメを起動して、右上の…からテンプレートを開きます。
拡大表示（新しいタブ）ステップ3：zipをテンプレート一覧へドラッグ
ダウンロードしたzip（例：
tokpi-witch-scrapbook.zip）を、テンプレートの一覧にドラッグ＆ドロップします。一覧に「魔女のスクラップブック」や「おばけ吹き出し」が追加されます。ドラッグできないときは、一覧右上のフォルダ＋ボタンからzipを選んでください。解凍せず、zipのまま選びます。
拡大表示（新しいタブ）ステップ4：「ここをドラッグしてOBSに入れる」をOBSへ
追加したテンプレートのここをドラッグしてOBSに入れるを、OBSのプレビュー画面へドラッグします。これでブラウザソースになります。
拡大表示（新しいタブ）ステップ5：ブラウザソースの大きさを合わせる
ブラウザソースは幅 500 × 高さ 800、size は100（100%）から始めて、チャット欄を置きたい場所に配置してください。
右上の…→コメントテスターで送信を押し、OBSにコメントが表示されるか確かめます。
幅と高さは表示範囲、size は文字と絵の拡大率です。120%に拡大する場合は幅600px前後に広げ、長い名前・メンバーシップ・投げ銭カードも確認してください。
拡大表示（新しいタブ）ステップ6：設定を変える（必要なときだけ）
テンプレートの
script.jsの先頭にあるSETTINGSを書き換えて保存し、OBSのブラウザソースの現在のページのキャッシュを更新を押すと反映されます。OBSのURLの最後に
?size=120&align=centerのように付けても変えられます（URLが優先）。項目は下の「設定」をご覧ください。見た目だけ確かめたいときは、URLの最後に
?demo=1を付けると見本のコメントが流れます。
設定
script.js の SETTINGS か、OBSのURLの最後（?size=120 など）で変えられます。
- size
- 大きさ（%）。絵ごと拡大・縮小します
- align
- カードの寄せ：design（デザインどおり）／left／center／right
- font
- Google Fonts のフォント名。空ならデザインのフォント
- nameColor
- 名前の色（例：#ffffff）。空ならデザインの色
- textColor
- コメントの色。空ならデザインの色
- badges
- バッジを表示する（true／false）
- emoteSize
- 絵文字・エモートの大きさ（%）
- hideAfter
- コメントを消すまでの秒数。0 なら消さない
- limit
- 画面に出すコメントの最大数
- hideCommands
- 「!」で始まるコマンドを表示しない（true／false）
- ignore
- 表示しない名前（カンマ区切り。ボットなど）
役割ごとのデザイン
- 配信者
- 配信者のカード
- メンバー／サブスク
- メンバーのカード
- モデレーター・VIP・そのほか
- 視聴者のカード
- スパチャ・ジュエル・Bits・ギフト
- 投げ銭カード（金額・アイテム名とメッセージ）
- メンバーシップギフト・サブスクギフト
- メンバーシップのカード
知っておくと便利
- カードの絵の色は固定です。色の設定は文字だけに効きます。
- スーパーチャットやギフト、メンバーシップギフトは、同じデザインの専用カードで表示します。わんコメの「コメントテスター」で「ギフト/スパチャ」を選ぶと確かめられます。
- わんコメの無料版をお使いの場合は、わんコメの規約に沿ってクレジットの記載をお願いします。