Summarize ブラウザ拡張機能: サイドパネルで AI 要約

Chrome と Firefox 向けサイドパネル要約

README は、Chrome と Firefox 用のブラウザ拡張機能について説明しており、AI が生成した要約をブラウザのサイドパネルにストリーミング表示します。Chrome 120 以降では、ツールバーアイコンをクリックするとサイドパネルが自動的に開きます。Firefox 140 以降では、同じツールバーアイコンでサイドバーを切り替え、キーボードショートカット Ctrl+Shift+U が Windows と Linux で、Cmd+Shift+U が macOS で同じ動作をします。ドキュメントとセットアップガイドは https://summarize.sh にあります。リポジトリは TypeScript で書かれています。

この節に対応する導入確認では、Node.js 24、summarize --extract --plain、--json、~/.summarize/config.json、DirectとDaemon、字幕ありと字幕なしを一度に混ぜず、1番目の観測として入力、処理、出力、失敗時の表示を別々に記録します。READMEの版と手元の実行版を残し、成功画面だけで完了とは判断しません。設定を変えた場合は元へ戻して同じ入力を再実行し、生成物、ログ、権限要求の差を比較します。

手動ビルドとインストール手順

拡張機能は pnpm でビルドします。リポジトリのルートで pnpm install を実行し、ターゲット別のコマンドを使います。pnpm -C apps/chrome-extension dev は Chrome 開発用、dev:firefox は Firefox 開発用、build は Chrome の本番ビルド、build:firefox は Firefox の本番ビルドです。build:all は両方を生成します。Chrome に未パッケージの拡張機能を読み込むには、まずビルドし、chrome://extensions を開き、デベロッパーモードを有効にし、Load unpacked をクリックして apps/chrome-extension/.output/chrome-mv3 を選択します。Firefox のインストールは about:debugging#/runtime/this-firefox で Load Temporary Add-on をクリックし、apps/chrome-extension/.output/firefox-mv3 内の manifest.json を選択します。一時的な Firefox アドオンは再起動で消えるため、恒久的なインストールには AMO による署名が必要です。

この節に対応する導入確認では、Node.js 24、summarize --extract --plain、--json、~/.summarize/config.json、DirectとDaemon、字幕ありと字幕なしを一度に混ぜず、2番目の観測として入力、処理、出力、失敗時の表示を別々に記録します。READMEの版と手元の実行版を残し、成功画面だけで完了とは判断しません。設定を変えた場合は元へ戻して同じ入力を再実行し、生成物、ログ、権限要求の差を比較します。

Direct と Daemon の AI ランタイム

拡張機能は AI 接続とメディア・スライド抽出を分離しています。Direct モードでは、Auto 設定が Chrome 内蔵の Gemini Nano Summarizer API と抽出フォールバックを使い、すぐに動作します。Auto は設定済みの OpenAI、OpenRouter、Anthropic、Gemini、xAI、Z.AI、NVIDIA、MiniMax、GitHub Models、Ollama、または互換性のあるオーバーライドエンドポイントを直接呼び出すこともできます。Gemini Nano を明示的に選択することもできます。プロバイダーキーは chrome.storage.local に保存され、選択したプロバイダーにのみ送信されます。Daemon モードでは、拡張機能はローカルの Summarize デーモンと通信し、プロバイダー、CLI フォールバック、キャッシュ、診断を処理します。メディアとスライドは、Browser または Daemon ランタイムを独立して使用できます。Browser メディアは MediaBunny とネイティブ WebCodecs を使い、取得可能なビデオスライド（最大 128 MB）を処理し、各スライドを Gemini Nano で要約し、字幕のない YouTube 動画をローカル Whisper で文字起こしします。Daemon メディアは OCR、設定可能な文字起こしプロバイダー、より広いメディアサポート、Firefox メディアサポートを追加します。

この節に対応する導入確認では、Node.js 24、summarize --extract --plain、--json、~/.summarize/config.json、DirectとDaemon、字幕ありと字幕なしを一度に混ぜず、3番目の観測として入力、処理、出力、失敗時の表示を別々に記録します。READMEの版と手元の実行版を残し、成功画面だけで完了とは判断しません。設定を変えた場合は元へ戻して同じ入力を再実行し、生成物、ログ、権限要求の差を比較します。

ローカルデーモンのセットアップ

デーモンはオプションです。npm i -g @steipete/summarize でグローバルにインストールします（Node.js 24 以降が必要）。または macOS と Linux では brew install summarize を使います。拡張機能で Options、Runtime、Daemon に移動し、ローカルコンパニオンを有効にして、Chrome のオプションのネイティブメッセージング権限を承認します。次に拡張機能からペアリングトークンとインストールコマンドをコピーし、ターミナルで実行します。インストールコマンドは、正確な Web Store 拡張機能 ID に対して com.steipete.summarize というネイティブホストを登録します。summarize daemon status で確認し、summarize daemon restart で再起動します。README によると、npm でインストールした Windows CLI は、Daemon モードが機能する前にパッケージ化されたネイティブホスト .exe がまだ必要です。Direct と Browser モードは影響を受けません。Chrome はそのネイティブホストを通じてのみデーモンと通信します。企業管理者は Chrome ポリシーでデーモンアクセスをすべてブロックしつつ、Direct と Browser モードを利用可能にできます。docs/chrome-enterprise.md を参照してください。

この節に対応する導入確認では、Node.js 24、summarize --extract --plain、--json、~/.summarize/config.json、DirectとDaemon、字幕ありと字幕なしを一度に混ぜず、4番目の観測として入力、処理、出力、失敗時の表示を別々に記録します。READMEの版と手元の実行版を残し、成功画面だけで完了とは判断しません。設定を変えた場合は元へ戻して同じ入力を再実行し、生成物、ログ、権限要求の差を比較します。

オプションのウェブサイト自動化

要約、チャット、ブラウザメディアは Chrome の userScripts または debugger 権限を必要としません。ウェブサイト自動化はデフォルトでオフです。Options、Enable automation permissions から有効にすると、明示的なユーザークリックによるオプションの userScripts アクセスが要求され、ユーザーが要求した browserjs() または REPL コードをページのメインワールドで実行できます。Chrome では debugger をオプションとして宣言できないため、標準ビルドはそれを省略し、デバッガツールを非表示にします。別のビルド pnpm -C apps/chrome-extension build:automation は、ネイティブのクリック、タイプ、キー入力用のデバッガ有効ビルドを作成します。そのビルドは debugger を必須として宣言し、debugger を使用するコマンドの実行中のみアタッチし、その後デタッチします。

この節に対応する導入確認では、Node.js 24、summarize --extract --plain、--json、~/.summarize/config.json、DirectとDaemon、字幕ありと字幕なしを一度に混ぜず、5番目の観測として入力、処理、出力、失敗時の表示を別々に記録します。READMEの版と手元の実行版を残し、成功画面だけで完了とは判断しません。設定を変えた場合は元へ戻して同じ入力を再実行し、生成物、ログ、権限要求の差を比較します。

要約の長さプリセット

拡張機能は CLI と同じ長さプリセットを提供します。short、medium、long、xl、xxl に加え、20k のようなカスタム値も使えます。ツールチップには目標の長さ、範囲、段落のガイダンスが表示されます。これらのプリセットのソースはリポジトリ内の packages/core/src/prompts/summary-lengths.ts です。

この節に対応する導入確認では、Node.js 24、summarize --extract --plain、--json、~/.summarize/config.json、DirectとDaemon、字幕ありと字幕なしを一度に混ぜず、6番目の観測として入力、処理、出力、失敗時の表示を別々に記録します。READMEの版と手元の実行版を残し、成功画面だけで完了とは判断しません。設定を変えた場合は元へ戻して同じ入力を再実行し、生成物、ログ、権限要求の差を比較します。

編集部の結論

この拡張機能は MIT ライセンスの下で配布されています。ライセンスは、著作権表示を含めることを条件に、ソフトウェアの使用、複製、変更、結合、公開、配布、サブライセンス、および販売の権利を許可します。ソフトウェアは現状のまま提供され、いかなる種類の保証もありません。

公式情報源

1. Official documentation
2. Official README
3. Project repository
4. Release notes