
BrowserAI
BrowserAI · コーディング
BrowserAI は、WebGPU を使ってブラウザ内でローカル LLM、音声認識、音声合成を動かすオープンソースの JavaScript ライブラリ。データは端末に残り、サーバー費用はゼロになる。

BrowserAI について
What Is BrowserAI
BrowserAI はブラウザ向けに作られた AI ライブラリで、言語モデルをリモートサーバーではなく利用者自身の端末に読み込んで動かす。npm からインストールし、短い API を呼んでモデルを読み込みテキストを生成すると、すべてがブラウザのタブの中で完結する。プロジェクトは MIT ライセンスでオープンソースだから、API キーもリクエスト上限も、ホスティングすべきものもない。
魅力は計算がどこで起きるかにある。推論は WebAssembly と WebGPU を通じてローカルで走るため、利用者のプロンプトは自分のマシンから出ていかず、出荷した製品にリクエストごとの請求もつかない。ライブラリには Llama、Qwen、Gemma、SmolLM2、Phi 各ファミリーの設定済みモデルに加え、音声担当の Whisper と発話担当の Kokoro が同梱されているので、デモを動かすのに学習は一切要らない。
トレードオフも現実にある。端末上の小型モデルは難しい推論でクラウドの最先端モデルには及ばず、ブラウザには WebGPU が要るので古いマシンは対象外になる。モデルファイルも大きいため、初回読み込みでは何かが応答するまで重いダウンロードを待つことになる。
Getting Started
- npm install @browserai/browserai でライブラリをインストールするか、yarn から追加する。
- BrowserAI をインポートし、モデル名を渡して loadModel を呼ぶ。重みがブラウザに落ちてくる進捗を追う。
- プロンプトかメッセージのリストを渡して generateText を呼ぶ。チャットの人格を決めたいなら system prompt も渡す。
- 音声を扱うなら、Whisper モデルを読み込んで音声を文字起こしするか、Kokoro でテキストを音声に変換し、生成されたバッファを再生する。
- ページを公開すれば、いちどファイルがキャッシュされたあとは、再訪した利用者がオフラインでモデルを動かせる。
AIツール情報
BrowserAIの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- フロントエンド開発者:バックエンドを立てず、リクエスト課金もなしに、Web アプリへチャットや音声機能を足せる。
- プライバシー重視のチーム:プロンプトは端末上で走るので、第三者のサーバーに何も送られない。医療、法務、社内ツールに向く。
- ホビイストや学生:ライブラリは無料でオープンソースだから、API の請求も自前の GPU もなしに誰でも LLM を試せる。
- 予算の厳しいチーム:動かすサーバーがないので、利用者が一人増えてもコストはほぼゼロだ。
タスク
- ページ内にチャットを組む:小型の指示モデルを読み込み、返答をそのままチャット UI へ流す。
- 音声入力を足す:Whisper モデルでマイクの音声を文字起こしする。すべてブラウザ内で完結する。
- 音声を生成する:Kokoro でテキストを音声に変える。読み上げや音声インターフェースに使える。
- 構造化データを返す:JSON schema を渡し、自由文ではなく検証済みのオブジェクトを受け取る。
- 音声を分離する:Demucs エンジンで、曲からボーカル、ドラム、ベース、その他のトラックを抜き出す。
シーン
- 私的な執筆アシスタントを出す:テキストがノート PC から出ないので、内容が機微なときに助かる。
- 飛行機やオフラインでデモする:一度ダウンロードすれば、接続がなくてもページは動き続ける。
- 予算を決める前に AI 機能を試作する:クラウド費用を確定する前に、チームがブラウザでアイデアを検証できる。
- 社内ツールに AI を埋め込む:社員が社内ネットワークでモデルを使い、外部ベンダーにデータを渡さずに済む。
主な機能
端末上で動くモデル
BrowserAI は WebGPU と WebAssembly を通じてモデルを直接ブラウザへ読み込むので、推論は利用者のハードウェアで起きる。ライブラリには Llama、Qwen、Gemma、SmolLM2、Phi、DeepSeek 各ファミリーのすぐ使える重みが同梱され、検索用の埋め込みモデルもある。名前と量子化の設定を渡して loadModel を呼べば、あとはライブラリが面倒を見る。対応したマシンなら、重い処理を GPU が担うため、返答はほぼネイティブの速度で返ってくる。
音声認識と音声合成
音声はライブラリの中心であって、後付けの機能ではない。Whisper モデルが録音した音声を文字起こしし、Kokoro がテキストを再生可能な音声バッファに変える。声と速度も選べる。内蔵のレコーダーがマイクを捉えるので、別のサービスを挟まずに音声アシスタントを組める。どちらもローカルで走るため、音声もテキストと同じように端末に残る。
JSON schema による構造化出力
自由文を解析して運任せにする代わりに、JSON schema を渡して JSON オブジェクトを要求できる。モデルはその schema に沿ったデータを返し、そのままアプリに渡せる。これはエージェントやフォームで効いてくる。崩れた返答は流れを止めてしまうからだ。手に入るのは検証も保存もできる綺麗なオブジェクトだ。
ひとつの API の裏にある複数エンジン
ライブラリは単一の実行環境に縛らない。MLC、Transformers、Flare、Demucs の各エンジンを切り替えられ、それぞれ違う作業に向く。MLC と Flare が WebGPU と WASM でテキスト生成を担い、Transformers が音声と発話を扱い、Demucs が音声をトラックに分ける。API はエンジン間で同じままだから、バックエンドを替えてもコードを書き直さずに済む。
Web Worker とストリーミング
モデルがメインスレッドを占めるとタブが固まりかねないが、BrowserAI は推論を Web Worker で走らせてそれを避ける。モデルが考えている間も UI は反応し続け、出力はトークンごとに流れてくるので利用者は進み具合を見られる。Web Worker とストリーミングの組み合わせが、重いローカルモデルを普通の Web アプリのように感じさせる。
内蔵ストレージとオフライン利用
BrowserAI には IndexedDB と SQLite を土台にしたブラウザ内データベースがあり、会話、埋め込み、キャッシュしたモデルファイルを保持する。このストレージがあるからこそ、初回ダウンロードのあとはネットがなくてもページが動き続ける。チャットアプリなら、同期するサーバーなしで履歴が再読み込みを越えて残る。
メリットとデメリット
メリット
- データが端末から出ないので、プロンプトをクラウド API に送れないプライバシー重視のアプリに向く。
- リクエスト課金も動かすサーバーもないため、どれだけ利用者がページを開いても運用コストはほぼゼロだ。
- 設定済みモデルが同梱されているので、動くチャットや音声デモは学習パイプラインではなく数行で済む。
- ひとつの API がテキスト、音声、構造化出力、音声分離を覆うので、四つのサービスを繋ぎ合わせずに済む。
- ファイルがキャッシュされればオフラインで動く。キオスク、現場のツール、電波の不安定な場所に向く。
デメリット
- 端末上の小型モデルは難しい推論でクラウドの最先端モデルに届かず、複雑なプロンプトでは品質が落ちる。
- WebGPU 対応のブラウザが要るので、古いマシンや一部の携帯端末は外れ、届く範囲は狭くなる。
- モデルの重みが大きく、初回読み込みではアプリが応答するまで遅いダウンロードを待つことになる。
- マネージドサービスもホスト済みエンドポイントもないので、すぐ使える API が欲しいチームはクライアントを自分で作って配る必要がある。
よくある質問
BrowserAI は、Web ブラウザの中で AI モデルを動かすためのオープンソース JavaScript ライブラリだ。言語、音声、オーディオのモデルを利用者の端末へ読み込み、WebGPU と WebAssembly で実行する。だからサーバーも API キーも要らない。開発者は npm から追加し、その API を呼んでテキスト生成、音声の文字起こし、発話の生成を行う。
関連コンテンツ
BrowserAIに関連するツール、スキル、記事を探す。
BrowserAIの代替ツール
Forefront
Forefront · コーディングForefrontはオープンソースAIで構築するためのウェブプラットフォームだ。主要なオープンソース言語モデルを自分のデータで微調整し、性能を評価し、API経由で実行したり、エクスポートして自分でホストしたりできる。クローズドなプラットフォームの手軽さを求めつつ、モデルとデータの所有権にはこだわる開発者が対象だ。
Startkit
StartKit.AI · コーディングStartkitは、AI SaaSとAIラッパー製品を作るためのボイラープレートだ。面倒な部分をあらかじめ配線済みにしたAIスタートアップボイラープレートと考えればいい。認証、StripeとLemon Squeezyの決済、利用制限、トランザクションメール、そしてOpenAI、Anthropic、Groq、Llamaと通信するAI APIスターターキットが含まれる。リポジトリをクローンして価格を設定し、ユーザーが実際にお金を払う部分に取りかかれる。ReactとTailwind上のNext.jsで作られているため、ボイラープレートコードの多くはすでに見慣れたものだ。
Testim
Tricentis · コーディングTestimは、Web・モバイル・Salesforceアプリ向けにエンドツーエンドテストを構築して実行するAIテスト自動化プラットフォームだ。機械学習を頼りに、インターフェースが変わってもテストを安定させ、チームが壊れたセレクターの修正に費やす時間を減らす。今日から使い始められる自動テストツールとしては悪くない。ブラウザで操作を録画してテストを作り、より細かい制御が必要なときはJavaScriptを足す。忙しいQAチームにとって堅実な選択肢である。
