browsaブラウザサイドパネル AI

browsa / ブラウザサイドパネル AI

ページはそのまま。質問はそのそばで。

ページごと自分の AI との会話に取り込みましょう。

Chrome / Edge · ソースからのインストールも可能
無料の拡張機能。モデルもエージェントもご自身のものを。

MIT オープンソース ↗ モデルは自由に選択 設定はローカル

インターフェースはイメージです · シーンを切り替えると、browsa とページの連携のようすがわかります。

デモ

ページから離れず、その隣で尋ねる。

全ワークフローを 68 秒で:ドキュメントの添付 → 数式と図のレンダリング → クリックできるタイムスタンプ → セッション管理と Agent への引き継ぎ。

日本語字幕付き、音声なしでも内容が伝わります。数式と図は実際のモデルの応答から。デモデータを使用し、再生は編集しています。YouTube。

使い方

3 ステップで Web ページと会話

ウィンドウの切り替えも、コピペも不要。browsa は読んでいるページのそばに静かに寄り添います — 余白の注釈のように。

01

サイドパネルを開く Ctrl+Shift+H

ショートカットを押すか、どのページでもツールバーアイコンをクリック。browsa のパネルが右側に現れます。

02

ページを添付 📎

📎 をクリックすると、ページの内容がそのまま会話に流れ込みます — 記事も字幕も PDF も。選択したテキストにはそのまま質問できます。

03

返信をストリーミング表示 どのバックエンドでも

返信は単語ごとにストリーミング表示され、Markdown・数式・チャートに対応します。OpenAI 互換 API はもちろん、Hermes / opencode / OpenSquilla / agent-bridge エージェントにも接続できます。UI は 7 か国語で使えます。

インストール済みですか?クイックスタートで最初の質問まで案内します。完全ガイドでは、読み取り・動画・レンダリング・セッション・バックエンド・設定を解説しています。

機能

ただのチャットボックスではありません

browsa は「読む」と「聞く」を同じ場所に置きます:長い記事も、動画も、PDF も — AI はすぐそばにいます。

attach

ページを添付

クリック 1 つで現在のページを会話に取り込みます — モードは自動で選択:

  • 自動カスケード:Readability 本文 → DOM ツリー → 全文
  • 📷 スクリーンショットモード(マルチモーダルモデル向け)
  • PDF はローカルで解析:表・見出し・レイアウトを再構築
  • GitHub のファイルページは生ソースを直接取得
select

選択して質問

どのページでもテキストを選択して、そのまま質問:

  • フローティングツールバー:質問 · 解説 · 翻訳 · 要約
  • 解説 / 翻訳はインラインでストリーミング — 読書を妨げません
  • 質問 / 要約はパネルに持ち込み — 📎 不要
render

リッチなレンダリング

返信はただのテキストではありません — 数式も図もブラウザ内で描画:

  • Markdown GFM + 40 以上の言語のシンタックスハイライト
  • LaTeX 数式(KaTeX、Web Worker で高速化)
  • Mermaid フローチャート(ワンクリックで縦横切替、パネル幅に合わせて自動再レイアウト、キーボード/ピンチズーム)、ECharts グラフ、Markmap マインドマップ
  • 壊れた Mermaid はワンクリックで AI 修正・再描画
video

動画ノート

動画のための完全なワークフロー — YouTube とビリビリから構造化された字幕を取得:

  • クリックできる [mm:ss] タイムスタンプ — 動画をシーク
  • 字幕ドロワー:再生に合わせてハイライト · クリックでジャンプ · 一行メモ
  • 字幕のない動画は ASR 文字起こし / 映像・音声の精読
  • 小宇宙ポッドキャストをワンクリック文字起こし、タイムスタンプ付き
  • 長い字幕は自動で要点に圧縮、タイムスタンプは保持
provider

どのバックエンドでも

ベンダーロックインなし — 自分のモデルを接続:

  • Hermes エージェント:ツール実行、危険な操作の承認、進捗表示
  • OpenCode エージェント:CLI に直通 — ツール実行と承認フローもそのまま
  • OpenSquilla エージェント:ゲートウェイ WebSocket — サーバー側セッションメモリ
  • Agent Bridge:Codex / Claude Code / Gemini CLI / pi / dsh / ZCode をブリッジ — 1 枚のカードで複数接続
  • エージェントのセッションはエージェント側に保存 — 自動命名で続きも簡単
  • OpenAI 互換 API なら何でも:OpenAI、Ollama、LiteLLM…
  • カードに複数モデル — サイドバーでその場で切替
  • モデルごとの思考レベル、リクエスト項目は自動適応
  • Ping で接続と対応機能を確認
privacy

プライバシー第一

browsa のアカウントは不要。モデルサービスは自分で選択:

  • API キーはローカル保存 — 設定したプロバイダの認証だけに使用
  • 送信前にローカルでマスク:URL トークン / パスワード / 署名
  • PDF はデバイス上で解析 — 内容は端末の外に出ません
  • Office 文書もデバイス上で Markdown に変換
  • 内容が送られるのは、自分で設定したバックエンドだけ
input

素早い入力

打ち込まずに、より多くを伝えます:

  • クイック操作:要約 / 要点 / 解説 / アウトライン
  • スラッシュコマンド + ↑/↓ の入力履歴。パネルを閉じても下書きは残ります
  • 返信のストリーミング中も入力 OK — メッセージは順番に送信
  • 貼り付けたコードはハイライトブロックに — それ以外はバイト単位でそのまま
session

セッション

長い会話も整理されたまま:

  • 保存 / 復元 / Markdown エクスポート、Agent スレッド ID 付き
  • セッションのピン留め、タイトルと内容の全文検索
  • 返信中でもセッション切替 — バックグラウンドで完了
  • 会話内全文検索(Ctrl+F)
  • テキストを選んで「追問」— メインの会話を汚さず、画像も貼り付け可能

対応サイト

あなたの Web ページを読み取ります

これらのサイトでは、browsa は推測の代わりに、ページがすでに読み込んでいる構造化データ — 字幕・コメント・記事ソース・行情報 — を読み取ります。

YouTube字幕/チャプター Bilibili字幕/チャプター/ASR/統計 Xiaohongshuノート/画像/コメント Juejin記事ソース/画像 Zhihu記事/回答/画像 X / Twitterツイート/画像/リプライ GitHubメタデータ/README Reddit投稿/コメント/画像 Xueqiu行情報/投稿/画像 Xiaoyuzhouポッドキャスト Dedao記事 GeekTime記事

乗っ取りも改変もせず、観測するだけ:見ているのは、ブラウザ自身が発するリクエストだけです。それ以外の Web ページも同じように使えます — 対応サイトほど深くはありません。

あなたのキー、あなたのエージェント

キーはあなたのもの。モデルも。エージェントも。

browsa はサブスクリプションを売らず、アカウントも求めず、上乗せ料金も取りません。あなた自身のモデルエンドポイントをサイドパネルに取り込むだけ — クラウドでも、ローカルでも、セルフホストでも。

  • ›アカウント不要、テレメトリもなし。インストールしたらすぐ使える — データがこちらを経由することは一切ありません。
  • ›API キーはローカルに保存され、設定したエンドポイントにだけ送信されます。
  • ›Ollama / LM Studio のローカルモデル — 完全オフラインでも動作します。
  • ›本物のエージェント:ツール実行、リアルタイム進捗、危険な操作の前の承認。

どれを選べばいいか分からないときは?モデルとエージェントの設定ガイドを読む →

インストール

次に読むページから始めましょう。

インストール方法をひとつ選び、モデルかエージェントを接続してください。browsa 拡張機能は無料です。

代替 · 手動アップデート

GitHub から読み込む

リリースをダウンロードして展開します。ブラウザの拡張機能マネージャーでデベロッパーモードを有効にし、「パッケージ化されていない拡張機能を読み込む」を選んで、manifest.json のあるフォルダーを指定してください。

リリースをダウンロード ↗

インストールしたら、接続しましょう。

設定でモデル API かローカルエージェントを構成し、Ping で確認します。記事を開いて 📎 で添付し、最初の質問をしてみてください。

設定ガイドに従う →