広告を利用しています

当サイトは広告を掲載しています。消費者庁が2023年10月1日から施行した景品表示法の規制対象（通称:ステマ規制）にならないよう配慮して記事を作成しています（記事はこちら、消す方法はこちら）

【TVer】嫌いな特定の番組を非表示にするCSS。邪魔なのは消そうぜ！

Stylebot&Stylus(CSS)

「TVer（ティーバー）」のアイコン画像

この記事では、PCウェブサイト版「TVerティーバー」のトップページ、ジャンルで絞った時の検索結果に表示される気に入らない特定の番組・エピソードを非表示にするCSSを書きます。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebotスタイルボット」や「Stylusスタイラス」を利用します。

【TVer】嫌いな特定の番組を非表示にするCSS。邪魔なのは消そうぜ！

PCウェブサイト版「Tverティーバー」を開くとトップページにずらずらと番組タイトルとサムネイルがタイル状で表示されます。

PC版「Tver」のトップページに表示される見たくない番組のサムネイル画像

上部の「さがす」→ジャンル内のドラマやバラエティをクリックした時の一覧にもずらっと表示されます。

僕は普段利用していないのでまぁいいっちゃいいんですが、たまーに開いた時、嫌いな芸人や俳優が出ている番組、気持ち悪いタイトルなどが目に入って「うげー」ってなってしまいました。

YouTubeには「YouTubeフィルタ」というくっそ便利な拡張機能があるので、もしかしたら「Tver」にもそういうブロック系の拡張機能があるかなと調べてみましたが、記事執筆時点では見つけられませんでした。

僕は拡張機能を作成できないので少々読者の皆さんに手間をわずらわせてしまいますが、CSSを使うことで特定の番組を非表示にできます。

他人には全く影響せず自分のPC環境上だけです。いつでもオンオフできます。拡張機能を導入できるPCブラウザ向けの内容です。スマホやタブレットのアプリ版ではできません。

前提

「Stylebot」などのCSSを適用できる拡張機能を既に導入している前提です。

Tverから特定の番組を消すCSS

スタイルシートを開く

「TVer」にアクセスします。インストールした「Stylebot」拡張機能アイコンを左クリック→「Stylebotを開く」をクリックします。

「Stylebot」拡張機能のスクリーンショット1

右側に白紙のサイドバーが表示されます。

もし初めて「Stylebot」を起動した場合は「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると白紙のスタイルシート画面を開けます。

CSSを書き込む

ベースのCSS

以下の基盤となるベースのCSSを書き込みます。

CSS
/*特定の番組非表示（2025年03月16日修正）*/
:is([class^="home-page-main"] div[class*="-item_container"],[class^="result-list_content"]):has(img[alt*="〇〇〇"]) {
    display: none !important;
}
注意点

僕は毎日のように「TVer」を利用しているわけではないので、いつの間にかコードが使えなくなっていても気づかない可能性が高いです。もし使えなくなっていた場合はお手数ですが問い合わせより連絡いただければ幸いです。

下記画像のようになればOKです。

「Stylebot」拡張機能のスクリーンショット2

当サイトの他のCSS記事はここで「はい終わり」ですが、今回の場合はただ上記のCSSを書き込んだだけだとダメです。皆さんで見たくない番組を指定する作業が必要です。

見たくない番組を指定する

スタイルシートにベースのCSSを書き込んだ状態で、「Tver」上の見たくない番組の名前をコピーします。試しに「アメトーーク！」をコピーしてみます。誤字があったら動作しないので丸々範囲選択してコピーが確実です。

PC版「Tver」で特定の番組を非表示にするCSSを作成する手順画像

コピーできたらベースのCSSにある「〇〇」の部分を削除してそこに貼り付けます。置き換える作業ですね。

「Stylebot」拡張機能のスクリーンショット3

前後にある記号やら文字を間違って削除しないよう注意です。削除しちゃった場合はもう一度ベースのCSSをコピペしてください。

「アメトーーク！」の場合は以下のようになります。

CSS
/*特定の番組非表示（アメトーーク！）*/
[class^="home-page-main"] div[class*="-item_container"]:has(img[alt*="アメトーーク！"]) {
    display: none !important;
}

最初の「特定の番組非表示（アメトーーク！）」はコメントアウト、すなわちCSSには関係しないメモみたいなものなので、大量にCSSを複製して書き込む場合番組名に変えて皆さんが見やすいようにしてOKです。そもそもなくてもOKです。

置き換えられたらスタイルシートの「×」を押して閉じます。

再度拡張機能ボタンを押して、登録したサイト（例：tver.jp）がオンになっていることを確認します。オンになっている間は有効になっているということです。

消えたか確認する

指定した番組がトップページから姿を消します。元々なかったかのように横にある番組が詰めてくれます。

PC版「Tver」で特定の番組をCSSで非表示にする前と後の比較画像

ただランキング系だと上に数字が表示されていてそこは変えてくれないので、4位を消したら3位のあと5位になります。「あ、ここに消した番組があったんだな」と分かってしまいます。

ベースのCSSは何回でも書き込めます。10個消したい番組があったら10個CSSをコピペしてその分番組名を書き換えます。じゃんじゃん特定の番組を消せます。

PC版「Tver」で特定の番組をCSSで非表示にした画像

一時的に無効化したい場合は、「Stylebot」拡張機能アイコンを左クリック→「tver.jp」をオフにします。完全に使わなくなった場合は、書き込んだコードを削除します。

応用でもあり注意点でもある技

応用でもあり注意点でもある技を紹介します。

「マツコ＆有吉 かりそめ天国」と「マツコの知らない世界」、「千鳥かまいたちアワー」と「いろはに千鳥」と「千鳥のクセスゴ！」…といったように、芸人や俳優などの人名が番組に入っていてそれら全部見たくない場合、番組名ではなく人名を書き込むことで一気に消せます。

PC版「Tver」で特定の人名が含まれた番組画像

例えば「マツコ」が入っている番組を全部見たくない場合は、ベースのCSSの〇〇部分を「マツコ」にします。「マツコ」という文字が含まれている番組が全部非表示になります。

同じように千鳥が見たくない場合は「千鳥」にします。千鳥かまいたちアワー、いろはに千鳥、千鳥のクセスゴ！…全部消えます。

いちいち番組ごとで何個もCSSを書かなくていいので手間が省けるというメリットがありますが、一方でその名前が入っている番組を全て消してしまうので思わぬ事故が発生する可能性があるというデメリットがあります。

例えば芸人の千鳥さんを消したくて書いたのに、芸人とは全く関係ない別の意味で使われていた千鳥が含まれている番組も知らぬうちに消してしまっていた…みたいなパターンです。

芸人さん以外に千鳥って単語が使われる番組があるのかは知りませんが。あくまでそういうパターンがあるっていう一例です。

他にもその人が新しくその名前を含んだ新番組をスタートしていたとしても一気に消してしまいます。

知らぬうちに消してしまっている可能性があり自分が損する可能性があるので、基本的には番組名でいくのがいいのかもしれません。損ってのはCSSオフにした時初めて気づいて、もうその時には過去の見逃し配信が終わっていた…とかね。

【追記】「ChatGPT」にまとめて作成してもらうと楽

いちいちCSS複製→番組名コピー→貼り付け…の置換作業がめんどくさい場合は、「ChatGPT」などのAIに頼ると作業を効率化できます。

「ChatGPT」にTverの特定の番組を非表示にするCSSコードをまとめてもらっている画像

以下に僕がサンプルで作成した質問リンクを貼っておきます。開いてから各々嫌いな番組名を送ったらいい感じにコードを出力してくれると思います。

「ChatGPT」のリンク共有機能、超便利ですよね。最高です。もちろん上記リンクを開いて質問したからといって僕のほうに情報がくることは一切ありません。

【追記】探す→ジャンルページでも動作する

2025年3月に読者様より、上部の「さがす」→ドラマやバラエティなどのジャンルをクリックした時のページでも動作させたいですと連絡いただいたのでCSSを修正しました。

PC版「Tver」でジャンルごとで番組を絞り込む手順画像

上記で紹介しているCSSを使えばトップページと両方で動作します。

「Tver」関連の他記事紹介

他にも「Tver」関連の記事を書いています。気になった方は当サイトのサイト内検索等を活用してみてください。

2023年11月からお気に入りページの視聴済み動画を非表示にする機能が廃止されましたが、有志の方が作成してくださったスクリプト「Remove watched programs for TVer」を利用することで強制的に視聴済みの動画を非表示にできます。

見逃し配信動画は「Picture-in-Picture Extension」でピクチャーインピクチャーにできますが、現在進行形で配信されているライブ動画はピクチャーインピクチャーにできません。別の拡張機能を利用することでピクチャーインピクチャー化できます。

感想

以上、PCウェブサイト版「TVerティーバー」のトップページとジャンルページに表示される気に入らない特定の番組・エピソードを非表示にするCSSでした。

本当は「Tver」公式が標準でそういう機能を実装してくれたらいいんですけどね。CSSだとどうしてもいちいち番組名を指定しないといけないし、コードを書くのもめんどくさいし、サイトの仕様変更によって一瞬で使えなくなるリスクもあります。

2025年1月14日Stylebot&Stylus(CSS)

Posted by ナポリタン寿司