【YouTube】コメントをニコニコ風にする方法。NGワードも設定可能

Twitchのコメントをニコニコ風にする方法【Twitch Screen Comment Scroller】

こんにちは、筆者のムラスギです。

「Chrome」や「Firefox」などのブラウザに「Twitch Screen Comment Scroller」というスクリプトを導入することで、

 

Twitchの生放送 / アーカイブ動画でニコニコ動画のようにコメントを動画上に表示できます。

主な機能
・画面上に流れるコメント
・大きさ、行数、透明度、の細かい調整

Main Functions
・Comments on the screen
・Fine adjustment of size, number of lines, transparency, color, etc.

Twitch Screen Comment Scroller 導入方法

ざっくりとした流れとしては、

  • 1. chrome拡張機能の追加
  • 2.スクリプトをインストール

という順番で紹介します

1. Chrome拡張機能の追加

まずはじめに、Tampermonkeyという拡張機能が必要になるので、

下記のリンクから追加をします。

Google Chrome→Tampermonkey
Firefox→Tampermonkey

既に追加済みの方は、このステップは飛ばしてください。

↓ の画面に飛ぶので、右上の「chromeに追加」のボタンをクリックすると、拡張機能が追加されます。


追加完了をしたら、

chrome or Firefox ブラウザの「設定→拡張機能」の画面を開きます

chrome://extensions/

↑ をURLに貼り付けることでも拡張機能の画面を開くことができます。

Once you’ve completed your additions

Open your chrome or Firefox browser’s “Settings→Extensions” screen

chrome://extensions/

You can also paste the ↑ into the URL to open the extension’s screen.


Tampermonkeyの詳細を開き、

「ファイルの URL へのアクセスを許可する」をONにしましょう。

Open Tampermonkey‘s details and

⬇⬇

Turn on “Allow access to file URLs”.

2.スクリプトのインストールをする

次に、下記のリンクから、スクリプトをインストールしていきます

導入サイトはこちら (新規タブで開いてね) ⇛  Twitch Screen Comment Scroller

「スクリプトのインストール」のボタンをクリックし、

「インストール」します。(↑画像は「openrec」となっていますが、手順に変わりはありませんm(_ _)m)

これで導入は完了です。

あとはTwitchの放送で、コメントが流れるか確認してみましょう!

注意:Adblockなどのコンテンツブロッカーを導入している方は、必ずオフにするように注意してください。

スクリプトからコメントの表示設定の変更

「流れるコメントが薄くて見辛い」

「流れるフォントの大きさを小さくしたい」と思う方は、

インストールしたスクリプトを書き換えることにより、調整可能です。

再度、「設定→拡張機能」からTampermonkeyの「詳細」を開き、

「拡張機能のオプション」をクリックします。


↑ のページが表示されるので、「インストール済みUserScript」のタブをクリックし、

「twitch.screen…..」のリストの部分をクリックします。


すると、このようなスクリプトが表示されるので、

  • コメントの不透明度の数値を0.7 (16行目)
  • コメントの最大行数を12~15あたり(17行目)

に書き換えます。

(※あくまで筆者の設定なので、ここは自分の好みに合わせた数値でOKです。)

「ファイル→保存」で変更を保存しましょう。

これでコメントの表示設定の変更は完了です。

コメントの変更が反映されているか確認しましょう。


ついでにこちらのスクリプトもインストールしちゃいましょう!!⇩

(拡張機能は一度インストールしたので、スクリプトをインストールするのみでOKです)

PS4

【PS4】サイバーパンク2077【Amazon.co.jp限定】SAMURAIステッカー(付)&ナイトシティPC・スマホ壁紙(配信)

Amazonで見る

Amazon

Logicool G ゲーミングマウス 有線 G203 LIGHTSYNC RGB 6個プログラムボタン 85g軽量 G203-BK 国内正規品

Amazonで見る

Amazon

Logicool G ゲーミングマウス 無線 G604 MMO 15ボタン HEROセンサー LIGHTSPEED ワイヤレス Bluetooth 接続対応 国内正規品

Amazonで見る

Amazon

Razer Huntsman Mini JP 小型 ゲーミングキーボード Linear Optical Switch 日本語 JP配列 60%レイアウト 光学スイッチ 超高速1.2mm作動 リニア触感 静音 Chroma RGB 【日本正規代理店保証品】

Amazonで見る

部屋着にオススメ! / Recommended for loungewear.

Pandolah メンズ シャツ Tシャツ ゲームロゴ APEX LEGENDS エーペックスレジェンズ 人気 キャラクター 半袖

Amazonで見る


Pandolah メンズ 男女兼用 パ-カー プルオーバー ゲームロゴ APEX LEGENDS エーペックスレジェンズ 人気 キャラクター 長袖

Amazonで見る


Pandolah メンズ シャツ Tシャツ ゲームロゴ APEX LEGENDS エーペックスレジェンズ 人気 キャラクター 半袖

Amazonで見る

13 COMMENTS

murasugi

すいません。画像は少し前に掲載した画像で、今現在は「コメント設定」と紫文字で表示されているかと思います。
追記:修正致しました。

返信する
匿名

すみません、Twitch Screen Comment Scrollerのv0.2.1だとコメント設定ボタンすら表示されません。
バージョンは最新版で表示されているでしょうか?

返信する
murasugi

この記事はもともと Flow Twitch Chat という既に公開終了してしまったスクリプトを紹介していて、あとから応急的に Twitch Screen Comment Scroller の説明に書き換えていたものでした。
現在は修正済みです。ご迷惑をおかけして申し訳ありません。

返信する
Leche deslactosada

Admiring the dedication you put into your site and in depth information you present.

It’s awesome to come across a blog every once in a while that isn’t the same old rehashed material.
Wonderful read! I’ve saved your site and I’m adding your RSS feeds to my Google account.

返信する
匿名

説明の通りに事を運んだのですがコメントが流れません。何か解決策はありますか??

返信する
murasugi

Adblockがオンになったりしていませんでしょうか?オンだと流れないので、確認よろしくおねがいします。

ちなみにコメントの大きさは、コメント最大行数の数値を上げると調整できます。

返信する
匿名

adblockを削除したらできました!本当にありがとうございます!
一つ聞きたいのですが、一度に画面に表示されるコメントの数を調整することはできますでしょうか。コメントが多くて少し見ずらいので減らしたいです。

返信する
匿名

ありがとうございます!Adblockを削除したら出来ました!1つ聞きたいのですが、一度に画面に表示されるコメントの数を調整することは可能ですか?

返信する
murasugi

返信おそくなってしまい申し訳ありません。
今現在では、コメント数を調整することは不可能だと思われます。
いずれスクリプトのバージョンアップをするみたいなので、期待したいですね^^

返信する

コメントを残す

メールアドレスが公開されることはありません。