当サイトは、アフィリエイト・アドセンス広告を掲載しています。消費者庁が、2023年10月1日から施行予定である景品表示法の規制対象(通称:ステマ規制)にならないよう、配慮して記事を作成しています(記事はこちら、消す方法はこちら

参考:令和5年10月1日からステルスマーケティングは景品表示法違反となります。 | 消費者庁

Twitchのチャットを見やすくカスタマイズする拡張機能

2022年7月14日Twitch関連

Twitch Chat Overhaulのアイコン

この記事では、PCウェブサイト版「Twitch」のチャット欄を見やすいようにカスタマイズできるChrome拡張機能「Twitch Chat Overhaul」について書きます。

フォントサイズ、行間、文字色などを変更できます。

Twitchのチャットを見やすくカスタマイズする拡張機能

本拡張機能を導入すると、PCウェブサイト版「Twitch」のチャット送信ボックスの下に専用の設定ボタンが追加されます。クリックすると、ポップアップで設定画面が表示されます。一度設定して、セーブしておけば、次回以降の配信にも反映されます。

例えば、以下の項目を設定できます。

  • メッセージの間に境界線を引く
  • 奇数行に背景色を付ける(ストライプ模様)
  • 文字サイズの変更
  • 行間の変更
  • フォントサイズの変更

デフォルトのチャット欄が見にくい場合は、境界線やストライプをつけることで、見やすくなるかもしれません。真っ白の文字色が眩しい場合は、ちょっと暗くすることで、目に優しくなるかもしれません。

それぞれの項目は、個別にオンオフできます。フォントサイズだけの変更も可能です。本記事は、拡張機能を導入できるPCブラウザ向けです。スマホやタブレット、アプリ版ではできません。

リリース元:Stream Overhaul
記事執筆時のバージョン:1.9.1(2022年8月1日)

インストール方法

Chromeウェブストアからインストールできます。本拡張機能は、Chrome拡張機能のみの提供で、Firefoxアドオンはリリースされていません。

「Chromeに追加」をクリックします。

「Twitch Chat Overhaul」Chrome拡張機能をインストールする手順画像1

「拡張機能を追加」をクリックします。

「Twitch Chat Overhaul」Chrome拡張機能をインストールする手順画像2

拡張機能のオーバーフローメニュー内に、拡張機能ボタンが追加されればOKです。

「Twitch Chat Overhaul」Chrome拡張機能をインストールする手順画像3

使い方

PCブラウザで「Twitch」のライブ配信されている動画を開きます。いつも通り、ライブ動画の右側サイドバーにチャットが表示されます。

チャットの送信ボックス下に、チャットボタンと歯車アイコンがありますが、その左に、新しく「Twitch Chat Overhaulのボタン」アイコンが追加されています。表示されない場合は、ページをリロードします。

「Twitch Chat Overhaul」拡張機能を利用する手順画像1

クリックすると、設定画面のポップアップが表示されます。言語は英語ですが、適当に設定していたら、分かると思います。各項目を変更したら、一番下の「save settings」をクリックして、保存します。

「Twitch Chat Overhaul」拡張機能を利用する手順画像2

翻訳した文章を貼っておきます。

Add Border Between Messagesチャットの間に境界線を追加する
Add Zebra Stripes奇数行に背景色を付ける
Hide Images画像を隠す
Font size文字サイズ
Chat spacingチャットの行間
Choose Fontフォントの変更
Font styleフォントの色
Border Colorボーダースタイル
save settings設定の保存

チャットの間に境界線を追加する

「Add Border Between Messages」にチェックを付けると、各チャットの間に境界線を引きます。チャットが分離されて、見やすくなります。

境界線の色は、「Border Color」で変更できます。

「Twitch Chat Overhaul」拡張機能の「Add Border Between Messages」機能を使ってみた画像

奇数行に背景色を付ける

「Add Zebra Stripes」にチェックを付けると、奇数行のチャットに背景色を付けます。1つ飛ばしのストライプ模様で、人によっては見やすくなるかもしれません。

「Twitch Chat Overhaul」拡張機能の「Add Zebra Stripes」機能を使ってみた画像

文字サイズ

「Font size」のスライダーで、チャットの文字サイズを変更できます。デフォルトでは、一番左になっているので、右に持っていくと、大きくなります。

「Twitch Chat Overhaul」拡張機能を使って、フォントサイズを変更しているGIF画像

チャットの行間

「Chat spacing」のスライダーで、チャットの行間を調整できます。

「Twitch Chat Overhaul」拡張機能を利用してチャット欄の行間を調整しているGIF画像

フォントの変更

「Choose Font」でフォントを変更できます。いくつか用意されていましたが、どれも英語用のフォントで、日本語は変化しませんでした。英語界隈の視聴者が多いライブ配信などでは、使えると思います。

「Twitch Chat Overhaul」拡張機能を使って、チャット欄のフォントを「Oswald」にした画像

文字色の変更

「Font style」で文字色を変更できます。特定のユーザーのチャットだけ変更する…といった高度な設定はできません。一括設定のみです。

「Twitch Chat Overhaul」拡張機能を使って、文字色を変更する手順画像1

デフォルトの真っ白文字から、少し暗くして見ました。目に優しい感じがして良きです。

「Twitch Chat Overhaul」拡張機能を使って、文字色を変更する手順画像2

感想

以上、PCウェブサイト版「Twitch」のチャット欄を見やすいように変更できるChrome拡張機能「Twitch Chat Overhaul」についてでした。

個人的には、フォントサイズ、文字色の変更がありがたかったです。

2022年7月14日Twitch関連