Ollamaをブラウザに接続:セットアップとCORS修正

公開日 2026年7月30日

PageGrokはローカルHTTP APIを通じてOllamaと通信します。ほとんどのマシンではそのまま動きます — Ollamaをインストールしてモデルをpullすれば、PageGrokがすぐに検出します。このガイドでは完全なセットアップ手順と、唯一つまずく可能性があるCORSについて説明します。

Ollamaをインストール

ollama.comからダウンロードしてインストールします。

インストール後の確認:

ollama --version

モデルを取得

ollama.com/searchからモデルを選んでpullします:

ollama pull gemma4

ブラウザでの読み物に適したモデル:

お使いのマシンで動くか不安な場合は canirun.ai で確認できます。

サーバーを起動

ollama serve

APIが http://127.0.0.1:11434 で起動します。動作確認:

curl http://127.0.0.1:11434

Ollama is running と表示されれば成功です。

macOSでデスクトップアプリをインストールした場合、アプリケーションから起動すると自動的にサーバーが開始されます。メニューバーのOllamaアイコンで確認できます。

PageGrokを接続

  1. ChromeウェブストアからPageGrokをインストール
  2. 任意のウェブページを開き、PageGrokアイコンをクリック
  3. 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からそこに接続できます:

  1. リモートマシンでOllamaを起動:
OLLAMA_HOST=0.0.0.0 OLLAMA_ORIGINS="chrome-extension://*" ollama serve
  1. 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 はローカルのモデルを任意のブラウザタブに接続します。無料、データは端末内に留まり、登録も不要です。

PageGrok を無料でインストールすべてのガイドを見る

関連ガイド