ABEMA Little Tools

画質変更やNGワードなど、ABEMAをちょっとだけ便利にするかもしれない機能をまとめました。

Усталяваць скрыпт ?

Задайце пытанне, пакіньце водгук або паскардзіцеся на скрыпт.

Аўтар

midori

Усталяванняў за дзень

Усяго ўсталяванняў

676

Рэйтынг

2 0 0

Версія

Створаны

05.05.2023

Абноўлены

13.03.2026

Памер

239.4 КБ

Ліцэнзія

MIT

Ужываецца на

abema.tv

画質変更やNGワードなど、ABEMAをちょっとだけ便利にするかもしれない機能をまとめました。
Tampermonkeyをインストールしたブラウザで動作します。Chromeでの利用を推奨します。

主な機能

ABEMAのテレビ（abema.tv/now-on-air/）・見逃し視聴（abema.tv/channels/）・ビデオ（abema.tv/video/episode/）・ライブイベント（abema.tv/live-event/）などのページで下記のような機能を追加します。

ヘッダーなどの背景色を半透明にしたり文字サイズやサイドパネル幅を変更するなど、全体的に見やすくします。
サイドパネルを動画に重ねることで、ブラウザを全画面表示した時でも映像を縮小せずにコメントを表示できます。
検索欄からテレビ番組の検索結果をページ遷移せずに表示できるようにします。
新着コメントを1つずつ表示したり初回コメントや連投コメントを強調表示するなど、コメント機能を使いやすくします。
PCでも画質を変更できるようにします。また、現在の動画解像度や表示領域サイズを確認できます。
NGワード（正規表現可）を使ったりブロックする前にユーザーのコメント履歴を確認できるなど、ブロック機能を強化します。

機能の詳細は設定欄を確認してください。このスクリプトに実装した機能の大半は設定欄から有効・無効を切り替えられます。
また、一部の機能はABEMA Little Tools - Data Providerをインストールする必要があります。

設定

ページ内を右クリックしてコンテキストメニューの「Tampermonkey」→「ABEMA Little Tools」→「設定」をクリックするか、Shift+Oキー（入力欄にフォーカスしているときはAlt+Shift+Oキー）を押すと設定欄が表示されます。
項目ごとに有効・無効を切り替えられます。一部の項目はマウスカーソルを合わせるとツールチップで簡易説明を表示します。
[説明]と記載されているところをクリックすると説明文を表示します。

下記は設定欄に実装している項目です。（青い文字の項目はツールチップで簡易説明を表示します）

全般

ページを開いたとき左側のナビゲーションを縮める
左端にマウスオーバーしたときナビゲーションを表示する
右上に表示される一部の通知を閉じる
動画の解像度と表示領域サイズを表示する
ヘッダーを追従表示にする
ヘッダーやナビゲーションなどを半透明にする
ヘッダーやフッターの一部の文字サイズを小さくする
サイドパネルを動画に重ねて表示する
Shift+Bキーでサイドパネルの背景を半透明にする
サイドパネルの幅を変更する
サイドナビゲーションの視聴プランを隠す
チャンネルが追加されたら通知する

テレビ

ページを開いたとき右側のサイドパネルを閉じる
サイドパネル上端にマウスオーバーしたとき閉じるボタンを表示する
サイドパネルに記載された番組情報の詳細を常に表示する
[最初から見る・番組情報・コメント]ボタンのテキストを隠す
入力欄に視聴数を表示する
番組情報ボタンを右クリックで独自の番組情報欄を表示/非表示する
番組を見始めたとき番組情報の一部を表示する
チャンネルリストに次以降の番組を表示する
番組の検索結果をページ遷移せずに表示する

ビデオ

再生中に[次のエピソード]が表示されたらキャンセルボタンを押す
再生中に[オススメ作品]が表示されたらキャンセルボタンを押す
再生中に可能ならスキップボタンを押す
動画周辺の余白を減らす
動画のコントローラーをダブルクリックしてスクロール位置を調整

コメントを1つずつ表示する
コメントを1つずつスクロールする
コメントにマウスオーバーしたときスクロールを止める
自分のコメントとテレビでの新規コメントを強調表示する
初回コメントと連投コメントを強調表示する
コメントの文字サイズを変更する
コメント周辺の余白を減らす＆行間を縮める
Shift+Cキーでコメントリストを半透明化
Escキーで[このユーザーをブロックします]をすべてキャンセルする
Enterキーでコメント欄を開く＆コメント入力欄にフォーカスする
コメント報告フォームを開いたときそのユーザーのコメント履歴を表示する

画質

画質
- 自動
- 通信節約モード（180p）
- 最低画質（240p）
- 低画質（360p）
- 中画質（480p）
- 高画質（720p）
- 最高画質（1080p）

NGワード
NGワードに該当したコメントをブラウザのコンソールに出力する
NG ID

通信

本スクリプトで通信は行いません。その代わり、データ取得用のスクリプトABEMA Little Tools - Data Providerを用意しました。
ABEMA Little Tools - Data Providerをインストールすることで、設定欄の下記の機能が利用できます。

全般「チャンネルが追加されたら通知する」
テレビ「コメント欄に視聴数とコメント数を表示する」
テレビ「番組情報ボタンを右クリックで独自の番組情報欄を表示/非表示する」
テレビ「番組を見始めたとき番組情報の一部を表示する」
テレビ「チャンネルリストに次以降の番組を表示する」
テレビ「番組の検索結果をページ遷移せずに表示する」

既知の不具合

次の番組が始まったときに前の番組で書き込んだコメントが再び表示されることがあります。この現象が発生した場合はコメント欄を開き直してください。
見逃し視聴でコメントの強調表示が正しく行われない場合があります。

その他

全画面表示でもチャットなどを表示したいとき、右下のフルスクリーンボタンやFキーは使わずにF11キーでブラウザの全画面表示を切り替えてください。
私が公開したABEMA Auto Adjust Playback Position、ABEMA NextProgramInfo Blocker、AbemaTV restyleから一部の機能を取り込んでいます。
ブラウザのデータベース（IndexedDB）を容易に扱うため、Dexie.jsライブラリを使用しています。
下記スクリーンショット1枚目の設定欄は以前のバージョンのものです。