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

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

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

JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

「Tampermonkey」のインストール方法

Chromeウェブストアから「Tampermonkey」をインストールします。

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

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

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

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

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

拡張機能のツールバー内に追加されればOKです。

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

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

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

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

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

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

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

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

使い方

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

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

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

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

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

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

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

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

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

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

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

一時的に「JavaScript」を停止させたい場合は、「Tampermonkey」アイコン→登録したスクリプト(Remove watched programs for TVer)を左クリックします。オフになるので、一度ページをリロードします。リロードした後、視聴済み動画が一緒に表示されます。

スクリプトの削除方法

「Tampermonkey」アイコンを左クリック→「ダッシュボード」をクリックします。

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

インストールしているスクリプトが一覧表示されるので、消したいスクリプトの右端にあるゴミ箱アイコンをクリックします。削除されます。

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

感想

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

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

JavaScript