爆速効率化！Claude AI ✕ ツールで変わるエンジニアの仕事術 〜MCP構築と実践勉強会〜の手順書

この記事について

この記事は、2025年7月12日行われる爆速効率化！Claude AI ✕ ツールで変わるエンジニアの仕事術 〜MCP構築と実践勉強会〜で使用される設定手順のまとめです。

ClaudeやMCPのまとめをこちらの記事に載せています。

前提条件

Node.js インストール済みであること。

node -v
v22.16.0

Node.jsがインストールされていない場合、
nvm や、nvm-windows 、VoltaなどNodeパッケージマネージャ経由でNode.jsをインストールするとバージョン切り替えが楽です

Claude Desktopインストール済み。

ClaudeCodeインストール済みであること。

claude -v
1.0.43 (Claude Code)

ClaudeCodeをインストールしてない場合はnpm経由でインストール

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

一部のMPCサーバーはuvを使用します。

uv --version
uv 0.7.13 (62ed17b23 2025-06-12)

uvをインストールしてない方はこちらからインストール方法を確認してuvをインストールしてください。

MCPの設定方法

ClaudeDesktopの場合

claude_desktop_config.jsonに設定を追加していく。

初めての場合、

(Windowsの場合)
左上ハンバーガーメニュー→
ファイル→
設定→
開発者→
構成を編集→
「claude_desktop_config.json」を編集する。

（Macの場合）
Claudeのメニュー→
設定→
開発者→
構成を編集→
「claude_desktop_config.json」を編集する。

Windows:

C:\Users\{ユーザー名}\AppData\Roaming\Claude\claude_desktop_config.json

macOS:

/Users/{ユーザー名}/Library/Application Support/Claude/claude_desktop_config.json

この claude_desktop_config.jsonを編集する。編集したらClaudeDesktopのメニューから終了を選択し再び起動するとMCPが適用される。決してバツボタンを使用してアプリケーションを閉じないこと。

ClaudeCodeの場合

以下の形式

claude mcp add <MCP名> -- <実行コマンド>

グローバルでMCPサーバーを追加する

claude mcp add playwright -- npx -y @playwright/mcp@latest

プロジェクトレベルでもMCPサーバーを追加する

claude mcp add playwright -s project -- npx -y @playwright/mcp@latest

MCP設定例：FileSystem

FileSystem
https://www.npmjs.com/package/@modelcontextprotocol/server-filesystem

MCP経由でファイルを直接編集できるようになる

操作可能にするディレクトリは複数設定可能。

windowsのパスの場合、バックスラッシュ2つにする

\\\\wsl.localhost\\Ubuntu\\home\\

json設定例

{
    "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
　　　　  # 操作を許可するディレクトリ
        "/path/to/directory"
      ]
    }
    }
}

jsonだけでなく設定→エクステンションからボタン操作でFileSystemの設定も可能。

プロンプト例

以下ディレクトリ配下にフリーランスエンジニアの案件募集HPを作って
/path/to/directory

MCP設定例：Playwright

mcp-playwright
https://github.com/executeautomation/mcp-playwright

e2eテストツールだが、ブラウザ操作MCPサーバーとして使用する

json設定例

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

claude code 設定例

claude mcp add playwright -- npx -y @playwright/mcp@latest

プロンプト例

playwrightで以下サイトを起動しセキュリティ診断をしてください。
https://何かURL

playwrightで以下サイトを起動し以下サイトのUIUXの評価をしてください
https://何かURL

MCP設定例：Obsidian

MCPサーバー経由でObsidianの操作が可能に

以下でインストール

npx @smithery/cli install mcp-obsidian --client claude

プロンプト例

私のobsidianにはどのようなことが書いてありますか？

以下のプロジェクトのUMLをmermaid記法でobsidianにドキュメント化して欲しい。
/path/to/directory

MCP設定例：context7

https://github.com/upstash/context7
言語・ライブラリ・フレームワークのドキュメント参照集

json設定例

{
    "mcpServers": {
        "context7": {
          "command": "npx",
          "args": ["-y", "@upstash/context7-mcp@latest"]
        }
    }
}

claude code 設定例

claude mcp add context7 -- npx -y @upstash/context7-mcp@latest

プロンプト例

context7のReactのドキュメントを参照し、useActionStateの機能をわかりやすく教えて

MCP使用例：MySQL

任意のディレクトリにgit cloneする

npx -y @smithery/cli install mysql-mcp-server --client claude

設定例

    "mysql-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@smithery/cli@latest",
        "run",
        "mysql-mcp-server",
        "--config",
        "\"{\\\"mysqlHost\\\":\\\"host.docker.internal\\\",\\\"mysqlPort\\\":\\\"3306\\\",\\\"mysqlUser\\\":\\\"myuser\\\",\\\"mysqlDatabase\\\":\\\"mydb\\\",\\\"mysqlPassword\\\":\\\"mypassword\\\"}\""
      ]
    }

claude codeに追加

claude mcp add  \
  mysql-mcp-server \
  -- npx -y @smithery/cli@latest run mysql-mcp-server \
  --config '{"mysqlHost":"host.docker.internal","mysqlPort":"3306","mysqlUser":"myuser","mysqlDatabase":"mydb","mysqlPassword":"mypassword"}'

プロンプト例

mysqlでmydbのデータベースに接続し、todoアプリのテーブルを作成してください。

ClaudeCodeコマンド

CLIモード

コマンド例	主な用途・挙動
claude	対話型 REPL を開始
claude "質問"	最初のプロンプトを渡して REPL 開始（例: claude "explain this project"）
claude -p "質問"	1 回だけ回答して終了（非対話モード）
cat file.txt | claude -p "質問"	標準入力に流した内容を解析させて回答
claude -c	カレントディレクトリ内で最後に使った会話を継続
claude update	Claude Code を最新版へアップデート
claude mcp ...	MCP (Model Context Protocol) 接続設定を操作

インタラクティブ

コマンド	概要
/help	使い方ヘルプを表示
/init	CLAUDE.mdを作成
/clear	会話履歴をクリア
/add-dir <パス>	追加でアクセス可能なディレクトリを登録
/model	利用モデルを変更（例: sonnet, opus）
/permissions	許可ツールやセーフティ設定を確認・変更
/memory	プロジェクトの CLAUDE.md メモリを編集
/review	現在の変更セットに対してコードレビューを依頼
/cost	消費トークン数・推定コストを表示
/doctor	インストール状態をチェックして問題を診断
/login / /logout	Anthropic アカウントの切り替え／ログアウト

禁止事項の設定

~/.claude/settings.json

{
  "permissions": {
    "deny": [
      "Read(~/.ssh/id_rsa)",     // SSH 秘密鍵の読み取りを禁止
      "Bash(rm -rf:*)",          // 危険な rm -rf 系コマンドを禁止
      "Bash(aws:*)",             // awscliコマンドを禁止
      "Bash(git:*)"              // すべての git コマンドを禁止
    ]
  }
}