note記事の目次を固定表示させるChrome拡張機能を作った

2026年7月5日 01:13

今回はnote記事の目次を右下に固定表示させて、見出しを確認したりジャンプできるChrome拡張(※非公式)を作ったので紹介です。

既にデフォルトで目次機能はあるのですが、基本的に記事の前半に埋め込まれていることが多いので、見出しを確認したりジャンプするのは毎回戻る必要があります。

そこで、今回作ったChrome拡張を入れることにより、画面右下に目次が固定表示されるため、どのタイミングでも見出しを確認したりジャンプすることができます。

無料で配布してるので興味あったら試してみてください！

※本記事の最終更新：2026/7/18

無料配布とセットアップ

Chrome Web Storeから簡単にインストールできます！

今回のChrome拡張機能についてソースコードはGitHubにて公開しており、誰でも改変や追加実装が可能です。

git clone https://github.com/yuki-dev26/note-fixed-toc.git

また、Gitでのクローン以外にも上記リンクから.zipをそのままダウンロードすることもできます。

READMEにも記載してありますが、この拡張機能を使えるようにするため、デベロッパーモードONと有効化の手順を解説します。（GitHubからダウンロードした場合）

①Chromeブラウザを開く

②アドレスバーに「chrome://extensions/」と入力してアクセス

③画面右上にある「デベロッパーモード」のトグルスイッチをクリックしてONにする

④Chromeの拡張機能ページ（chrome://extensions/）で「パッケージ化されていない拡張機能を読み込む」をクリック

⑤ダウンロード（またはクローン）したフォルダ（note-fixed-toc）を選択

⑥拡張機能が有効化されます

このChrome拡張機能でどんなことができるのか紹介します。

note記事の見出しをもとに目次が生成されます。
これは右下に固定されて縮小することも可能。

※目次が無い記事でも見出しをもとに生成しますが、そもそも見出し設定がされていない場合は生成されませんので注意

右下に固定表示される目次で見出しの箇所をクリックすることで、その見出しのところまでスクロール移動されます。（読みたい見出し箇所まで一気にジャンプすることが可能）

また、現在見ている箇所の見出しもハイライトされて分かるため、記事の構成や参照状況を把握しつつ読むことができます。

最終更新日：2026年7月18日

note Fixed ToC は、note の記事ページで目次を表示する非公式の Chrome 拡張機能です。

■ データの取り扱い
本拡張機能は、ユーザーの個人情報や閲覧データを収集・送信しません。
外部サーバーへの通信も行いません。

■ 端末内の保存
ライト / ダークモードの設定のみ、ブラウザ内（localStorage）に保存します。この情報は外部へ送信されません。

■ 動作について
記事ページの見出しを読み取り、端末内で目次を表示します。
見出し内容を開発者側に保存・送信することはありません。

■ 第三者への提供
ユーザーデータを第三者へ販売・転送しません。

■ お問い合わせ