広告を利用しています

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

【Tver】お気に入りから視聴済み動画を非表示にするJavaScript

JavaScript

「TVer(ティーバー)」のアイコン画像

この記事では、動画配信サービス「Tverティーバー」で2023年11月から廃止されてしまったお気に入りページの視聴済み動画を非表示にする機能を復活させるJavaScript「Remove watched programs for TVer」について書きます。

ウェブサイトに「JavaScript」を適用できるChrome拡張機能・Firefoxアドオン「Violentmonkeyバイオレントモンキー」や「Tampermonkeyタンパーモンキー」を利用します。

【Tver】お気に入りから視聴済み動画を非表示にするJavaScript

2023年11月に読者様から「ブラウザ版Tverで以前はあったお気に入りページの視聴済みを非表示にする機能がなくなってしまいました。何か良い方法はありませんか?」という感じの問い合わせをいただきました。

僕は滅多に「Tver」を利用しません。読者様から非表示機能がなくなったとメールをいただくまでは、そもそもそんな機能があったことすら知りませんでした。

調べてみるとお気に入りページ(https://tver.jp/mypage/fav)に、以前はあった視聴済み動画を非表示にするオプションがなくなったようです。視聴済みの動画にはプログレスバー(進行状況)が表示されています。

動画配信サービス「Tver」のお気に入りページにある視聴済み動画画像

パッと見た感じこのプログレスバーで判別すればCSSでも非表示にできそうだなと思いました。だけど僕よりももっと素晴らしい方法を提案している方がいるかもしれないと調べてみると案の定いらっしゃいました。

本記事では上記の方が作成したスクリプトを利用して、お気に入りページから視聴済み動画を非表示にしてみます。いつでもオンオフできます。標準で実装されていた時と比べて使い勝手は悪くなっているかもしれませんが非表示にできます。

本記事はPCブラウザ版「Tver」向けの記事です。スマホやタブレットのアプリ版ではできません。

任意のウェブサイトに自分で作成した「JavaScript」を実行できるChrome拡張機能「Violentmonkeyバイオレントモンキー」を利用します。(Firefoxはこちら)本拡張機能以外にも「JavaScript」を実行できる拡張機能はいくつかあります。どれでもOKです。

リリース元:角 征典GitHubX
記事執筆時のバージョン:0.1.2

インストール方法

本記事で紹介する拡張機能以外にも「JavaScript」を実行できる拡張機能はいくつかあります。どれでもOKです。本記事では「Violentmonkey」を紹介します。

Chromeウェブストアからインストールできます。

Firefoxをご利用の場合

Firefoxをご利用の方は、以下のFirefoxアドオンストアからインストールできます。

「Firefoxへ追加」をクリックします。

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

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

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

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

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

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

詳しい使い方については以下の記事を参考にしてみてください。本記事は既にインストールしてある程度使い方を知っている前提です。

スクリプトのインストール方法

「GitHub」からスクリプトをインストールできます。

アクセスしたらコードが表示されます。右上にある「Raw」ボタンをクリックします。

「Tver」のお気に入りページから視聴済み動画を非表示にするスクリプトをインストールする手順画像1

「Violentmonkey」や「Tampermonkey」拡張機能を導入している場合は、自動的にインストール画面が表示されます。「インストール」をクリックします。

「Tver」のお気に入りページから視聴済み動画を非表示にするスクリプトをインストールする手順画像2

使い方

Tver」のお気に入りページにアクセスします。既に開いている場合は一度リロードします。

PCウェブサイト版「Tver」のお気に入りページにアクセスする手順画像

お気に入りページ(https://tver.jp/mypage/fav)を開いたら、インストールした「Violentmonkey」拡張機能アイコンをクリックして「Remove watched programs for TVer」が有効になっていることを確認します。オンになっていればOKです。

「Tver」のお気に入りページから視聴済み動画を非表示にするスクリプトを使う手順画像1

オンになっている間は、100%視聴した動画がお気に入りページから非表示になります。比較画像を貼っておきます。導入前はキリンチャレンジカップ2023の動画が表示されていましたが、導入後は非表示になっています。

「Tver」のお気に入りページから視聴済み動画を非表示にするスクリプトを使う手順画像2

注意点ですが最後まで視聴した動画だけ非表示になります。

ウェブページの開発者ツールで見たときに100%じゃない動画はこれまで通り表示されます。プログレスバーが一番右、つまり100%視聴している場合にコードが発動して非表示(none)にするようになっていました。

「Tver」のお気に入りページから視聴済み動画を非表示にするスクリプトを使う手順画像3

コードを改造することで90%以上視聴している場合は非表示にする…といったように調整できます。ここらへんは分かっている方が、各自調整してみるといいかなと思います。

「Tver」のお気に入りページから視聴済み動画を非表示にするスクリプトを使う手順画像4

一時的に「JavaScript」を停止させたい場合は「Violentmonkey」アイコン→登録したスクリプト(Remove watched programs for TVer)を左クリックします。

オフになるので一度ページをリロードします。リロードした後視聴済み動画が一緒に表示されます。

スクリプトの削除方法

「Violentmonkey」アイコンを左クリック→削除したいスクリプト横の三点ボタン(⋮)→「削除」をクリックします。

「Violentmonkey」拡張機能にインストールしたスクリプトを削除する手順画像

感想

以上、動画配信サービス「Tverティーバー」でお気に入りページの視聴済み動画を非表示にするJavaScript「Remove watched programs for TVer」についてでした。

「Tver」関連の記事は他にもいくつか書いています。気になった方は参考にしてみてください。

2023年11月27日JavaScript

Posted by ナポリタン寿司