【ブクマ1197超！】NotebookLMリンク収集を効率化するChrome拡張をAntigravityで作ったら便利すぎた

こんにちは、れん学長です（2026年2月時点）。

先日Xを眺めていたら、高菜こんぶさんのポストが目に飛び込んできました。 NotebookLMにリンクをまとめて渡せるChrome拡張の紹介で、ブックマーク数が1197を超えているという、かなり話題のポストです。

実際にインストールして使ってみたら、これがめちゃくちゃ便利なんですよね。 Noteの記事一覧やYouTubeの動画一覧から、気になったリンクをポチポチ選んでいくだけで、NotebookLMにまとめて投げ込める。

「あ、これリサーチの世界が変わるな」と思いました。

ただ、一つだけ問題が。 無料版だと3個までしかリンクをコピーできないんですよね。

「じゃあ、自分で作ってみよう」

そう思い立って、AIエディタ「Antigravity」だけで自作してみたら、10分ちょっとで完成しちゃいました。 しかも、コードはほとんど読んでいません。

この記事では、そのツールの開発プロセスと、実際に使ってみた感想をお伝えします。 記事の最後には、メンバーシップ限定でこのChrome拡張のZIPファイルも配布していますので、ぜひ最後まで読んでみてください。

きっかけ：NotebookLMの「あの面倒くささ」

NotebookLMを使っている方なら共感してもらえると思うのですが、ソース（参照URL）を追加する作業が地味に面倒なんですよね。

1つのURLを追加するのに、

• URLをコピーして

• NotebookLMのタブに切り替えて

• 「ソース追加」→「ウェブサイト」を選んで

• 貼り付けて「挿入」

これを繰り返す。3つ4つならまだいいですが、本格的にリサーチしたい時は10個、20個と追加したくなります。

高菜こんぶさんのChrome拡張は、まさにこの問題を解決してくれるツールでした。 ブラウザ上でリンクをクリックするだけで収集してくれて、まとめてコピーできる。

ただ、無料版だと3つまで。 「これ、Antigravityで自作できるんじゃないか？」と思ったのが、今回の実験の始まりです。

実験：Note記事をAIに読ませて「スキル」を作る

今回の開発プロセスは、ちょっと面白いやり方をしています。 普通にAntigravityに「Chrome拡張を作って」と頼むだけじゃなくて、ワンステップ挟みました。

以前、私がNoteで公開した「Chrome拡張の作り方」の再現キット記事があるのですが、これをまずAIに読み込ませたんですよね。

この記事には、Chrome拡張を作るためのプロンプトや全コードが詰め込んであります。 これをAIに読ませて「Chrome拡張を作る手順書（スキル）」を生成してもらいました。

「スキルって何？」という方は、こちらの記事で詳しく解説しています。

簡単に言うと、スキルはAIへの「作業手順書」です。 一度教えておけば、同じジャンルの作業を何度でも高品質にこなしてくれるようになります。

つまり、こういう流れです。

• 私のノウハウ（Note記事）をAIに教える

• AIが「Chrome拡張を作るための手順」を理解する

• その手順（スキル）を使って、新しいツールを実装する

記事という「知識」を、スキルという「道具」に変換する。 この発想がうまくいけば、今後も自分の記事をどんどんスキル化して、ツールを量産できるようになります。

実際にスキルの生成は一発で完了しました。 しかも、以前私がChrome拡張を作った時に経験した「セキュリティレビュー」のプロセスまで、スキルの中に自動で組み込まれていたんですよね。

記事に書いていた知見が、ちゃんとAIに伝わっていたということです。これは嬉しかったです。

開発：Antigravityで15分、コーディングから完成まで

スキルができたので、早速「NotebookLMのリンクを一括で渡せるChrome拡張を作って」と指示しました。

使ったモデルはClaude Opus。 要件の整理からコード生成、アイコン作成まで、全部自動でやってくれます。

まず最初のバージョン（v1.0）が出来上がりました。 ポップアップ型で、拡張機能のアイコンをクリックすると小さなウィンドウが出て、「このページを追加」というボタンでURLを収集する仕組みです。

動作はちゃんとしているのですが、正直ちょっとイメージと違いました。 ページを追加するたびにタブを切り替えないといけなくて、元のChrome拡張の「サイドバーでポチポチ選べる」という体験とは違うんですよね。

そこでAntigravityに「サイドパネルに変えて」と伝えたところ、バージョン1.1としてサイドパネル型に生まれ変わりました。

これが大正解でした。

ブラウザの右側にパネルが常駐して、「リンク収集モード」をONにするだけ。 あとはページ上のリンクをクリックしていくと、どんどんサイドパネルにURLが追加されていきます。

収集モードをOFFにすれば普通にリンクをクリックできるので、作業の邪魔にもなりません。

さらに、セルフコードレビューの結果、セキュリティの改善点も自動で修正してくれました。 escapeHTMLの適用漏れやパフォーマンスの問題も、スキルに組み込んだノウハウのおかげで一発で検出・修正されています。

使ってみた感想：リサーチが劇的に変わる

完成したツールを実際に使ってみると、想像以上に快適でした。

• Noteの記事一覧を開いて、気になる記事をポチポチ → 一括コピー → NotebookLMに貼り付け

• YouTubeの動画一覧でも同じことができる

• 「リッチコピー」を使うと、URLだけでなくページタイトルも一緒にコピーされる

特にリッチコピーは予想外に便利でした。 Markdownファイルに貼り付けると、タイトル付きのリンクリストがそのまま出来上がるんですよね。

NoteだけじゃなくてYouTubeやその他のサイトでも使えるので、複数のソースを横断してリサーチする時にかなり重宝します。

注意点：個人開発のツールです

便利なツールではありますが、いくつか注意点もあります。

• Chromeウェブストアには公開していない「野良拡張機能」です。インストールにはデベロッパーモードを使う必要があります

• 動作保証はありません。環境によってはうまく動かない可能性もあります

• 外部通信は一切行いません。データは全てローカル（PC内）で完結します。プライバシーの心配はありません

こんな使い方ができそう

• NotebookLMで競合分析をする時に、複数の記事や動画をまとめて投入する

• ブログのネタ探しで、気になった記事のリンクをストックしておく

• 読み返したいページをサッと収集して、後でまとめて読む

NotebookLM以外の場面でも「リンクをまとめてコピーしたい」というシーンは意外と多いので、汎用的に使えるツールだと思います。

🎬 動画で見たい方へ

記事では伝えきれない「実際の開発画面」や「ツールの操作感」は動画で解説しています。 Antigravityでスキルが生成される瞬間や、サイドパネルでリンクを収集する様子は、見ていて楽しいと思います。

▶️ 動画はこちら：
https://www.youtube.com/watch?v=MpGEmnXrNkU

まとめ

• Xで話題のChrome拡張（ブクマ1197超）を参考に、自分でも自作してみた

• Note記事をAIに読ませて「スキル化」する新しい開発フローを試した

• Antigravityだけで、コーディングからコードレビューまで15分で完成

• サイドパネル型のリンク収集モードが予想以上に便利だった

要は、自分の知識（記事）をAIに渡して「道具」に変えるということですね。 この流れがうまく回ると、「記事を書く → スキル化する → ツールが生まれる → また記事になる」というサイクルが作れます。

もし「こんなChrome拡張を作ってほしい」というリクエストがあれば、ぜひ

コメント欄で教えてください。 次の実験のネタにさせていただきます。

この記事が参考になったら、いいねで教えてください。 次回もAIツールの実験レポートをお届け予定です。お楽しみに！

それではまた、れん学長でした！

📚 メンバーシップについて

この記事は「れん学長のAI資料室」メンバー限定コンテンツです。

メンバーシップでは、この記事のような再現セットやコピペパック、他にも実践的なAI活用のノウハウを随時追加しています。

👉 メンバーシップの詳細はこちら：
【完全ガイド】れん学長のAI資料室へようこそ

毎月25-28日頃に「資料室だより」を掲示板に投稿しています。今月の追加・アップデート情報をまとめてチェックできます。

🎁 メンバーシップ限定：Chrome拡張のダウンロード

ここから先は、メンバーシップ「れん学長のAI資料室」の特典エリアです。 今回作成したChrome拡張機能「NotebookLM Link Collector」のZIPファイルをダウンロードできます。