MENU

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

URLをコピーする
URLをコピーしました!

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

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

 

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

目次

主な機能

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

Twitch Screen Comment Scroller 導入方法

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

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

という順番で紹介します

Chrome拡張機能の追加

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

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

Google Chrome→Tampermonkey
Firefox→Tampermonkey

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

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

携帯できる音波式電動歯ブラシがクラプロックスから登場
【ブラックisホワイト電動歯ブラシ 粉歯みがきプレゼントつき】

拡張機能の画面を開く

追加完了をしたら、

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

chrome://extensions/

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

Tampermonkeyの詳細を開き、

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

アニメ観るなら<U-NEXT>


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

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

導入サイトはこちら

Twitch Screen Comment Scroller

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

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

これで導入は完了です。

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

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

キャンペーンページ

コメントの表示設定の変更

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

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

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

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

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

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

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

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

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

に書き換えます。

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

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

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

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

この機能をオフにしたい場合

同じく「設定→拡張機能」からTampermonkeyの「詳細」を開き、

image1

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

image2

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

「Twitch Screen」のリストが表示されているので、左の有効のバーをオフにしましょう。

image3

これでプレビュー機能はオフに設定されました。

解説は以上となります。

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

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

こちらの記事も合わせてどうぞ

がばぶろからのお願い

こちらのリンクからご購入いただけると、嬉しいですm(_ _)m

目の健康に

DHC ブルーベリーエキス 徳用90日分

Amazonで見る

スマホ / タブレットスタンド

MOFT X 最薄クラス iPhone Android スマホスタンド スマホホルダー スキミング防止カードケース (グレー)

Amazonで見る

楽天で見る


MOFT X パッドスタンド 10.5インチ 形隠し・折りたたみ式スマホホルダー、超軽量、最も薄

Amazonで見る

楽天で見る


Nulaxy iPadスタンド タブレットスタンド スマホスタンド 充電スタンド 折り畳み式 270°自由調整可能 4-13インチに対応 Nintendo Switchスタンド A3(ブラック)

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で見る

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!

コメント

コメント一覧 (13件)

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

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

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

  • 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.

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

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

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

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

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

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

コメントする

目次
閉じる