Ollamaをブラウザに接続:セットアップとCORS修正
PageGrokはローカルHTTP APIを通じてOllamaと通信します。ほとんどのマシンではそのまま動きます — Ollamaをインストールしてモデルをpullすれば、PageGrokがすぐに検出します。このガイドでは完全なセットアップ手順と、唯一つまずく可能性があるCORSについて説明します。
Ollamaをインストール
ollama.comからダウンロードしてインストールします。
- macOS:.dmgをダウンロード、または
brew install ollama - Windows:ウェブサイトからインストーラーをダウンロード
- Linux:
curl -fsSL https://ollama.com/install.sh | sh
インストール後の確認:
ollama --version
モデルを取得
ollama.com/searchからモデルを選んでpullします:
ollama pull gemma4
ブラウザでの読み物に適したモデル:
gemma4— 高速でバランスが良いqwen3.5— 多言語に強いmistral-small— コンパクトで効率的deepseek-r1— 推論が必要なページに適している
お使いのマシンで動くか不安な場合は canirun.ai で確認できます。
サーバーを起動
ollama serve
APIが http://127.0.0.1:11434 で起動します。動作確認:
curl http://127.0.0.1:11434
Ollama is running と表示されれば成功です。
macOSでデスクトップアプリをインストールした場合、アプリケーションから起動すると自動的にサーバーが開始されます。メニューバーのOllamaアイコンで確認できます。
PageGrokを接続
- ChromeウェブストアからPageGrokをインストール
- 任意のウェブページを開き、PageGrokアイコンをクリック
- Ollamaのモデルがモデル選択画面に自動的に表示されます
ほとんどのユーザーはここまでで完了です。モデルリストが空、またはエラーが表示される場合は、以下のCORSセクションをお読みください。
CORSエラーの修正
Chrome拡張機能は chrome-extension:// オリジンからリクエストを送信します。Ollamaにこのオリジンを許可する設定が必要です。
いつ必要? 最近のOllamaバージョン(0.5以降)はデフォルトで拡張機能のリクエストを処理します。PageGrokに「接続失敗」や「CORSエラー」が表示された場合のみ設定してください。
macOS / Linux
Ollama起動前に環境変数を設定:
OLLAMA_ORIGINS="chrome-extension://*" ollama serve
永続化するには、シェル設定ファイル(~/.zshrc または ~/.bashrc)に追加:
export OLLAMA_ORIGINS="chrome-extension://*"
LinuxでOllamaがsystemdサービスとして動作している場合:
sudo systemctl edit ollama
[Service] の下に追加:
Environment="OLLAMA_ORIGINS=chrome-extension://*"
再起動:
sudo systemctl restart ollama
Windows
システム設定 → 環境変数で設定するか、PowerShellで:
$env:OLLAMA_ORIGINS = "chrome-extension://*"
ollama serve
CORSの動作確認
OLLAMA_ORIGINS 設定後にOllamaを再起動して確認:
curl -I -H "Origin: chrome-extension://test" http://127.0.0.1:11434/api/tags
レスポンスに Access-Control-Allow-Origin が含まれていればPageGrokが接続できます。
トラブルシューティング
| 症状 | 原因 | 対処法 |
|---|---|---|
| 「接続拒否」 | Ollamaが起動していない | ollama serve を実行またはデスクトップアプリを起動 |
| 「CORSエラー」または「取得失敗」 | 拡張機能のオリジンがブロック | OLLAMA_ORIGINS=chrome-extension://* を設定して再起動 |
| モデルリストが空 | モデルがpullされていない | ollama pull <model> を実行 |
| 最初の応答が非常に遅い | モデルをメモリにロード中 | 一時停止後の最初の質問は10〜30秒待つ |
| 「モデルが見つかりません」 | モデル名の入力ミスまたは未取得 | ollama list で正確な名前を確認 |
リモートOllamaサーバーの利用
別のマシン(GPUワークステーション、ホームサーバーなど)でOllamaを実行している場合、PageGrokからそこに接続できます:
- リモートマシンでOllamaを起動:
OLLAMA_HOST=0.0.0.0 OLLAMA_ORIGINS="chrome-extension://*" ollama serve
- PageGrokの設定でエンドポイントを
http://<リモートIP>:11434に変更
リモートマシンのファイアウォールでポート11434を開放してください。データはローカルネットワーク内を流れます。リモートマシンが別のネットワークにある場合は、セキュリティのためVPNまたはSSHトンネルの使用を推奨します。
よくある質問
PageGrokが「接続拒否」と表示されます
Ollamaが起動していません。ターミナルで`ollama serve`を実行してリトライしてください。macOSでデスクトップアプリをインストールした場合は、メニューバーにOllamaアイコンが表示されているか確認してください。
OLLAMA_ORIGINSとは何ですか?なぜ必要ですか?
OLLAMA_ORIGINSは、どのオリジンからのクロスオリジンリクエストを許可するかをOllamaに伝える環境変数です。Chrome拡張機能はchrome-extension://のURLからリクエストを送信しますが、Ollamaはデフォルトでこれをブロックします。OLLAMA_ORIGINS=chrome-extension://*を設定すると、PageGrokなどの拡張機能が接続できるようになります。
PageGrokを使う場合もOLLAMA_ORIGINSの設定は必要ですか?
ほとんどの場合、不要です。Ollamaの最近のバージョン(0.5以降)は、ブラウザ拡張機能からのlocalhostリクエストをデフォルトで許可します。PageGrokパネルにCORSエラーが表示された場合のみ設定してください。
リモートのOllamaサーバーは使えますか?
はい。PageGrokの設定でAPIエンドポイントをhttp://127.0.0.1:11434からリモートサーバーのアドレスに変更してください。リモートのOllamaにはOLLAMA_HOST=0.0.0.0と適切なOLLAMA_ORIGINSの設定が必要です。
いま読んでいるこのページで試せます
PageGrok はローカルのモデルを任意のブラウザタブに接続します。無料、データは端末内に留まり、登録も不要です。
関連ガイド
- ブラウザでローカルAI:Ollamaであらゆるウェブページと対話 — Ollama、LM Studio、oMLXのローカルモデルを閲覧中のページに接続。セットアップ、おすすめモデル、活用例、知っておくべき制約。
- LM Studioをブラウザ拡張機能で使う:セットアップガイド — LM Studioのローカルサーバーをブラウザ拡張機能に接続する方法。サーバー起動、エンドポイント設定、OllamaとLM Studioの切り替え。