Claude Code 便利集

● claude -r の代わりに ccr コマンドでClaude Code のセッションを再開する

npm install -g @sasazame/ccresume

.bash_profile

alias ccr='ccresume'

ccrコマンドで起動できるようになります。

ccr

● ccv コマンドでClaude Code の昔のセッションを再開する

.bash_profile

alias ccv='PORT=3400 npx @kimuson/claude-code-viewer@latest; open http://localhost:3400'

ccvコマンドで起動できるようになります。

ccv

● Claude Codeの何かのタスク実行後に音で通知する

~/.config/claude-code/config.json

  "hooks": {
    "Stop": [
      {
        "matcher": "",
        "hooks": [
          {
            "type": "command",
            "command": "afplay /System/Library/Sounds/Submarine.aiff"
          }
        ]
      }
    ]
  }

参考: https://tonkotsuboy.github.io/20250731-forkwell-claude-code/

● MCPサーバーを入れる

serena , sequential-thinking , deepwiki , context7

のMCPサーバーを入れます

.mcp.json

{
  "mcpServers": {
    "serena": {
      "command": "/PATH/TO/YOUR/uvx",
      "args": [
        "--from",
        "git+https://github.com/oraios/serena",
        "serena",
        "start-mcp-server",
        "--context",
        "ide-assistant",
        "--project",
        "."
      ],
      "cwd": "."
    },
    "sequential-thinking": {
      "command": "/PATH/TO/YOUR/npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-sequential-thinking"
      ]
    },
    "deepwiki": {
      "type": "http",
      "url": "https://mcp.deepwiki.com/mcp"
    }
    ,
    "context7": {
      "command": "/PATH/TO/YOUR/npx",
      "args": [
        "-y",
        "@upstash/context7-mcp@latest"
      ]
    }
  }
}

No.2681

11/05 13:41

edit

Claude Code のはじめ方

● Claude Code のインストール

（新しいバージョンにアップグレードする時も、同様にこちらのコマンドでokです）

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

（インストール後にターミナルを再起動します）

バージョンを確認する

claude --version

1.0.117 (Claude Code)

● Claude Codeの起動と基本コマンド

1. Claude Codeの起動とコストの確認方法

claude

// (  Do you trust the files in this folder? ) と聞かれるので Yes を選択して Enter

2. コストの確認

/cost

3. ProプランやMaxプランの場合に API ではなく Maxプラン内で使用する

（ProプランやMaxプラン以外方はAPIでの使用になります）
（2025/06/05 からProプラン内でも定額課金内で使えるようになりました）

/logout
claude

（プラン選択から Claude account with subscription を選択するとProやMaxプラン内の定額課金内で使用できます。）

 ❯ 1. Claude account with subscription
      Starting at $20/mo for Pro, $100/mo for Max - Best value, predictable pricing

   2. Anthropic Console account
      API usage billing

● Claude Code にコードを書かせる

● Claude Code の過去のセッションを引き継いで続ける

claude -r

● Claude Code + GitHub Actions のインストール

claude

起動したら、次のコマンドでインストールします

/install-github-app

GitHub CLI が、インストールされていない場合は、次のメッセージが出ます

│ ⚠ Setup Warnings                                                                                                                                             │
│ We found some potential issues, but you can continue anyway                                                                                                  │
│                                                                                                                                                              │
│ GitHub CLI not found                                                                                                                                         │
│ GitHub CLI (gh) does not appear to be installed or accessible.                                                                                               │
│                                                                                                                                                              │
│   • Install GitHub CLI from https://cli.github.com/                                                                                                          │
│   • macOS: brew install gh                                                                                                                                   │
│   • Windows: winget install --id GitHub.cli                                                                                                                  │
│   • Linux: See installation instructions at https://github.com/cli/cli#installation                                                                          │
│                                                                                                                                                              │
│ GitHub CLI not authenticated                                                                                                                                 │
│ GitHub CLI does not appear to be authenticated.                                                                                                              │
│                                                                                                                                                              │
│   • Run: gh auth login                                                                                                                                       │
│   • Follow the prompts to authenticate with GitHub                                                                                                           │
│   • Or set up authentication using environment variables or other methods

● GitHub CLI のインストール

brew install gh

gh version

gh version 2.73.0 (2025-05-19)

Claude Code で MCPサーバ（sequential-thinking）を利用する

claude mcp add sequential-thinking -s user -- npx -y @modelcontextprotocol/server-sequential-thinking

No.2612

09/18 16:32

edit

Claude MCP のはじめ方（Mac Claudeアプリ + mcp server ）

● 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"
      ]
    },

● 常に最新バージョンの公式ドキュメントを検索できるMCP Server context 7

Context7 MCPは、AIコーディングアシスタント（例：Cursor、Claude、VS Code拡張など）と連携し、「常に最新バージョンの公式ドキュメントやコード例をAIの回答に反映させたい」場面で活躍します。特に以下のような状況で効果を発揮します。ライブラリやフレームワーク（Next.js、React、Tailwind、Zodなど）が頻繁にアップデートされる場合

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

プロンプト例 （ AIへのプロンプト（質問）の最後に use context7 を付けるだけでOKです）

認証付きのFastAPIでCRUD APIを作成します。use context7

● タスクに分解して小さく分けて考えてくれる sequential-thinking

MCPのSequential-Thinkingは、AIやLLM（大規模言語モデル）が複雑な問題を解決する際に、人間の熟練した問題解決者のように「思考を段階的に分解し、順序立てて進める」ためのプロトコルです。各思考ステップを「Thought」として扱い、問題を小さなサブタスクに分割し、それぞれを順番に解決していきます

    "sequential-thinking": {
      "command": "/PATH/TO/YOUR/NPX/npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-sequential-thinking"
      ]
    },

プロンプト例 （ AIへのプロンプト（質問）の最後に use sequential-thinking を付けるだけでOKです）

◯◯◯を解決するアプリを作りたい。use sequential-thinking

● Serena MCP を使う

Serenaは、AIにプロジェクトのコード構造や文脈を深く理解させて効率的なコーディング支援を行うオープンソースのAIコーディングエージェントサーバーです

pythonがまだインストールされていない場合はこちらから https://www.pgmemo.tokyo/data/archives/2628.html

which uvx

mcpサーバを各プロジェクトのトップの .mcp.json に追加します（グローバルの claude_desktop_config.json には保存しません）

.mcp.json

{
  "mcpServers": {
    "serena": {
      "command": "/ABSOLUTE/PATH/TO//uvx",
      "args": [
        "--from",
        "git+https://github.com/oraios/serena",
        "serena",
        "start-mcp-server",
        "--context",
        "ide-assistant",
        "--project",
        "."
      ],
      "cwd": "."
    }
  }
}

claude.app からSerenaサーバを起動する

プロジェクトのトップのディレクトリは
XXXXX
です。
このディレクトリ内の .mcp.json を読み込んでプロジェクト内 独自のMCPサーバーを起動して

実際に使えるか確認する

Serena MCP使えますか？

ディレクトリ
/PATH/TO/YOUR/PROJECT
のプロジェクトを Serenaでactivateして

Serena MCP の onboarding を使って、このプロジェクトの概要を分析してください。
Serena MCPが使えない時は止まってね。

なお、手動で起動するにはこちらのコマンドです。

for Claude.app

cd /PATH/TO/YOUR/PROJECT
uvx --from git+https://github.com/oraios/serena serena start-mcp-server --context desktop-app --project .

● ローカルの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/

添付ファイル1

brave_api.png ( 26.3 KBytes )　ダウンロード

添付ファイル2

brave_config.png ( 18.7 KBytes )　ダウンロード

添付ファイル3

claude_sample.png ( 323.9 KBytes )　ダウンロード

No.2577

11/05 11:04

edit

添付ファイル

Gemini / ChatGPT / Claude APIでの戻り値の例

各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
    }
}

No.2569

11/15 08:36

edit

アプリ生成AI

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

● v0

https://v0.dev/

● bolt.new

https://bolt.new/

● Create

https://www.create.xyz/

replit https://replit.com/

No.2568

11/10 22:59

edit

Claude Code 便利集

● claude -r の代わりに ccr コマンドでClaude Code のセッションを再開する

● ccv コマンドでClaude Code の昔のセッションを再開する

● Claude Codeの何かのタスク実行後に音で通知する

● MCPサーバーを入れる

Claude Code のはじめ方

● Claude Code のインストール

● Claude Codeの起動と基本コマンド

1. Claude Codeの起動とコストの確認方法

2. コストの確認

3. ProプランやMaxプランの場合に API ではなく Maxプラン内で使用する

● Claude Code にコードを書かせる

● Claude Code の過去のセッションを引き継いで続ける

● Claude Code + GitHub Actions のインストール

● GitHub CLI のインストール

Claude MCP のはじめ方 （Mac Claudeアプリ + mcp server ）

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

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

● 3 . Brave Search API を取得する

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

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

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

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

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

● 常に最新バージョンの公式ドキュメントを検索できるMCP Server context 7

● タスクに分解して小さく分けて考えてくれる sequential-thinking

● Serena MCP を使う

claude.app からSerenaサーバを起動する

実際に使えるか確認する

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

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

確認方法

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

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

Gemini / ChatGPT / Claude APIでの戻り値の例

● Gemini

● ChatGPT

● Claude

アプリ生成AI

● v0

● bolt.new

● Create

Claude MCP のはじめ方（Mac Claudeアプリ + mcp server ）

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