こんにちは、Johです。
今回は私が初めてManusを使ってのアプリ開発で作ったChrome拡張のUniversal Assistant for Geminiをご紹介させてください。
ぜひ、一度皆さんにもその便利さを体感してもらいたいです。

この作業の手間、正直もう限界でした

例えば、なにかを発信する記事を書き終えた後、サムネイル作成やSNS投稿文の準備に時間を取られていませんか。

私はその"準備"が、じわじわとストレスになっていました。

ニュース記事を読みながら「これを要約してSNS投稿文も作りたい」と思ったとき、まずスクリーンショットを撮る。AIのタブに切り替える。画像をアップロードする。「このページは〇〇の内容で……」と説明文を書く。それだけで、1〜2分消えます。

作業の合間にこれが何度も繰り返されると、集中の糸が切れていく感覚があって。

「いま見ているこの画面を、そのままAIに渡せたら」

それだけのことが、なぜこんなに面倒なのかと思い続けていました。

約30年間広告デザイナーとして働いてきた私が、GeminiやManusといったAIツールを使い始めて最もストレスだったのが、まさにこの「毎回AIに画面を説明する作業」でした。
そこで開発したのが、Universal Assistant for Gemini（以下 UAG）です。

※本ツール「Universal Assistant for Gemini 」は、Googleの公式製品ではありません。 Gemini APIを利用した非公式のサードパーティツールです。「Gemini」はGoogle LLCの商標です。

UAGで何ができるのか？

これは、Chromeブラウザの右側にいつも使い慣れているGeminiが常駐するサイドパネルとして動作するChrome拡張機能です。

今メイン画面で見ている情報—URL、ページタイトル、選択中のテキスト—これらすべてを自動でGeminiに渡し、解析させることができます。さらにManusと連携させると、ブラウザ操作まで自動化できます。

従来の作業フロー（所要時間：1〜2分）

画面をスクリーンショット
画像をアップロード
AIに説明文を入力
回答を待つ
別のツールで作業続行

UAGを使った作業フロー（所要時間：10秒）

サイドパネルのUAGに指示を出す
Geminiが自動でメイン画面を解析
必要に応じてManusに自動操作させることも可能

具体的な活用例

例1：デザイン分析が一瞬で完了
Webサイトをメイン画面で閲覧しながら、サイドパネルのUAGに「このサイトのデザインを分析して、配色・フォント・レイアウトの特徴を教えて」と指示。Geminiが即座に画面を解析して回答。クライアントへの提案資料作成が、従来より短時間でできます。

例2：Manusを連携させて競合調査を自動化
ECサイトの商品ページを開いたまま、サイドパネルで「この商品の類似商品をAmazonとメルカリで調べて」と指示。Manusがブラウザ機能を使って検索を開始し、結果を表示。せどりや転売ビジネスをしている方なら、仕入れ判断が数秒で完了します。

例3：記事の要約とSNS投稿文を同時に生成
ニュース記事をメイン画面で読みながら、サイドパネルで「この記事を300字で要約して、SNS投稿文も作って」と指示。数秒で要約と投稿文が完成。コンテンツマーケターなら、1日の投稿準備が大幅に短縮できます。

例4：海外サイトの登録画面を即時解析
苦手な英語の登録画面も、毎回スクリーンショットを撮って説明するフローから脱出。UAGが画面をそのまま読み取り、何をどこに入力すればいいかを教えてくれます。

なぜこれが画期的なのか？

OpenAIが開発した「Atlas（アトラス）」というAIエージェントをご存じでしょうか。ChatGPTと連携し、Webブラウザ上で人間の代わりにタスクを実行できるツールで、月額$20（約3,000円）のサブスクリプション型サービスです。

※UAGは、それと近い仕組みを、既存のGemini×Manusを使ってノンプログラマーの私が今回初めてアプリ開発を実現したものです。

既製品との決定的な違い

比較項目
OpenAI Atlas ：価格月額$20（約3,000円）サブスク
Universal Assistant for Gemini：先行モニターサンプル価格 980円

つまり、月額約3,000円のツールに近い機能が、先行モニターサンプル価格 980円で手に入るということです。

サイドパネル常駐の圧倒的なメリット

サイドパネルAPIを使用すると、タブ間を移動してもサイドパネルは開いたままになります。どのタブで作業していても、UAGは常に右側に常駐し続けます。

メリット①：作業の流れを止めない
従来のAIツールは別タブやアプリで開く必要があり、作業が中断されました。UAGなら、メイン画面で作業しながらサイドパネルのGeminiに指示を出すだけです。

メリット②：マルチタスクが可能
左側でWebページを見ながら、右側のUAGで分析結果を確認。同時進行で作業が進むため、生産性が上がります。

メリット③：画面を自動監視
UAGは常にメイン画面の状態を把握しているため、「今見ているページを分析して」と言うだけで、自動で情報を取得してくれます。

こんな人におすすめ

AIに画面を見せる作業が面倒な人
自分専用のAIアシスタントが欲しい人
Webデザイナー・ライター・マーケターで作業効率を上げたい人
GeminiとManusを併用している人
ノンプログラマーでもツールを自作したい人

私がこれを作った理由（開発ストーリー）

そもそもこの拡張機能制作の出発点は、「Geminiに聞きながら作業したいのに、そのたびにタブを切り替えたり、画面を見せる準備をするのが面倒すぎる」という、かなり人間くさいストレスでした。

ブラウザで何か調べものをしているときも、記事を書いているときも、「いま見ているこのページを前提に、そのまま相談できる相棒（Gemini）がいてくれたらいいのに」と、ずっと思っていたんです。

最初のプロトタイプは、かなり原始的でした。Chromeで作業している横にGeminiをタブで開いて、「いまこういうページを見ていて、こんな拡張を作りたいんだけど……」と、日本語でひたすら状況を説明していくスタイルです。URLをコピペしたり、「このページのこういうところを見てほしい」とテキストで解説したり、スクリーンショットを貼り付けたりと、とにかく"口頭で事細かに状況説明するしかない"のが、最初の壁でした。

そこで発想を少し変えました。「いちいち説明するんじゃなくて、"いま開いているページそのもの"をGeminiが直接見て理解してくれたら、一番早いのでは？」と。

この視点でGeminiに相談してみたところ、「Chrome拡張として、現在のタブ情報や表示中の内容を取得し、それをGeminiに渡す」というアプローチが見えてきました。「私がページを説明する」のではなく、「拡張がページをそのまま渡してくれる」世界に切り替えるイメージです。

ここからは、完全に"対話形式で組み立てる開発作業"でした。私はノンプログラマーなので、自分でゼロからコードを書くのではなく、Geminiに対してこんな感じで相談していきました。

「今表示しているタブのURLとタイトルを取得して、サイドパネルに送るにはどうしたらいい？」
「ユーザーが選択したテキストだけを抜き出して、Geminiに渡す仕組みを作りたい」
「ブラウザの右側に、常に同じアシスタントがいてくれるようなUIにしたい」

するとGeminiは、manifest.jsonの書き方から、どのイベントで何を取得するか、どのファイルをどう分けるかまで、かなり具体的に提案してくれます。私はその提案に自然言語で「もっとこうしてほしい」「ここはこの動きにしたい」と条件を伝え追加していきました。いわば、私が"ディレクター"、Geminiが"エンジニア"という役割分担です。

そこで得た内容を、今度はManusで実際に生成していきます。Manusのブラウザ自動操作にも手伝ってもらいながら、こちらも同様に自然言語の対話をしながら進めました。自分ひとりで調べていたら数日かかりそうなところを、AIたちが"調査担当＋プログラマー"として動いてくれることで、大幅にショートカットできた感覚があります。

要するに、私は一行もコードを"手書き"していません。やっているのは、「こういうアシスタントがいてくれたら、自分の仕事がどれくらい楽になるか」をできるだけ具体的に言語化して、そのイメージをGeminiやManusに投げ続けることだけです。

おかしいなって思ったら、そのままGeminiとManusにその内容を投げかけてブラッシュアップしていく作業をただ繰り返しただけです。

その対話の積み重ねの結果として生まれた、"AIと一緒に作るプロダクト第一号"という位置づけになりました。

さらに、Manusでの使い勝手を向上させるために、最下部にManusへGeminiの対話で得たプロンプトを直接送れるActionボタンを追加しました。これを使うことにより、今後さらにManusでの開発が楽になりそうです。

今回この様にノンプログラマーでも、こういうものが作れてしまうのを皆さんにも伝えたかったのです。ぜひ今回出来たプロトタイプを、一度使ってみてほしいと思っています。

「もしかしたらこれは、あなたの「これから始まる挑戦へのプロトタイプ」かもしれません。」

よくある質問（FAQ）

Q：完全無料ですか？
拡張機能自体は無料です。Gemini APIの利用料（Google AI Studioなら無料のモデルも使用可）が別途かかる場合があります。

Q：サポートはありますか？
ノンプログラマーが作ったツールなので、専門的なサポートは提供できません。ただし、WEEKLY JOH MAGAZINEメンバー内での情報交換は歓迎します。

Q：商用利用は可能ですか？
はい。Gemini APIの規約内であれば問題ありません。

Q：難しくないですか？
インストールは5～10分程度で完了します。Chrome拡張機能を追加したことがある方なら、誰でも導入できます。

Q：サイドパネルは邪魔になりませんか？
パネルの横をドラッグすることでサイズを自由に変更できます。また、右上の閉じるボタンをクリックすれば、いつでも非表示にできます。メイン画面とUAGで別々に拡大縮小も可能です。

Q：Manus Browser Operatorは有料ですか？
基本機能は無料で使えます。一部の高度な機能は有料プランで利用可能ですが、UAGの基本動作には影響ありません。

Q：Chrome Web Storeで配布されますか？
いいえ。本ツールは原則noteとGoogleドライブを通じた限定配布です。（※予告なく変更する場合あり）

価格と提供方法

UAG（ver.1.1.3）は、プロトタイプ（試作版）です。

通常、このレベルの機能を持つAIツールは月額3,000円のサブスクリプションで提供されますが、開発初期段階のモニター価格として、大幅に価格を抑えてご提供します。

価格設定
先行モニターサンプル価格 980円（期間限定）
（仮）正規リリース価格 | 4,980円（値上げ予定）

なぜこの価格なのか？

本来このツールは4,980円の価値があると自負しています。しかし、GeminiとManusと協力して作り上げたプロトタイプであるため、以下の理由から先行モニターサンプル価格980円でご提供します。

開発途中のため、完璧ではない
一部の環境で動作しない可能性がある
細かいバグが残っている可能性がある
開発データ等に関する細かい質問にはお答えできない
皆さんのフィードバックが今後の開発の糧になる

配布方法

購入者にGoogleドライブリンクで提供します。

免責事項

本ツールはプロトタイプ（試作版）のため、以下の点をご理解の上ご了承ください。

専門的なサポートは提供できません
動作保証はありません
一部の環境では動作しない可能性があります

購入者限定特典

記事の後半部分では、以下の内容を詳しく解説しています。

✅ 完全図解:5～10分で完了するセットアップ手順

Gemini APIキーの取得方法
Manus Browser Operatorの設定
UAGのインストールとサイドパネル設定

✅ 業種別カスタムプロンプト集

デザイナー向け:UI/UX分析プロンプト
ライター向け:記事要約・SNS投稿文生成プロンプト
せどり・転売向け:価格調査自動化プロンプト
マーケター向け:競合分析プロンプト

✅ トラブルシューティング完全ガイド

よくあるエラーと解決方法
APIキーが動作しない場合の対処法
サイドパネルが表示されない場合の対処法

🎁 ※この続きは購入で読めます。

▼ ここから先は、実際の導入手順とカスタマイズ方法を解説します。

※Universal Assistant for Geminiのダウンロードは下記からできます。