● 1 . Claude アプリをダウンロード

https://claude.ai/download

● 2 . node.js をインストールしnpxのフルパスを調べておく

which npx

● 3 . Brave Search API を取得する

1. ここからBrave Search APIへユーザー登録する

https://brave.com/search/api/

2. ユーザー登録完了後ログインして 「Subscription」から 「Free」プランを追加する

3. 「API Keys」から Add API key する

● 4 . Claudeの設定ファイルを編集する

cd ~/Library/Application\ Support/Claude/
code claude_desktop_config.json

以下のように入力

{
  "mcpServers": {
    "brave-search": {
      "command": "/PATH/TO/YOUR/NPX/npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-brave-search"
      ],
      "env": {
        "BRAVE_API_KEY": "YOUR_API_KEY"
      }
    }
  }
}

/PATH/TO/YOUR/NPX/npx と YOUR_API_KEY は適宜書き換えます。

設定の確認方法

Claudeアプリを起動し「Claude」→「Settings」→「Developer」を選択します。 以下のように表示されていれば成功です。

次の2つの検索が使えるようになります。

brave_web_search: ウェブ上の一般的な情報を検索
brave_local_search: 実店舗やビジネスなどの地域情報を検索

「could not connect MCP brave server」のようなエラーになる場合はパスがうまく通ってないかもしれないので確認しましょう。

試しに以下のようなプロンプトを実行して検証します。

ネットで生成AIの最新ニュースを検索して5件面白いトピックを教えて

web検索してくれてます。

● ローカルファイルにアクセスするMCP Server

アクセス可能なフォルダ作成して指定します。

    "filesystem": {
      "command": "/PATH/TO/YOUR/NPX/npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/Users/YOUR-USER-NAME/mcp_folder"
      ]
    },

● ローカルのMySQLにアクセスするMCP Server

"mcp_server_mysql": {
      "command": "npx",
      "args": [
        "-y",
        "@benborla29/mcp-server-mysql"
      ],
      "env": {
        "MYSQL_HOST": "127.0.0.1",
        "MYSQL_PORT": "3306",
        "MYSQL_USER": "root",
        "MYSQL_PASS": "",
        "MYSQL_DB": "db_name"
      }
    }

playwright-mcp

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

● Claude Code を API追加料金なしでMCPサーバとして使う

Claudeの設定ファイルを編集する

cd ~/Library/Application\ Support/Claude/
code claude_desktop_config.json

    "claude_code": {
      "command": "/PATH/TO/YOUR/FOLDER/claude",
      "args": ["mcp", "serve"],
      "env": {}
    }

which claude で取得できるパスを入力します。

確認方法

例えば、次のようなプロンプトを入力するとClaude Codeから実行して調べてくれます

このMacのdiskの残り容量を調べて欲しい

claude code でエラーが出る場合は最新バージョンにアップグレードしましょう

npm install -g @anthropic-ai/claude-code

● MCPはserver（検索API）をどのように接続しているのか？

このあたりにあります

https://github.com/modelcontextprotocol/servers/blob/main/src/brave-search/index.ts#L182

● 他にも機能（MCP servers）を追加する

https://mcp.so/

各API にそれぞれ「こんにちは」のメッセージを投げた時の戻り値です

● Gemini

{
  "candidates": [
    {
      "content": {
        "parts": [
          {
            "text": "こんにちは！ 何かお手伝いできることはありますか？ \n"
          }
        ],
        "role": "model"
      },
      "finishReason": "STOP",
      "index": 0,
      "safetyRatings": [
        {
          "category": "HARM_CATEGORY_SEXUALLY_EXPLICIT",
          "probability": "NEGLIGIBLE"
        },
        {
          "category": "HARM_CATEGORY_HATE_SPEECH",
          "probability": "NEGLIGIBLE"
        },
        {
          "category": "HARM_CATEGORY_HARASSMENT",
          "probability": "NEGLIGIBLE"
        },
        {
          "category": "HARM_CATEGORY_DANGEROUS_CONTENT",
          "probability": "NEGLIGIBLE"
        }
      ]
    }
  ],
  "usageMetadata": {
    "promptTokenCount": 2,
    "candidatesTokenCount": 11,
    "totalTokenCount": 13
  },
  "modelVersion": "gemini-1.5-flash-001"
}

● ChatGPT

{
    "id": "chatcmpl-ATdccrP607V8JZQgryBdx72k0FD85",
    "object": "chat.completion",
    "created": 1731627182,
    "model": "gpt-4o-mini-2024-07-18",
    "choices": [
        {
            "index": 0,
            "message": {
                "role": "assistant",
                "content": "こんにちは！今日はどんなことをお話ししましょうか？",
                "refusal": null
            },
            "logprobs": null,
            "finish_reason": "stop"
        }
    ],
    "usage": {
        "prompt_tokens": 8,
        "completion_tokens": 14,
        "total_tokens": 22,
        "prompt_tokens_details": {
            "cached_tokens": 0,
            "audio_tokens": 0
        },
        "completion_tokens_details": {
            "reasoning_tokens": 0,
            "audio_tokens": 0,
            "accepted_prediction_tokens": 0,
            "rejected_prediction_tokens": 0
        }
    },
    "system_fingerprint": "fp_0ba0d124f1"
}

● Claude

{
    "id": "msg_01BfFT8n2WeqqB47em3zig7x",
    "type": "message",
    "role": "assistant",
    "model": "claude-3-haiku-20240307",
    "content": [
        {
            "type": "text",
            "text": "はい、こんにちは。どのようなことでお手伝いできますでしょうか?"
        }
    ],
    "stop_reason": "end_turn",
    "stop_sequence": null,
    "usage": {
        "input_tokens": 12,
        "output_tokens": 31
    }
}

アプリ生成AI で、1番有名なのはv0ですが、対抗馬として以下のようなものもあります

● v0

https://v0.dev/

● bolt.new

https://bolt.new/

● Create

https://www.create.xyz/

replit https://replit.com/