Twitchのコメントをニコニコ風にする方法【Twitch Screen Comment Scroller】
2021
10/27
こんにちは、筆者のムラスギです。
「Chrome」や「Firefox」などのブラウザに「Twitch Screen Comment Scroller」というスクリプトを導入することで、
Twitchの生放送 / アーカイブ動画でニコニコ動画のようにコメントを動画上に表示できます。
主な機能
主な機能 ・画面上に流れるコメント ・大きさ、行数、透明度、の細かい調整
Twitch Screen Comment Scroller 導入方法
ざっくりとした流れとしては、
１. chrome拡張機能の追加 ２.スクリプトをインストール
という順番で紹介します
Chrome拡張機能の追加
まずはじめに、Tampermonkeyという拡張機能 が必要になるので、
下記のリンクから追加をします ⇩
既に追加済みの方は、このステップは飛ばしてください。
↓ の画面に飛ぶので、右上の「chromeに追加」のボタンをクリックすると、 拡張機能が追加されます。
グッドスマイルカンパニー(GOOD SMILE COMPANY)
¥24,380 （2021/10/19 21:37時点 | Amazon調べ）
ポチップ
最新GPUも格安構成も自由に選べる！パソコン買うならBTOの【FRONTIER】
拡張機能 の画面を開く
追加完了をしたら、
chrome or Firefox ブラウザの「設定→拡張機能」 の画面を開きます
↑ をURLに貼り付けることでも拡張機能の画面を開くことができます。
Tampermonkeyの詳細を開き、
⬇
「ファイルの URL へのアクセスを許可する」をON にしましょう。
スクリプトのインストールをする
次に、下記のリンクから、スクリプトをインストールしていきます
導入サイトはこちら ↓
Twitch Screen Comment Scroller
「スクリプトのインストール」 のボタンをクリックし、
「インストール」 します。（↑画像は「openrec」となっていますが、手順に変わりはありませんm(_ _)m）
これで導入は完了です。
あとはTwitchの放送で、コメントが流れるか確認してみましょう！
注意：Adblockなどのコンテンツブロッカーを導入している方は、必ずオフにするように注意してください。
コメントの表示設定の変更
「流れるコメントが薄くて見辛い」
「流れるフォントの大きさを小さくしたい」 と思う方は、
インストールしたスクリプトを書き換えることにより、調整可能です。
再度、「設定→拡張機能」からTampermonkeyの「詳細」を開き、
「拡張機能のオプション」 をクリックします
↑ のページが表示されるので、「インストール済みUserScript」のタブをクリックし、
「twitch.screen…..」のリストの部分をクリックします。
すると、このようなスクリプトが表示されるので、
コメントの不透明度の数値を0.7 (16行目) コメントの最大行数を12~15あたり（17行目） に書き換えます。
(※あくまで筆者の設定なので、ここは自分の好みに合わせた数値でOKです。)
「ファイル→保存」 で変更を保存しましょう。
これでコメントの表示設定の変更は完了です。
コメントの変更が反映されているか確認しましょう。
グッドスマイルカンパニー(GOOD SMILE COMPANY)
¥23,500 （2021/10/23 12:51時点 | Amazon調べ）
ポチップ
この機能をオフにしたい場合
同じく「設定→拡張機能」からTampermonkeyの「詳細」を開き、
image1 「拡張機能のオプション」 をクリックします。
image2 ↑ のページが表示されるので、「インストール済みUserScript」のタブをクリックし、
「Twitch Screen …」のリストが表示されているので、左側の有効バーをオフにしましょう。
これでプレビュー機能はオフに設定されました。
解説は以上となります。
ネコ
当ブログは役立つ・タメになる情報や、5chまとめ記事などを更新しています ！
アザラシ
あわせて読みたい
【Twitch】チャット欄のスタンプを非表示にする方法【chrome拡張機能】
Twitchチャット欄のスタンプが鬱陶しく感じる方は少なくないと思います。 今回は、スタンプを非表示に出来る「BetterTTV」という拡張機能を紹介します。 心地よさが生ま…
日用品
タップ or クリックで展開
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
洗濯用品
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
食品・飲料
飲料
[Amazon限定ブランド] キリン LAKURASHI アルカリイオンの水 PET (2L×9本)
Amazonで見る
【Amazon.co.jp限定】 アサヒ飲料 ウィルキンソン タンサン レモン&ライム 炭酸水 500ml ×24本
Amazonで見る
サントリー クラフトボス ブラック ラベルレス コーヒー 500ml ×24本
Amazonで見る
【ちょっと高級なビールにしようか】サントリー ザ・プレミアム・モルツ [ 350ml×24本 ]
Amazonで見る
サッポロ キレートレモンサワー [ チューハイ 350ml×24本 ]
Amazonで見る
キリン 零ICHI ノンアルコール・ビールテイスト飲料 350ml×24本 [ ノンアルコール ]
Amazonで見る
[Amazon限定ブランド] 明治 ザバス(SAVAS) ホエイプロテイン ココア味【51食分】 1,071g NEXT BODY
Amazonで見る
[Amazon限定ブランド] 明治 ザバス(SAVAS) ホエイプロテイン すっきりフルーティー風味【50食分】 1,050g NEXT BODY
Amazonで見る
食品
吉野家 牛丼 [ 冷凍 ミニ牛丼の具 / 80g×20袋セット ] どんぶり (レンジ・湯せん調理OK)
Amazonで見る
江崎グリコ (糖質50%オフ) SUNAO(スナオ) 発酵バター 31g×10個 低糖質(ロカボ) お菓子 クッキー(ビスケット)
Amazonで見る
江崎グリコ SUNAO スナオ チョコチップ&発酵バター 31g(1袋あたり糖質9.2g)(約15枚入) ×10袋
Amazonで見る
宮島醤油 からだシフト 糖質コントロール グリーンカレー 150g ×5
Amazonで見る
江崎グリコ バランスオンminiケーキ チョコブラウニー 20個 栄養補助食品 ケーキバー
Amazonで見る
江崎グリコ GABA ギャバ(ミルクチョコレート)スタンドパウチ 51g×10袋(機能性表示食品)
Amazonで見る
おやつカンパニー ベビースタードデカイラーメン(チキン) 74g×12個
Amazonで見る
スポーツ＆アウトドア
タップ or クリックで展開
Amazonで見る
Amazonで見る
家電
タップ or クリックで展開
Amazonで見る
Amazonで見る
Anker製品 (信頼できるメーカーです)
Amazonで見る
かなりおすすめ！
Amazonで見る
ワイヤレス充電(置くだけ充電)も可能！
Amazonで見る
Amazonで見る
Amazonで見る
かなりオススメ！
Amazonで見る
Amazonで見る
かなりおすすめ！
Amazonで見る
Amazonで見る
おすすめ！
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
Amazonで見る
アップル
Amazonで見る
整備済み品…Apple認定の整備プロセスを経て品質が保証された新品同様の製品です。1年間の製品保証が付いています。
Amazonで見る
Amazonデバイス
Amazonで見る
Amazonで見る
パソコン周辺機器
タップ or クリックで展開
Amazonで見る
Amazonで見る
Switchなどに対応！
Amazonで見る
がばぶろぐオススメ！
Amazonで見る
11やXRなどもあります
Amazonで見る
データのバックアップに最適！
Amazonで見る
データのバックアップに最適！
Amazonで見る
Amazonで見る
医薬品・サプリメント
ゲーム
ゲーム
Amazonで見る
リビングなど
収納・便利グッズ
Amazonで見る
Amazonで見る
ホーム ・キッチン
デスク
タンスのゲン【ワンタッチ UP DOWN】 昇降式スタンディングデスク 幅120 キャスター付き ガス圧式 PCデスク ホワイト×ホワイトフレーム
Amazonで見る
タンスのゲン【ワンタッチ UP DOWN】 昇降式スタンディングデスク 幅90 キャスター付き ガス圧式 PCデスク ブラウン×ブラックフレーム
Amazonで見る
タンスのゲン【ワンタッチ UP DOWN】 昇降式スタンディングデスク 幅120 キャスター付き ガス圧式 PCデスク ホワイト×ホワイトフレーム
Amazonで見る
[山善] 昇降式 パソコンデスク (電動) 幅120cm メモリー機能 衝突検知 2モーター(静音/水平昇降) 奥行70×高さ71-117cm スタンディングデスク 組立品 ナチュラルウッド/ホワイト
Amazonで見る
あわせて読みたい
【在宅勤務(テレワーク)】おすすめの昇降式デスクを紹介[コスパ最強]
こんにちは。ガバブログ筆者のムラスギです。 在宅勤務・テレワークを始め、PCデスクで悩んでいる方に向けて、 オススメの昇降式デスクを紹介したいと思います。 その前…
タンスのゲン サイドテーブル 昇降式 幅80cm キャスター付き 高さ調節 介護用 ベッドテーブル ダークブラウン 41900005 (71169)
Amazonで見る
ゲーミングチェア
Gtracing ゲーミングチェア オットマン付き リクライニング ゲーム用チェア 多機能 ブルー 909-BLUE
Amazonで見る
オススメ！
Gtracing ゲーミングチェア オットマン付き オフィスチェア デスクチェア 収納式フットレスト 高さ調整 リクライニング ロッキング 調節可能ランバーサポート GT901BLACK
Amazonで見る
キッチン
サーモス 真空断熱タンブラー 420ml スパークリングブルー JDE-420C SP-BL
Amazonで見る
ポチップ
ネコ
アザラシ
SETTINGのボタンがないのですが、仕様でしょうか？
すいません。画像は少し前に掲載した画像で、今現在は「コメント設定」と紫文字で表示されているかと思います。
追記:修正致しました。
すみません、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つ聞きたいのですが、一度に画面に表示されるコメントの数を調整することは可能ですか？
返信おそくなってしまい申し訳ありません。
今現在では、コメント数を調整することは不可能だと思われます。
いずれスクリプトのバージョンアップをするみたいなので、期待したいですね^^
I ѡill immeԁiately clutch youг rss feed as Ӏ ｃan not fіnd уour e-mail subscription link ᧐r newsletter service.
Ꭰo you’vе ɑny? Рlease permit me realize so
tһat I may just subscribe. Тhanks.
Utterly pent ϲontent, appreciate it for informatіon.
I have read so many posts regarding the blogger lovers but this post is truly a fastidious post, keep it up.