コーディングツールをつなぐ

Claude Code、Codex、Cursor、VS Code、Gemini CLI、Windsurf、Cline、Trae に Page Lemon を追加すると、AI がエディタやターミナルから、アカウント内のすべてのサイトを公開・更新できます。ほとんどのツールは、設定ブロックを 1 つ追加してログインするだけです。

最終更新 2026年10月14日 · Markdown で見る

はじめる前に

コーディングツール用のリンクはこちらです。

https://mcp.pagelemon.com

ログインするまでは、このリンクで新しいサイトを公開することだけできます（保存しないと 72 時間後に期限切れになります）。ログインすると、AI がアカウント内のすべてのサイトを扱えるようになります。

ログイン時の流れは、どのツールでも同じです。ブラウザで Page Lemon のページが開くので、Google またはメールでログインし、ツールができることを確認して、許可をクリックします。そのあと、ツールに戻ってください。

Claude Code

Claude Code が含まれる Claude のプランならどれでも使えます。ターミナルで実行します。

claude mcp add --transport http pagelemon https://mcp.pagelemon.com

次に、Claude Code の中で /mcp を実行し、pagelemon を選んでログインします。

Codex

codex mcp add pagelemon --url https://mcp.pagelemon.com
codex mcp login pagelemon

2 つ目のコマンドで Page Lemon が開き、ログインできます。代わりに API トークンを使う場合は、設定ファイルではなく環境変数に入れておきます。

Cursor

Cursor のどのプランでも使えます。~/.cursor/mcp.json（すべてのプロジェクト）または .cursor/mcp.json（1 つのプロジェクト）に、次を追加します。

{
  "mcpServers": {
    "pagelemon": {
      "url": "https://mcp.pagelemon.com"
    }
  }
}

Cursor の設定を開いて、MCP のセクションを探します（最近のバージョンでは Tools and MCP）。pagelemon の横にログインを求める表示が出たら、クリックしてログインしてください。

VS Code

VS Code の GitHub Copilot で使えます。Copilot Free も対象です。プロジェクトの .vscode/mcp.json に次を追加するか、コマンドパレットから MCP: Add Server を実行して HTTP を選びます。

{
  "servers": {
    "pagelemon": {
      "type": "http",
      "url": "https://mcp.pagelemon.com"
    }
  }
}

mcp.json の中で、サーバーの上にある Start をクリックします。VS Code から Page Lemon でのログインを許可するか聞かれたら許可して、ログインしてください。Copilot Chat はエージェントモードで使います。

Copilot Business や Enterprise では、組織が MCP サーバーをオフにしていることがあります。追加できない場合は、管理者に聞いてみてください。

Gemini CLI

Google アカウントで無料で使えます。~/.gemini/settings.json（すべてのプロジェクト）または .gemini/settings.json（1 つのプロジェクト）に、次を追加します。

{
  "mcpServers": {
    "pagelemon": {
      "httpUrl": "https://mcp.pagelemon.com"
    }
  }
}

Gemini CLI を起動し、/mcp auth pagelemon を実行してログインします。

Windsurf

Windsurf のどのプランでも使えます。Teams プランでは、先に管理者がリモート MCP サーバーを許可する必要がある場合があります。~/.codeium/windsurf/mcp_config.json に次を追加します。

{
  "mcpServers": {
    "pagelemon": {
      "serverUrl": "https://mcp.pagelemon.com",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

Windsurf は API トークンで接続します。pl_... をご自身のトークンに置き換えてください。Cascade の MCP メニューからファイルを開き、サーバー一覧を更新することもできます。

Cline と Trae

Cline と Trae は、ヘッダーに入れた API トークンで接続します。先にトークンを作ってから、ツールの MCP 設定に Page Lemon を追加してください。

Cline では、MCP Servers パネルを開いて設定ファイル（cline_mcp_settings.json）を編集します。

{
  "mcpServers": {
    "pagelemon": {
      "type": "streamableHttp",
      "url": "https://mcp.pagelemon.com",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

Trae では、設定の MCP を開き、サーバーを手動で追加する方を選んで、次を貼り付けます。

{
  "mcpServers": {
    "pagelemon": {
      "url": "https://mcp.pagelemon.com",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

pl_... は自分のトークンに置き換えてください。これらの設定ファイルはプロジェクトの中ではなくお使いのパソコンにあるので、トークンが git に入ることはありません。トークンは 90 日で期限が切れます。そのときは新しく作って貼り付けてください。

ログインの代わりにトークンを使う

ここにあるどのツールでも、ログインの代わりに API トークンを使えます。たとえば、ブラウザのないサーバーなどで便利です。ヘッダーで送ります: Authorization: Bearer pl_...。Claude Code の場合はこうなります。

claude mcp add --transport http pagelemon https://mcp.pagelemon.com --header "Authorization: Bearer pl_..."

共有プロジェクトの .cursor/mcp.json や .vscode/mcp.json など、コミットするファイルにはトークンを絶対に入れないでください。

動作を確認する

AI がサイトを一覧で表示すれば、接続とログインは完了です。

うまくいかないとき

まだ解決しませんか？ 困ったときはを見るか、使っているツールを書いて support@pagelemon.com にメールをください。

接続を解除する

app.pagelemon.com/account/tokens（アカウント設定 → API トークン）を開き、そのツールの横の接続を解除をクリックします。すぐにログアウトされ、サイトは公開されたままです。そのあと、ツールの設定から pagelemon の項目を削除してください。