Max Nardit
AI エージェント

Share2Agent で Web ページを Aider に送る方法

ドキュメント、エラーページ、API リファレンスを Aider のセッションに供給します。Share2Agent はクリーンなページコンテンツを抽出し、Aider のコンテキストに /add または --read で追加できる Markdown として保存します。

前提条件

  • Aider がインストール済み (aider.chat)
  • Share2Agent Chrome 拡張機能がインストール済み
  • Python 3.10+ と PyYAML (pip install pyyaml)

ステップ 1: レシーバーをセットアップする

bash
git clone https://github.com/mnardit/share2agent.git
cd share2agent/examples/receiver
pip install pyyaml

ステップ 2: ページをプロジェクトディレクトリに保存する

レシーバーがプロジェクト内の references/ ディレクトリに書き込むようにします。

bash
export PAGES_DIR=~/my-project/references
python3 -u receiver.py

レシーバーはポート 9876 で待ち受け、共有された各ページを YAML フロントマター (URL、タイトル、タイムスタンプ、コメント) と抽出されたテキストを含む .md ファイルとして保存します。

ステップ 3: Share2Agent を設定する

  1. Chrome で Share2Agent 拡張機能のアイコンをクリックします。
  2. Settings を開きます。
  3. Webhook URL を http://localhost:9876 に設定します。
  4. 保存します。

ステップ 4: ページを共有する

  1. Aider に見せたいドキュメント、GitHub Issue、エラーページを開きます。
  2. Share2Agent のアイコンをクリックします。
  3. 必要な内容を コメント に書きます (例: 「このパターンを我々のコードベースに実装して」)。
  4. Share をクリックします。

ページは次のように保存されます。

~/my-project/references/2026-03-28-1430-flask-error-handling.md

ステップ 5: Aider に追加する

Aider にファイルを編集させるか、コンテキストとして読ませるだけかによって、2 つの選択肢があります。

オプション A: 読み取り専用リファレンス (/read)

保存したページが Aider に参照させるドキュメントで、変更されたくない場合はこちらを使います。

/read references/2026-03-28-1430-flask-error-handling.md

Aider はファイルをコンテキストに追加しますが、編集対象には含めません。

オプション B: チャットに追加 (/add)

Aider にコンテンツを分析させ、編集にも使わせたい場合はこちらです。

/add references/2026-03-28-1430-flask-error-handling.md

その後、質問します。

さっき追加したエラーハンドリングのドキュメントに基づいて、
app.py を try/except ブロックではなく Flask の errorhandler
デコレーターを使うようにリファクタリングしてください。

オプション C: リファレンス付きで Aider を起動する

リファレンスファイルを事前にロードした状態で Aider を起動することもできます。

bash
aider --read references/*.md

これにより、保存されたすべてのページが起動時に読み取り専用コンテキストとしてロードされます。

Share2Agent と Aider の /web コマンドの比較

Aider には URL を取得する組み込みの /web コマンドがあります。

/web https://flask.palletsprojects.com/en/stable/errorhandling/

/web を使うとき: すでに URL を持っていて、テキストだけ素早く取得したい一回限りの参照。

Share2Agent を使うとき: JavaScript レンダリングが必要なページ、ログイン後のページ、ブラウザ抽出のほうがクリーンな結果になる複雑なページ、または後で参照するためにコンテンツを保存したい場合です。Share2Agent はブラウザでフルレンダリングされたページからコンテンツを抽出するため、/web では到達できない SPA、動的コンテンツ、認証済みページにも対応します。

ヒント

  • references/ を .gitignore に追加: これは一時的な参照ファイルであり、ソースコードの一部ではありません。
  • コメントをプロンプトとして使う: Share2Agent で書いたコメントは Markdown のフロントマターに保存されます。Aider でファイルを確認するときに、最初の意図を見直せます。
  • 複数ページをバッチ処理: Aider のセッションを開始する前に複数の参照ページを共有しておき、一括で /read します。

次のステップ

  • ラッパースクリプトを作る: --read references/*.md 付きで Aider を起動するシェルエイリアスを作れば、毎回最新の保存ページが自動でロードされます。
  • 古いリファレンスを自動削除: cron ジョブを追加し、references ディレクトリ内の 7 日以上経過したファイルを削除します。
  • Aider の Git 連携と組み合わせる: GitHub PR の差分ページを共有し、Aider に追加して変更内容のレビューを依頼します。
Share2Agent で Web ページを Aider に送る