ニコニコ動画でdアニメストアの動画にアイコンを付ける方法

ブラウザ版はアイコンが付かない

ニコニコ動画でアニメのランキングを視聴する際にスマートフォンのアプリからだとdアニメストア ニコニコ支店の動画の場合は「有料」のアイコンが付いているが、ブラウザ版にはアイコンが付いていない。

dアニメストア ニコニコ支店に入会していないと当然視聴することはできないのだが、ブラウザ版だとdアニメストアの動画か見た目だけでは判別できず不便なので、dアニメストアの動画のサムネイルに「dアニメ」と表示される仕組みを作成した。

Chrome拡張機能 Stylusをインストール

ニコニコ動画でdアニメストアの動画にアイコンを付けるためにStylusというChrome拡張機能を使用する。

Stylusは下記のURLからインストールできる。

https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja

インストールしたらニコニコ動画のアニメランキングのページに移動する。

https://www.nicovideo.jp/ranking/genre/anime

移動したらstylusの新スタイル作成で以下の1行を記載して、ドメイン上のURLをnicovideo.jpにして保存する。

@import url("https://iwb.jp/s/nicovideo.css");
1行を記載して、ドメイン上のURLをnicovideo.jpにして保存

以上の手順が完了した状態でページを閲覧するとサムネイルに「dアニメ」のアイコンが付いていることが確認できる。

ただし、「dアニメ」のアイコンを付けるためのCSSファイルの内容が更新されるのは不定期でランキング100位以内になったことがある動画に限られる。

ニコニコ動画でdアニメストアの動画にアイコンを付ける方法