もうシリーズを見失わない。「Niconico-PepperMint+」を作ったので紹介します

2023年8月16日

過去にUserCSS「Niconico-PepperMint」を発表し、多くの人に利用されてから半年が経過しました。
今回はそんなPepperMintの後継である、「Niconico-PepperMint+」を紹介しようと思います！

Niconico-PepperMint+ とは？

PepperMint+は、従来のPepperMintと違い拡張機能として開発されている、ニコニコ動画向けの視覚的変更やシリーズストックなどの機能追加を行う拡張機能です。
従来の機能をほぼそのまま引き継いでおり、過去にPepperMintを使用していたユーザーも簡単に乗り換えることができます。
2023年の初旬から「UserCSSではできないことをやりたい」ということで開発が始まり、UserCSSから引き継いだものも含めて現在約32個の機能を持っています。
プロジェクトはオープンソース(MIT License)でGithubに公開されており、誰でもコードを見たり改善を提供することができます。

導入方法

従来のPepperMintと比べて遥かに簡単になりました。以下のページにアクセスして、
Chrome Webstoreの場合は「Chrome に追加」をクリック、Firefox ADD-ONSの場合は「Firefox に追加」をクリックしたら、画面の指示に従うだけでインストールは完了です。

Chromeの場合は https://chrome.google.com/webstore/detail/niconico-peppermint+/oeadnodbjplclhibppgkkijomgcgochf
Firefoxの場合は https://addons.mozilla.org/ja/firefox/addon/niconico-peppermint/

使い方

先程の手順でインストールすると、以下のページが表示されます。

「設定ページを開く」をクリックして設定ページに移動します。
ここから必要な機能を有効化したり、無効化したりできます。

ツールバーの拡張機能メニューから「Niconico-PepperMint+」を選択して、クイックパネルを開くことができます。
クイックパネルを使うと、ダークモードやプレイヤーテーマ、シアターUIの設定をすぐに切り替えられる他、ここから設定にアクセスすることができます。

「クイック設定を開く」を選択するか、上部の「PepperMint+」をクリックすると、クイック設定に移動します。

クイック設定でも設定ページと全く同じ設定を変更することができます。上部の「PepperMint+ の設定」をクリックすると、新しいタブで設定ページを開くことができます。
また、ブラウザの拡張機能管理ページから拡張機能のオプションをクリックすることでも、設定ページにアクセスできます。

PepperMint+ が持っている機能

PepperMintから引き継いだ機能まで一個一個説明するとキリがないので、ここでは新たに追加された機能やこれまで説明しなかったビッグな機能を説明します。

マーキーエリアコンテンツの置き換え: ランキング表示

マーキーエリアが利用可能な場合に、全体ランキングを表示します。100位まで表示した後はまた1位に戻ります。

シアターUI

最高の動画視聴UIがここに。コメントリストなどのパネルを右側に固定表示し、概要などはそのまま下にあります。
後述するダークモードで「SolidBlack」を指定すると、周りがほぼ完全に黒で統一され、動画への没入感を最大限に高められます。
プレイヤーも変更され、モバイルの動画プレイヤーに近くなりました。

動画とコメントは21:9基準のサイズになります。21:9でアップロードされた動画はそのまま自動で21:9いっぱいに表示されますが、それ以外の動画は縦幅に揃えられる形で表示されます。

16:9との互換性を維持するために、21:9の黒帯を被せている動画でもご心配なく。
左下の「21:9で拡大」をクリックすると、動画を21:9の横幅いっぱいになるように表示し、21:9の黒帯を隠すことができます。

Nicobox風UI

音楽視聴のためのUI。「Nicobox風UIのトグルボタンを表示」を有効化すると、左下にトグル用のボタンを表示します。
従来のPepperMintにあったNicobox風UIに比べて、シークや連続再生ができるなど大幅に強化されています。もうブックマークレットも必要ありません。

シリーズストック

一度見つけたシリーズは、もう見失わない。御存知の通り、ニコニコにはシリーズのフォロー機能がありません。
では、一ヶ月くらい立つたびに再巡回したいdアニメストアニコニコ支店のシリーズがあったとしたらどうしますか？
ヘビーユーザーならとっくに視聴履歴の200件を使い切っているでしょう。では検索するしかありません。
アニメ名でタグ検索したらMADしか埋まってない時は？<アニメ名>_dアニメストア で検索しても見つからない時は…？チャンネルページのアニメリストからさまようことになります。
シリーズストックは、これを解決するためにあります。シリーズストックを有効化したら、ストックしたいシリーズのページに移動します。

左下の「ストックに追加」をクリックします。「ストックから削除」に変わったら完了です。これでシリーズがストックされました。

PepperMint+のクイックパネルを開いてみましょう。シリーズストックにストックしたシリーズが追加されたことがわかります。
ストックしたシリーズのタイトルをクリックすると、簡単にシリーズページに移動できます。
(この機能を使う場合はツールバーにPepperMint+をピン留めしておくことをおすすめします。)

また、シリーズが登録されている動画では左下の「シリーズをストックに追加」をクリックすることでも、現在見ている動画のシリーズを追加できます。
(1.5.3時点では、視聴ページの動画移動が シリーズがある動画 <-> シリーズがない動画 だった場合にこのボタンの更新がうまく行かないバグがあります。
修正する予定ですが、この問題に遭遇した場合はリロードしてください。)

シリーズストックは、ストック中のシリーズ内の動画が視聴された場合に自動で「最後に見た動画」と「次の動画」を記録します。
そのため、簡単に最後に見た続きから見ることができます。「今何話まで見たっけ？」の時に一個くらい前のエピソードを再生して見たことのあるエピソードを見てしまう！なんてことがなくなります。

シリーズストックの内容は動画トップとニコニコホームからも確認できます。
「ロック解除」をクリックすると、自由にシリーズの順序を並べ替えることができます。

設定ページの「ニコニコ内に表示」を有効化すると、ニコニコホームと動画トップにもシリーズストックメニューを表示します。

設定の「ストック中のシリーズを管理…」から、IDとタイトルを決めて手動で追加することもできます。
ここからストック中のシリーズを並び替えたり、削除することもできます。まとめて削除したいときは選択して一括削除できるので、こっちの方が便利かもしれません。

シリーズストックの「次の動画」には注意点があります。1.5.3時点のシリーズストックは、ニコニコ動画からシリーズのリストを取得しません。
このため、次の動画は「その時動画を見た時点」の情報であり、最後のエピソードまで見た後に新しいエピソードが投稿されても、「次の動画」として表示されません。
また、ブラウザーがGoogleアカウントやFirefoxアカウントなどで同期されている場合、シリーズストックの内容も同期されます。

動画トップを2カラムで表示

その名の通り。もうマウスホイールを焼かずに済みます。

カスタム動画トップ

動画トップコンテンツの並び替えや非表示ができます。過去に隠しコマンドで有効化できた「動画トップのいきなり！動画紹介を隠す」の強化版でもあります。

ショートカットアシスト

*これ以上にない普通のニコニコ動画ライフ*

― 勉強の時間です
60秒以内に動画を一時停止しないと、あなたは死んでしまいます(笑)

…しかしスペースキーを押しても動画は一時停止されません。下にスクロールするのみです。
こういうときは偉い人に聞いてみましょう。

ChatGPTを使えと言われてしまいました。ではChatGPTに聞いてみましょう。

残念ながら役立たずでした。ブラッドハウンドくんはどうすればいいかわかりません。時間は刻一刻と過ぎていきます…

時間切れになってしまいました。ルールを守れなかったブラッドハウンドくんは、どうなってしまうのでしょうか？

 

うわああああああああああああ！！

…を防ぐためのものです。ニコニコ動画プレイヤーは、プレイヤーにフォーカスが当たっていない場合にショートカットを受け付けません。
ショートカットアシストは、プレイヤーにフォーカスが当たっていなくても、以下の機能を利用可能にします。

  • 再生/一時停止(Space)
  • シーク戻し/シーク送り(← / →)
  • コメント入力にフォーカス(C)

ダークモード/カラーパレット

ニコニコ動画内の配色を変更します。1.6.0になって点滅を抑制する一時高速適用が可能になったので、目の痛みは少なくなったはずです。
「ブラウザーに追従」を有効化すると、ブラウザーがライトの場合には無効化します。

PepperMint+にある[[BIG]]な機能はこのくらいです。他にもsp版の視聴ページをPC版にリダイレクトしたり、動画記事へつながるボタンを出したりできます。

今後やりたいこと

1.6.0

シリーズストックでシリーズリストを取得したり、クイックパネルの強化や視聴ページのバグ修正などを行う予定です。
特にシリーズストック関連は強化したい。最新のアニメをバリバリ視聴する人の助けにもなりたいので。→した

競合解消

シアターUIがコメント増量と競合するとか、プレイヤーにボタンを追加する系がMintプレイヤーテーマで崩れるのをなんとかしたい。→した

NicoPM-Section(仮)

YoutubeのSponsorBlock(not 広告ブロック)や、セクション分けなどの機能をコミュニティサイドで実装したい。もちろんその規模になるとPM+と分離する形で。
ただAuthをどうするかとか、投稿者権限をどうするかとか、そもそもバックエンド作れるくらいのサーバーと技術はあるのかなど、課題はあります。

不足している: 拡散力

PepperMintはユーザーからのフィードバックを常に求めています。
利用者への調査(アンケート)やフィードバック、バグ報告がもっと必要ですが、現状それを行うには拡散力があまりにも足りません。
そのため、よければTwitterのフォローをお願いします。また、バグや要望があれば遠慮なくIssueや問い合わせで報告してもらえると非常に助かります。

おわりに

拡張機能「Niconico-PepperMint+」の紹介でした。
シリーズストックやシアターUIなどのニコニコ動画体験を最大限に高める機能を楽しんでもらえれば幸いです！
開発への貢献や寄付も受け付けています。フィードバックがあれば気軽にどうぞ。

謝辞/リンク

勝手ながらサンプルとして引用させていただいた動画/シリーズ。問題があれば差し替えます。(お問い合わせ からお願いします)

リポジトリなどのPepperMint関連。

NiconicoNiconico,Niconico-PepperMint,シリーズ,ニコニコ,ニコニコ動画

Posted by CYakigasi