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

【note用 スクリプト配布】ユーザーミュート・ワードフィルター・サイド目次・メモ機能等を追加する

    noteをより快適に閲覧するための、ブラウザ拡張スクリプト
     『note - Clean View』
    を公開しました。



    【最新版】v2.3(2026年9月6日公開)


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




    ◆ 機能紹介 ◆


    【ミュート・フィルター機能】

    画像

    以下の記事を、note上から完全に非表示にできます。

    • 「指定ユーザー」の投稿記事

    • 有料記事

    • メンバーシップ限定記事

    • 「指定ワード」をタイトルに含む記事

    完全に非表示にする以外にも、以下のように表示スタイルを変更することも可能です。

    画像



    【閲覧済み・スキ済み記事】

    画像
    左:未読  中:既読  右:スキ済み

    以下の記事について、それぞれ表示スタイルを変更できます。

    • 「閲覧済み」の記事

    • 「スキ済み」の記事


    画像

    「閲覧履歴」と「スキ履歴」も搭載。
    履歴の検索や、元記事への移動も可能です。



    【要素を非表示】

    画像

    note上のさまざまな要素を、個別に非表示にできます。




    【ハイライト機能】v2.0 ~

    画像

    「特定のユーザーによる投稿」または「特定のワードをタイトルに含む投稿」を目立たせる機能です。



    【サイド目次】v2.0 ~

    画像

    記事ページの横に、常時表示される小さな目次を追加します。



    【サイドボタン】v2.2 ~

    画像

    記事ページの横に、押しやすい「スキ」「記事を追加」ボタンを追加します。



    【リーディングリスト機能】v2.0 ~

    画像

    後で読みたい記事を一時的に保存できる「リーディングリスト」機能を追加します。



    【メモ機能】v2.0 ~

    画像

    メモを残せるテキストエリアを追加します。

    noteのMarkdown記法にも対応。
    note本文からメモ機能へ、または、メモ機能からnote本文へ、書式を保ったままコピー&ペーストできます。



    【読書進捗】v2.0 ~

    画像

    記事の読了率を表示します。
    「ページを再表示したとき、自動的に前回位置へ移動する」オプションも搭載しています。



    【記事編集支援】v2.2 ~

    画像

    独自の「プレビュー」ボタンを追加します。
    ボタンを押すと、
     プレビュー画面を開く → 現在の目次位置までスクロール
    が自動で行われます。

    また、編集画面を再び開いたとき、「前回の目次位置へ自動復帰する」機能も追加します。


    画像

    記事下書き・編集時専用の「編集メモ機能」も搭載。定型文等に。



    【ダークモード対応】v2.2 ~

    画像

    ダークモードにも対応。
    noteのカラーモードに合わせて、各配色も自動で切り替わります。



    【その他】v2.2 ~

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


    画像
    noteの配色を変更(Beta)




    ◆ 機能解説・補足 ◆

    「触ればわかる!」なスクリプトですが、
    少し分かりにくい点や、気づきにくい機能についてを補足します。


    画像

    設定画面上部の「バージョン表記」を押すと、このページが開きます。
    その隣にある矢印ボタンを押すと、設定画面を左右に移動できます。


    画像
    画像
    「ミュート中ユーザーのコメントもミュート」ON時
    コメント欄でも、対象ユーザーのコメントにミュート表示が適用される。

    ユーザーID:noteのURLに使われる固有の文字列です。特定のユーザーを正確に判定できます。

    表示名:プロフィールに表示される名前です。変更可能で、同じ名前のユーザーも対象になる場合があります。

    note pro 独自ドメイン:一部のnoteユーザーは、記事のURLが「note.com」ではなく、独自のドメインになっています。そのようなユーザーでも、記事内に表示されるミュートボタンからユーザーを登録できます。



    画像
    画像
    「記事本文・ハッシュタグに含まれる場合、警告する」ON時
    記事ページを開いた際に、記事内に登録ワードが含まれていれば警告が表示されるようになる。


    ホワイトリストについて

    • ワード:登録した言葉が記事タイトルに含まれている場合、その記事をフィルター対象から除外します。
      「〇〇についての投稿は必ず見たい!」という場合に便利です。

      【ミュート中ユーザーにも適用】をONにすると、ミュート中のユーザーの記事であっても、ホワイトリストのワードをタイトルに含む場合は表示されるようになります。

    • ユーザー:登録したユーザーの記事を、フィルター対象から除外します。
      「この人の投稿は全部見たい!」という場合に便利です。



    画像

    履歴について

    閲覧履歴に記録されている記事が、本スクリプト上で「閲覧済み」の記事として扱われます。

    「履歴の最大数」の初期値は10000件です。
    最大数を減らすと、動作が軽くなる可能性があります。



    画像

    ぼかし中の記事は、ホバーによる表示切り替え待機中でも、記事をクリックするとすぐに表示できます。


    画像

    設定ボタンの位置を「ヘッダー」にした場合は、ページの最上部を表示している間だけ設定ボタンが表示されます。


    画像

    以下のボタンを押すと、詳細な設定画面が開きます。

    • 各リスト・履歴の「一括削除」ボタン

    • 「設定のインポート」ボタン

    • 「設定を初期設定に戻す」ボタン

    処理する対象を選んだり、項目ごとに設定を変更したりできます。


    画像

    すべての機能は、設定画面から個別にON/OFFを切り替えられます。使用しない機能をOFFにすると、動作が軽くなる可能性があります。



    ■ 謝辞 ■

    当スクリプトはこちらの2つのスクリプトを元に、それぞれの良いところを取り入れつつ、さまざまな機能を追加した魔改造スクリプトです。


    また、ブラウザ拡張機能「おだやかTwitter」からも、機能の着想を得ています。

    素晴らしいスクリプトや拡張機能を公開してくださった皆さまに、心よりお礼申し上げます。



    本スクリプトは単一のスクリプトファイルで構成されているため、一般的なブラウザ拡張機能と比べて、内容を確認・改変しやすいのが特徴です。

    今後、note側の仕様変更によって動かなくなった場合でも、AIなどを活用することで、専門的な知識がない方でも不具合の修正や機能追加に取り組みやすくなっています。

    そのまま利用するのはもちろん、さらなる改造なども含め、ご自由にご活用ください。



    ■ Log ■

    v1.0(2026年7月19日公開)

    • 初版公開


    v2.0(2026年8月3日公開)

    • ハイライト、サイド目次、サイドスキボタンを追加

    • リーディングリスト、メモ、読書進捗機能を追加

    • 記事編集支援機能を追加

    • 「要素を非表示」で、記事ページ内の対象要素を拡充

    • 設定画面や各パネルの位置・サイズ・透明度などを細かく調整可能に

    • ショートカットキー機能を追加

    • 処理の軽量化、データ保存の安定性を改善


    v2.1(2026年8月9日公開)

    • 【サイド目次】

      • 記事最下部へ移動できる「フッター」を追加

      • 見出しがない記事でもサイド目次を表示できる設定を追加

    • 【要素を非表示】

      • 記事ページ:本文以外のほぼすべての要素を非表示にできるように

    • その他

      • ミュート・フィルター機能の判定精度を向上

      • 各種不具合の修正と動作の軽量化


    v2.2(2026年8月16日公開)

    画像
    • 【新機能】

      •  サイド「記事を追加」ボタン を追加

      • 「ロゴ or ヘッダーをクリックで任意のURLを開く」機能を追加

      • note公式のダークモードに対応

      • UIの配色変更にも対応

        • 各ボタンやメモ画面等の配色を変更できるように

        • 「noteの配色を変更」機能も仮作成

    • 【メモ機能】

      • タブ機能を実装

      • 記事編集時専用の「編集メモ」画面を追加

      • 設定画面の設定項目を増強

    • その他

      • 設定画面を使いやすく刷新

        • リセットボタン、設定プリセット、現在の設定を「初期設定」とする機能等も追加

      • 各種不具合の修正と動作の軽量化



    v2.3(2026年9月6日公開)

    画像
    • サイド目次や各種ボタン等

      • 横画面時/縦画面時で、表示位置などの設定を別々に保存できるように

    • 設定画面

      • 「UIサイズの調整機能」や「Undo機能」を実装

    • 各種不具合の修正




    【追記】

    本スクリプトのメイキング記事も公開しました。

    スクリプトを自分好みに改変したい方や、同じようなツールを作ってみたい方に向けて、制作方法などを紹介しています。



    【勝手に紹介】


     
     

    Rwi

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

    あなたへのおすすめ