入会金0円／契約期間の縛りなし
セミナー開催レポートブログ
Chrome拡張機能は、プログラミングの経験がなくてもAIと一緒に作れます。GeminiやChatGPTに作りたい物を伝えて、設定を書く「manifest.json」と動きを書く「content.js」のコードを出してもらいます。それをフォルダに保存してChromeに読み込めば、ストアに公開しなくても自分のブラウザで使えます。エラーが出ても、エラー文やスクリーンショットをAIに渡せば直し方を教えてもらえます。ただし、公開されている拡張機能が必ずしも安全とは言い切れず、自分で作った物を公開するときも個人情報の扱いに注意が要ります。
2026年3月30日のProcevoのセミナーでは、講師のサウスさんが、拡張機能の仕組み、Geminiで作って公開した拡張機能の事例、業務での使い方を紹介しました。そのうえで、ページ上で選んだ文字の数を数える拡張機能をAIで作り、ブラウザに読み込んで動かすまでを、受講者が手を動かすワークショップの形で進めました。
Chrome拡張機能は、Chromeブラウザに新しい機能を足すための小さなプログラムです。Chrome ウェブストア（https://chromewebstore.google.com/ ）から無料でインストールできる物が多く、世界中の開発者が作った拡張機能が公開されています。
代表的な使い道は、広告のブロック、Webページの翻訳、タブの整理、画面の撮影、パスワードの管理などです。Chromium系のブラウザ（Microsoft EdgeやBraveなど）でも使えるとのことです。
講師の資料によると、拡張機能は主に3つのファイルでできています。
講座のワークショップでは、manifest.jsonとcontent.jsの2つだけを使いました。サウスさんによると、コードの中身はほとんど分からなくても、どのファイルが何をしているかさえ押さえておけば作れたそうです。
作れます。サウスさん自身も、Geminiと相談しながら作ったNotebookLMの拡張機能「Bookshelf for NotebookLM」をChrome ウェブストアで公開しています。講師の資料（講座の時点）によると、ダウンロード数は25,000を超えたそうです。NotebookLMはGoogleのAIノートのサービスで、2026年7月に名前が「Gemini Notebook」に変わっています（Googleの発表 https://blog.google/innovation-and-ai/products/gemini-notebook/notebooklm-gemini-notebook/ ）。
この拡張機能はNotebookLMのノートが増えて探しにくくなる悩みに対して、サイドバーにフォルダで整理する機能を足すものです。ドラッグ＆ドロップでの移動、階層のあるフォルダ、リスト表示、別のブラウザとの同期、ダークモード、まとめて追加・削除する機能などは、利用者のレビューや要望を受けて少しずつ足していったとのことです。
AIとの開発は講師のスライドで次の4つの繰り返しとして紹介されました。
最初の版は、フォルダの表示が画面の大半を占めて使いにくかったそうです。直しを重ねて、クリックするとサイドバーが出てくる今の形になりました。
拡張機能は、公開されているサービスを便利にするだけでなく、自分専用の業務の道具にもなります。サウスさん自身の例として、次の2つが紹介されました。
スライドでは、拡張機能はPower AutomateやGoogle Apps Script（GAS）などと同じように、自動化の選択肢の1つとして使えるとまとめられています。サウスさんは、繰り返しの作業で困ったときに「拡張機能でも作れるかもしれない」と思い出してほしいと話していました。GASとAIで業務を自動にする例は「GASとAIでGoogleフォームの自動返信を作る｜claspとCursor」で扱っています。
講座では、AIエージェントのManusで調べた人気の拡張機能の一覧が共有され、いくつかが紹介されました。作りたい物のヒントとして、今ある拡張機能を知っておくことが勧められています。
講座のワークショップの題材は3つでした。全員で取り組む「文字数カウンター」（15分）、希望者向けの「クリップボード履歴管理」（20分）、一覧を見ながらヒントを得て作る「拡張機能を自作してみる」です。
講師の資料では、Geminiで作る流れを「AIにお願いする」「保存する」「読み込む」の3ステップにまとめています。
動かないときも、コードを自分で読む必要はありません。講師の資料では、エラー文をコピーしてGeminiに相談し、直したコードでファイルを上書きして、拡張機能のページで「更新」を押す、という流れが示されました。
サウスさんは、エラーの画面のスクリーンショットをそのままAIに送れる点が役に立ったそうです。ページの中の要素がうまく見つからないときは、ブラウザの開発者ツール（F12キーか、右クリックの「検証」で開く画面）から該当する部分の情報をコピーしてAIに伝え、直しを重ねたそうです。
同じ「文字数を数えて」という頼み方でも、できあがりはさまざまでした。選んだ場所のそばに文字数を出すもの、単語の数や行の数まで数えるもの、ページ全体の文字数とよく出てくる語を出すもの、などです。
サウスさんは、作りながら方向が見えてきたら、改めて最初から頼み直すのも手だそうです。
講座では、文字数カウンターを発展させたサンプルも配られました。
受講者からは専門用語の多い業務のメールを読むときに、AI Dictionaryで意味を調べられるのが便利だという感想が出ました。
サウスさんによると、拡張機能で保存した設定やデータは、基本的にそのパソコンのChromeの中に保存されます。ただし、拡張機能を入れすぎるとChromeの動きが重くなり、履歴を無制限に残すとパソコンの容量を圧迫します。バランスを考えて使うよう説明がありました。
無料で便利な拡張機能が、すべて安全とは限りません。講師のスライドでは、セキュリティ企業のトレンドマイクロ（https://www.trendmicro.com/ja_jp/ ）の記事「ブラウザに潜む危険：拡張機能の悪用事例とリスクから対策を考える」を引きながら、注意点がまとめられていました。
2026年11月時点のChrome ウェブストアの公式ドキュメント（https://developer.chrome.com/docs/webstore/register?hl=ja ）では、アイテムを公開するにはデベロッパーとして登録し、1回限りの登録料を払う必要があると案内されています。講師の資料によると、登録料は5ドルです。公開した拡張機能に有料のプランを設けて収益にする例もあると紹介されました。
AIを使って非エンジニアがアプリを作り、ストアで公開するまでの流れは「iOSアプリ開発をAIで始めるには？非エンジニアが2日で公開した手順・必要なもの・費用」でも紹介しています。NotebookLMの使い方そのものは「NotebookLMの使い方｜資料に基づくAIで議事録と業務を効率化する」にまとめています。
作れます。講座では、GeminiやChatGPTに必要なファイルとコードをすべて出してもらい、保存してChromeに読み込むだけで、選んだ文字の数を数える拡張機能を作りました。サウスさんによると、コードの中身はほとんど分からなくても、Geminiと相談しながら作って公開できたそうです。
講座で使ったのは、名前やバージョン、権限などを書くmanifest.jsonと、動きを書くcontent.jsの2つです。サイドバーを出したり見た目を整えたりしたいときは、HTMLやCSSのファイルを足します。
Chromeで chrome://extensions を開き、「デベロッパー モード」をオンにして、「パッケージ化されていない拡張機能を読み込む」から作ったフォルダを選びます。これで自分のChromeで使えるようになります。
エラー文をコピーするか、画面のスクリーンショットを撮って、GeminiなどのAIに相談します。直したコードでファイルを上書きし、拡張機能のページで「更新」を押してから、もう一度試します。
2026年11月時点の公式ドキュメントでは、公開にはデベロッパー登録と1回限りの登録料が必要とされています。講師の資料によると、登録料は5ドルです。公開するときは、扱う個人情報や使うデータについての申告も求められます。
必ずしも安全とは言い切れません。講座では、信用できない配布元の拡張機能を安易に入れないこと、無料で配られている物はできれば中身を確かめることが勧められました。
アーカイブ動画はProcevoで見られます
プランは登録のあとに選べます
