視聴者のコメント（チャット）を配信画面に重ねて映すための方法は複数あります。
今回は、コメントビューアー（コメビュ）である「わんコメ」を使った方法を見ていきましょう。
- 簡単にできる
- 多くのサイトに対応（例 : YouTube、Twitch、ツイキャスなど）
- コメントの見た目を一瞬で変更できる（例 : LINE風）
関連 【サイト別】コメント・チャットを配信画面に表示する方法。背景は透明に
必要なものは2つ
用意すべきものは2つです。
わんコメの導入方法については後述します。
配信ソフトについては、今回はOBS Studio（OBS）を使用します。
配信ソフトってなんだろう？ライブ配信における役割・使い方
PCを使ってライブ配信（生放送）をする場合、一般的には配信ソフトが必要です。
この配信ソフトは、ライブ配信で最重要なものといっ...
【図解】やさしいOBS Studioの使い方。ゲーム配信者のための設定ガイド
OBS Studio（以下OBS）は、各種配信サイトに対応している無料のライブ配信用ソフトです。詳しい使い方を見ていきましょう。
...
わんコメをダウンロードする
わんコメをダウンロード・インストールしましょう。
- 公式サイトにアクセスする。
- 「Download for Windows (64bit)」をクリックする。
- わんコメをダウンロードする。
そしてインストールします。
- 「OneCommeSetup-x64-x.x.x.exe」をダブルクリックする。
- 「WindowsによってPCが保護されました」が表示されたら「詳細情報」をクリックする。
- 「実行」をクリックする。
わんコメでコメントを取得する
最初に、わんコメをコメビュとして使えるようにしましょう。
具体的には、（1）適当な配信サイトを開き、（2）ライブ配信中のURLをわんコメの「視聴URL」ににペーストする必要があります。
配信サイトは、わんコメが対応しているサイトであればどこでもかまいません。
- YouTube
- Twitch
- ツイキャス
- ミラティブ
- SHOWROOM
- ミクチャ
- ニコ生
- その他、公式サイト参照のこと
同時配信時のコメント表示にも対応しています。つまり、複数の配信サイトのコメントをまとめて一括表示できます。
また、だれの配信でもかまいません。わざわざ自分で配信を開始せずともテストできます。現在配信中のURLをコピー＆ペーストしましょう。
ここまでできたら、わんコメの「接続」をONにします。ボタンをクリックしてください。
▲もしURLをペーストできない場合は、いったん「接続」をOFFにすればできるようになります。
すると、ボタンが灰色から赤色に変化し、コメントがわんコメに表示されます。わんコメをコメビュとして使えるようになりました。
初期設定では、新しいコメントは上から順に表示されます。逆にしたい場合は、「設定」→「その他」→「コメント順を反転する」にチェックを入れてください。
OBSにコメントを表示する
「書き出し」をONに
いよいよOBSにコメントを映す作業です。
「書き出し」がONになっていることを確認しましょう。ここがOFFだとコメントがOBSに映りません。
テンプレをドラッグ＆ドロップ
つぎに、右上の3点リーダーから「テンプレート」をクリックします。
すると、テンプレート一覧が表示されました。
任意のもの（例 : basic）をOBSにドラッグ＆ドロップしましょう。どれでもかまいません。
▲わんコメのテンプレートをOBSにドラッグ＆ドロップすることで、「index.html」という「ブラウザ」ソースがOBSに追加されます。
完成です。わんコメで取得したコメントがOBSにも映るようになりました。
必須ではありませんが、追加した「ブラウザ」ソースの名前をわかりやすいものにしておくと便利です。
- 「index.html」上で右クリックする。
- 「名前を変更」をクリックする。
- 任意の名前にする（例 : 「コメント」など）。
なお、ゲーム画面や静止画像に重ねるようにしてコメントを表示したい場合は、自分でソースを追加してください。
OBS Studioでソースを追加・設定する方法。配信画面を自由にレイアウト
OBS Studio（以下OBS）で、画面を視聴者に見せるにはどうしたらよいのでしょうか。
結論から書くと、ソースを追加しまし...
ドラッグ＆ドロップできない？
もしテンプレートをOBSにドラッグ＆ドロップできない場合は、わんコメを管理者権限で起動しましょう。
- わんコメを閉じる。
- 「わんコメ - OneComme.exe」上で右クリックし、「管理者として実行」をクリックする。
- わんコメが起動する。
OBSを管理者権限で起動しているときは、わんコメも同様に管理者権限で起動しないとドラッグ＆ドロップできません。
LINE風に
コメントの外観・デザインを変更したい場合は、任意のテンプレートを使用します。
- 右上の3点リーダーをクリックする。
- 「テンプレート」をクリックする。
- 任意のテンプレートをOBSにドラッグ＆ドロップする（上述）。
以下はテンプレートの一例です。
なお、ニコ生風にコメントを流すテンプレートについては、バージョン3.1.6で削除されました。
コメントの幅・高さを調整する
ひょっとしたら、コメントが表示される範囲を調整したいと思うことがあるかもしれません。
たとえば、「ここからここまでの幅でコメントを表示したい」というような場合です。
このような場合は、さきほど追加した「ブラウザ」ソース（index.html）をダブルクリックします。
そして、「幅」と「高さ」を任意の数値にしましょう。たとえば、幅を小さくすればコメントが表示される範囲も狭まります。
完成しました。
テンプレートをカスタマイズする
細かく設定したいときに
「テンプレートジェネレーター」を使えば、簡単にテンプレートをカスタマイズできます。
たとえば、以下の設定を変更したいときに使いましょう。
- フォントの種類
- 文字のサイズ・色
- アイコンの有無・サイズ
- 文字の縁取りの有無・色
文字列をコピペするだけ
テンプレートジェネレーターを開いて設定します。
- テンプレートジェネレーターを開く。
- 「理解して使う」をクリックする。
- 「ベーステンプレート」で任意のものを選ぶ。
- 任意の設定にする。
ここまでできたら、ページ上部にあるCSSをコピーします。
▲CSSは装飾（見た目）を変更する文字列のことです。あとでCSSをOBSにペーストします。
つぎに、OBSの「ブラウザ」ソースをダブルクリックして設定画面を開き、いまコピーしたCSSを「カスタム CSS」の部分にペーストしましょう。
▲もとからある文字列は必要ありません。上書きします。
最後に「OK」をクリックすれば完成です。
まとめ
わんコメを使えば、すぐにコメントをOBSに映せます。
- わんコメでコメントを取得する。
- テンプレートをOBSにドラッグ＆ドロップする。
もしほかの方法が知りたい場合は、下記ページをご覧ください。複数のやり方を掲載しています。
【ツイキャス】コメントを配信画面に表示する方法。1分でできます
ツイキャスで配信するさい、コメントを配信画面に映すにはどうしたらよいのでしょうか。
じつは簡単にできます。というのも、ツイキャ...
ほんの20秒でコメントをOBSに表示する方法、あります→わんコメ
コメント・チャット関連
視聴者のコメント（チャット）を配信画面に重ねて映すための方法は複数あります。
今回は、コメントビューアー（コメビュ）である「わんコメ」を使った方法を見ていきましょう。
関連 【サイト別】コメント・チャットを配信画面に表示する方法。背景は透明に
目次
必要なものは2つ
用意すべきものは2つです。
わんコメの導入方法については後述します。
配信ソフトについては、今回はOBS Studio（OBS）を使用します。
わんコメをダウンロードする
わんコメをダウンロード・インストールしましょう。
そしてインストールします。
わんコメでコメントを取得する
最初に、わんコメをコメビュとして使えるようにしましょう。
具体的には、（1）適当な配信サイトを開き、（2）ライブ配信中のURLをわんコメの「視聴URL」ににペーストする必要があります。
配信サイトは、わんコメが対応しているサイトであればどこでもかまいません。
また、だれの配信でもかまいません。わざわざ自分で配信を開始せずともテストできます。現在配信中のURLをコピー＆ペーストしましょう。
ここまでできたら、わんコメの「接続」をONにします。ボタンをクリックしてください。
▲もしURLをペーストできない場合は、いったん「接続」をOFFにすればできるようになります。
すると、ボタンが灰色から赤色に変化し、コメントがわんコメに表示されます。わんコメをコメビュとして使えるようになりました。
初期設定では、新しいコメントは上から順に表示されます。逆にしたい場合は、「設定」→「その他」→「コメント順を反転する」にチェックを入れてください。
OBSにコメントを表示する
「書き出し」をONに
いよいよOBSにコメントを映す作業です。
「書き出し」がONになっていることを確認しましょう。ここがOFFだとコメントがOBSに映りません。
テンプレをドラッグ＆ドロップ
つぎに、右上の3点リーダーから「テンプレート」をクリックします。
すると、テンプレート一覧が表示されました。
任意のもの（例 : basic）をOBSにドラッグ＆ドロップしましょう。どれでもかまいません。
▲わんコメのテンプレートをOBSにドラッグ＆ドロップすることで、「index.html」という「ブラウザ」ソースがOBSに追加されます。
完成です。わんコメで取得したコメントがOBSにも映るようになりました。
必須ではありませんが、追加した「ブラウザ」ソースの名前をわかりやすいものにしておくと便利です。
なお、ゲーム画面や静止画像に重ねるようにしてコメントを表示したい場合は、自分でソースを追加してください。
ドラッグ＆ドロップできない？
もしテンプレートをOBSにドラッグ＆ドロップできない場合は、わんコメを管理者権限で起動しましょう。
LINE風に
コメントの外観・デザインを変更したい場合は、任意のテンプレートを使用します。
以下はテンプレートの一例です。
なお、ニコ生風にコメントを流すテンプレートについては、バージョン3.1.6で削除されました。
コメントの幅・高さを調整する
ひょっとしたら、コメントが表示される範囲を調整したいと思うことがあるかもしれません。
たとえば、「ここからここまでの幅でコメントを表示したい」というような場合です。
このような場合は、さきほど追加した「ブラウザ」ソース（index.html）をダブルクリックします。
そして、「幅」と「高さ」を任意の数値にしましょう。たとえば、幅を小さくすればコメントが表示される範囲も狭まります。
完成しました。
テンプレートをカスタマイズする
細かく設定したいときに
「テンプレートジェネレーター」を使えば、簡単にテンプレートをカスタマイズできます。
たとえば、以下の設定を変更したいときに使いましょう。
文字列をコピペするだけ
テンプレートジェネレーターを開いて設定します。
ここまでできたら、ページ上部にあるCSSをコピーします。
▲CSSは装飾（見た目）を変更する文字列のことです。あとでCSSをOBSにペーストします。
つぎに、OBSの「ブラウザ」ソースをダブルクリックして設定画面を開き、いまコピーしたCSSを「カスタム CSS」の部分にペーストしましょう。
▲もとからある文字列は必要ありません。上書きします。
最後に「OK」をクリックすれば完成です。
まとめ
わんコメを使えば、すぐにコメントをOBSに映せます。
もしほかの方法が知りたい場合は、下記ページをご覧ください。複数のやり方を掲載しています。