メインコンテンツへスキップ
見出し画像

【ニコニコ動画用 スクリプト配布】動画視聴を超快適に・便利機能を追加する

    ニコニコ動画をより快適に視聴するためのブラウザ用ユーザースクリプト
     『ニコニコ - Clean View』
    を公開しました。



    【最新版】v1.1(2026年9月4日公開)


     【スクリプトの導入方法】




    ◆ 機能紹介 ◆

    スクリプトの機能を簡潔にご紹介。
    それぞれの機能は個別にON / OFF が可能です。

    画像



    【コメントスキン】機能

    コメントの表示スタイルを変更できます。

    ニコニコ動画ならではのコメントの醍醐味は残しつつ、「コメント邪魔」問題を解消します。

    画像
    Before
    画像
    After


    画像
    画像
    プリセットも色々あります




    【シアターモード】機能

    「YouTubeのシアターモード」的な表示モードを追加します。

    動画に集中しやすくなったり、縦画面でも視聴しやすくなったりします。

    画像
    Before
    画像
    After


    画像
    Before
    画像
    After



    【要素を非表示】機能

    「ヘッダー」や「ボタン」、おすすめ動画欄の「お知らせ」など、さまざまな要素の表示を ON / OFF できます。

    画像


    画像
    Before
    画像
    After
    不要に感じる要素は非表示に。




    【表示ルール】機能

    検索欄・再生リスト・おすすめ欄 などで、対象動画の表示方法を変更する機能です。

    画像

    ■ ユーザーミュート・ワードフィルタ機能
    指定ユーザーの投稿や、指定ワードをタイトルに含む動画を「背景色を変えて表示」「ワンクッション表示」「完全に非表示」等にできる機能です。

    ■ ハイライト機能
    指定ユーザーの投稿や、指定ワードをタイトルに含む動画を「目立たせて表示」できる機能です。

    ■ 視聴・いいね済み動画
    視聴済み・いいね済みの動画を「わかりやすく表示」できる機能です。




    【テーマ】機能

    サイトの見た目を変更する系の機能です。
    主に【シアターモード】時の使用を想定しています。


    • サイト全体の配色を変更(Beta)
      ダークモード風の表示などが可能です。
      現時点では動作確認が不十分なため、ベータ版扱いの機能です。

    画像
    画像
    画像



    • プレーヤー操作バーを動画の下に表示・塗りつぶす

    画像
    Before
    画像
    After



    • 動画アクションバー 配色を変更

    画像
    Before
    画像
    After
    画像
    マウスオーバー中以外は目立たせない、といった設定も可能



    • 「いいね!」済みの場合、いいねボタンの配色を変更

    画像


    その他、以下の設定も可能です。

    • ヘッダーを塗りつぶす

    • 動画タイトル下を塗りつぶす

    • 表示準備完了まで画面全体を塗りつぶす

    • 再生リストの「現在の再生動画」の配色を変更




    【その他】機能

    動画視聴に便利な機能を追加します。


    • ボタンを追加

    動画下の操作バーに、以下のボタンを追加できます。

    ・「音量ブースト」ボタン
    ・「スクリーンショットを保存」ボタン
    ・「コメントスキンを ON / OFF にする」 ボタン

    画像
    画像


    コメント入力欄の横に、以下のボタンを追加できます。

    ・「次の動画」ボタン
    ・「マイリストに追加」ボタン
    ・「あとでみる」ボタン
    ・「シアターモード切替」 ボタン

    画像



    • 再生時に動画タイトルを表示

    画像


    その他、以下の便利機能も追加できます。

    • 再生開始時、他の動画を一時停止する

    • 動画画面をダブルクリックで全画面表示を切替

    • 修飾キー & マウスホイールで再生速度を変更

    • シークバーの操作判定を拡張(操作しやすく)

    • ニコニ広告ウィンドウの調節(ウィンドウの表示位置・サイズ等を変更)

    • ロゴ or ヘッダーをクリックで任意のURLを開く





    ◆ 機能解説・補足 ◆

    「触ればわかる!」なスクリプトですが、少し分かりにくい点や、知っておくとより便利な機能についてを補足します。

    スクリプト導入後、時間に余裕があればご一読ください。


    画像

    スクリプトを導入すると、サイト画面右下に「設定画面を開く」ボタンが表示されます。
    また、デフォルトでは「Alt + Q」でも設定画面を開けます。


    画像

    設定画面最上部の「バージョン表記」をクリックすると、このページが開きます。




    【コメントスキン】関連

    画像

    設定画面のほか、シークバー下の「コメントスキンをON / OFFにする」ボタン からも、コメントスキン機能のON / OFFを切り替えられます。

    キーボードショートカットによる「コメントスキンのON / OFF」「プリセットの切り替え」も可能です。


    画像

    【プリセットの自動切り替え】
    画面の向きや、全画面状態に応じてプリセットを自動的に切り替える機能です。デフォルトで有効になっています。

    縦画面時にはコメントサイズを大きく、フルスクリーン時にはコメントサイズを自動で小さくする、といった運用が可能です。


    【留意点】
    コメントに「ぼかし」等の効果を適用すると、環境によっては動作が重くなる可能性があります。
    「ハードウェアアクセラレーション の ON / OFF」等、ブラウザ側の設定もご確認ください。

    行き当たりばったりで開発したため、調整項目が少しややこしくなっています。調整の際は、既存のプリセットを微調整する形でご活用ください。




    【シアターモード】関連

    画像

    【画面の向きに合わせてモードを自動切替】
    横画面の時は通常モード、縦画面の時はシアターモード、といった自動切替が可能になります。
    「横画面」か「縦画面」かは、ブラウザのウィンドウサイズによって自動的に判定されます。


    画像

    ウィンドウサイズやブラウザの拡大率によって、動画の最適な表示サイズは異なります。
    【動画プレイヤーの最大横幅】を調節することで、お好みの画面サイズで視聴できます。


    画像

    動画下要素の「2列表示」「3列表示」の切り替えや、
    各パネルの表示比率なども、お好みに応じて調整できます。




    【表示ルール】関連

    画像

    【 ユーザーページに「ミュートユーザー・ホワイトリスト・ハイライトユーザーに追加」ボタンを追加 】
    を有効にすると、 ユーザーページに各ボタンが追加されます。


    画像

    ミュート・フィルタ対象の動画は、後述の「次の動画」ボタンによるスキップ対象にすることが可能です。




    【テーマ】関連

    画像

    各機能は、【有効場面】を設定可能です。

    いずれもシアターモード時を想定して作られた機能のため、シアターモード以外では正しく機能しない場合があります。


    画像

    一部の配色系機能では、【通常時の塗りつぶし色】と【マウスオーバー中の塗りつぶし色】を個別に設定できます。

    各ボタンやヘッダーにマウスオーバーしている間だけ塗りつぶしを透明にし、表示を明るくするといった設定が可能です。




    【その他】関連


    【次の動画】ボタン

    画像

    再生リストで動画再生時、【次の動画】ボタンが表示されます。
    ボタンをクリックすると、再生リストの次の動画に移動します。

    リピート再生がONの時でも、このボタンを押すことで手軽に次の動画に移動できます。

    画像

    【次の動画】ボタンを長押しすると、【Auto】モードが有効になります。

    Autoモード中は、動画を最後まで視聴すると、「次の動画」ボタンが自動で押されます。
    設定画面から、「次の動画」ボタンが押されるまでの時間を調整できます。



    【シークバーの操作判定を拡張】

    画像

    シークバーの少し上をクリックした場合でも、シークバーを操作できるようにします。



    【ニコニ広告ウィンドウの調節】

    画像

    「ニコニ広告」ボタンを押した際に表示される、ニコニ広告ウィンドウの表示位置とサイズを変更します。開いた時の初期スクロール位置も設定可能です。




    【スクリプト設定】関連


    画像

    【塗りつぶし色を一括変更】から、各配色を一括で変更できます。



    画像

    デバッグ機能 → コメントFPS診断から、コメントスキンON時の負荷を確認できます。

    【コメントCanvasの内部解像度を下げる】等を有効にすると、動作負荷が軽くなる可能性があります。



    画像

    「設定ボタン」から、設定ボタンの位置を「最上部ヘッダー」に変更できます。
    ヘッダーの塗りつぶしON時には、マウスオーバー時のみ表示されます。



    画像

    【現在の設定を「初期設定」とする】ボタンを押すと、各設定項目のデフォルト値を現在の設定で上書きできます。
    以後、リセットボタンを押した際には、その値へ戻ります。

    【「初期設定」をスクリプトの初期値にリセット】ボタンを押すと、上書きした初期設定を、スクリプト導入時の初期値へ戻せます。





    ■ Log ■

    v1.001(2026年8月21日公開)

    • 初版公開


    v1.015(2026年8月23日公開)

    • ページ表示、リロード時の安定性を向上

    • 表示ルール 設定追加

      • 【自分のマイリストページの場合、視聴済み演出を無効化】

      • 【自分のマイリストページの場合、いいね済み演出を無効化】

    • 視聴履歴ページでは「視聴済み」演出を非表示に

    • いいね!履歴ページでは「視聴済み・いいね済み」演出を非表示に



    v1.053(2026年8月24日公開)

    画像
    • 表示ルール:

      • 動画視聴ページ → 三点リーダーボタンから各リストへ追加可能に

      • 表示方法に「表示度を下げる」を追加

      • フォロー新着ページや履歴ページなどで「視聴済み・いいね済み」演出が適切に表示されるよう調整

    • その他:

      • 【ユーザーページを開いた時の表示項目を変更】設定を追加

      • 「次の動画」ボタンの表示ルール連携を強化

        • 次動画候補が「ユーザーミュート」「ワードフィルタ」「視聴済み」「いいね済み」の対象だった場合、それぞれ個別にスキップ対象へ設定可能に

    • シアターモード:タグ上下 の余白を調整可能に

    • スクリプト設定:設定画面に「UIサイズ」調整を追加



    v1.079(2026年8月28日公開)

    画像
    • テーマ:

      • タグの色を変更 機能を追加

        • 大百科記事があるタグ、ないタグ を色分け可能

    • 表示系の不具合を解消



    v1.1(2026年9月4日公開)

    画像
    • その他:

      • 【修飾キー & マウスホイールで再生速度を変更】

        • 再生速度の表示位置や操作方法を大幅に拡張

        • YouTube風の「動画長押しで一時的に倍速」機能を追加

      • 【フォローボタンクリック時、確認画面を表示】機能を追加




    ■ 関連 ■



     
     

    Rwi

     
     
    趣味でnoteをやっている者だ! ゲーム・音楽制作・PC関連・読んだ本など。 行き場のない知見や感想を放流します。 Amazonアソシエイトプログラム参加中

    あなたへのおすすめ