コンテンツにスキップ
Context Bro ドキュメント

クイックスタート

インストール

Section titled “インストール”

Chrome Web Storeから

Section titled “Chrome Web Storeから”
  1. Chrome Web StoreのContext Broページにアクセス（近日公開）
  2. Chromeに追加をクリック
  3. ツールバーに拡張機能をピン留め

ソースコードから（開発者向け）

Section titled “ソースコードから（開発者向け）”
Terminal window
git clone https://github.com/DoodleBears/ContextBro.git
cd ContextBro
pnpm install
pnpm run build

chrome://extensions で .output/chrome-mv3/ ディレクトリを読み込みます。

最初のエンドポイントを設定

Section titled “最初のエンドポイントを設定”
  1. Context Broアイコン → 設定（歯車アイコン）をクリック
  2. Endpoints タブに移動
  3. + Add endpoint をクリック
  4. 名前（例：「マイAPI」）、POST URL、ヘッダーを入力
  5. 有効 に切り替え
  6. Save をクリック

テスト用には https://httpbin.org/post を使用できます — 送信内容がすべてエコーバックされます。

ページを共有

Section titled “ページを共有”

エンドポイントが設定されたら、いくつかの方法で共有できます：

方法操作
ポップアップ拡張機能アイコン → Share
コンテキストメニュー右クリック → Share page to Context Bro
キーボードショートカットCtrl+Shift+K（Macは Cmd+Shift+K）
フローティングボタンテキストを選択 → フローティングボタンをクリック

送信される内容

Section titled “送信される内容”

デフォルトでは、Context Broはページを抽出して以下のようなJSONにコンパイルします：

{
  "title": "How to fix CORS in Vite",
  "url": "https://stackoverflow.com/q/12345",
  "content": "記事全文のMarkdownテキスト...",
  "author": "johndoe",
  "domain": "stackoverflow.com",
  "wordCount": 1234,
  "clippedAt": "2026-02-22 14:30"
}

テンプレートでこの形式を完全にカスタマイズできます。

次のステップ

Section titled “次のステップ”