<h2 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h2>
<p data-line="1" class="code-line">今回はClaude Desktopを使用して、MCP（Model Context Protocol）を使用する方法について試してみました。Claudeは無料プランを使用しています。</p>
<h2 id="%E4%BA%8B%E5%89%8D%E6%BA%96%E5%82%99" data-line="3" class="code-line">
<a class="header-anchor-link" href="#%E4%BA%8B%E5%89%8D%E6%BA%96%E5%82%99" aria-hidden="true"></a> 事前準備</h2>
<ol data-line="4" class="code-line">
<li data-line="4" class="code-line">Claude Desktopをインストールします。<br>
<a href="https://claude.ai/download" target="_blank" rel="nofollow noopener noreferrer">https://claude.ai/download</a>
</li>
<li data-line="6" class="code-line">Node.js をインストールします。<br>
<a href="https://nodejs.org" target="_blank" rel="nofollow noopener noreferrer">https://nodejs.org</a>
</li>
</ol>
<h2 id="mcp%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%A8claude-desktop%E3%81%AE%E8%A8%AD%E5%AE%9A" data-line="9" class="code-line">
<a class="header-anchor-link" href="#mcp%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%A8claude-desktop%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> MCPのインストールとClaude Desktopの設定</h2>
<p data-line="10" class="code-line">今回はローカルファイルを操作する為に、filesystemのMCPサーバーをインストールします。</p>
<ol data-line="11" class="code-line">
<li data-line="11" class="code-line">
<p data-line="11" class="code-line">filesystemのMCPサーバーをインストールします。</p>
<div class="code-block-container"><pre><code class="code-line" data-line="12">npm install -g @modelcontextprotocol/server-filesystem
</code></pre></div>
<p data-line="15" class="code-line"> </p>
</li>
<li data-line="17" class="code-line">
<p data-line="17" class="code-line">Claude Desktopの設定ファイルを編集します。<br>
(1) Claude Desktopを起動し、左上のメニューから「ファイル」＞「設定」を実行します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/e78193a71311-20250620.png" loading="lazy" class="md-img"><br>
(2) 「開発者」を選択し、「構成を編集」を実行します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/543f6ec00886-20250620.png" width="500" loading="lazy" class="md-img"><br>
(3) 下記の場所に構成ファイルが作成されていますので、任意のテキストエディタで開きます。<br>
macOS  ：<code>~/Library/Application Support/Claude/claude_desktop_config.json</code><br>
Windows：<code>%APPDATA%\Claude\claude_desktop_config.json</code><br>
 <br>
(4) 構成ファイルを編集します。ディレクトリ名には、任意のローカルディレクトリをフルパスで指定します。</p>
<div class="code-block-container"><pre><code class="code-line" data-line="27">{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "C:\\Test"
      ]
    }
  }
}
</code></pre></div>
<p data-line="41" class="code-line"> </p>
</li>
<li data-line="43" class="code-line">
<p data-line="43" class="code-line">Claude Desktopを再起動します。バックグラウンドで起動しているプロセスがあれば、全て停止してから再起動します。<br>
 </p>
</li>
<li data-line="46" class="code-line">
<p data-line="46" class="code-line">構成ファイルが正常に反映されると、設定画面にfilesystemが追加されます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/827517eb5239-20250620.png" width="500" loading="lazy" class="md-img"><br>
 </p>
</li>
</ol>
<h2 id="claude%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E6%93%8D%E4%BD%9C%E3%81%99%E3%82%8B" data-line="50" class="code-line">
<a class="header-anchor-link" href="#claude%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E6%93%8D%E4%BD%9C%E3%81%99%E3%82%8B" aria-hidden="true"></a> Claudeでローカルファイルを操作する</h2>
<ol data-line="51" class="code-line">
<li data-line="51" class="code-line">
<p data-line="51" class="code-line">Claudeで操作をリクエストします。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/b38324b3ae3a-20250623.png" width="600" loading="lazy" class="md-img"></p>
</li>
<li data-line="54" class="code-line">
<p data-line="54" class="code-line">確認メッセージが表示されるので、許可します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/fb9d78ba5137-20250620.png" width="350" loading="lazy" class="md-img"></p>
</li>
<li data-line="57" class="code-line">
<p data-line="57" class="code-line">ローカルディレクトリに、ファイル一覧を出力したテキストファイルが作成されました。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/e7bbeace260b-20250623.png" loading="lazy" class="md-img"></p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">ファイル一覧.txt</span></div>
<pre class="language-textile"><code class="language-textile code-line" data-line="60"><span class="token phrase">ローカルディレクトリファイル一覧
=====================================
C:\Test\
├── image\
│   ├── desktop.ini
│   ├── スクリーンショット 2024-04-10 132437.png
│   ├── スクリーンショット 2024-05-22 174228.png
│   ├── スクリーンショット 2024-06-12 114001.png
│   ├── スクリーンショット 2024-06-20 151202.png
│   ├── スクリーンショット 2024-10-17 143648.png
│   ├── スクリーンショット 2024-10-24 114207.png
│   ├── スクリーンショット 2025-06-05 103756.png
│   ├── スクリーンショット 2025-06-09 143808.png
│   ├── スクリーンショット 2025-06-19 161510.png
│   └── スクリーンショット 2025-06-20 164226.png</span>

<span class="token phrase">総ファイル数: 11個
総ディレクトリ数: 1個</span>

<span class="token phrase">ファイル詳細:
- PNGファイル: 10個
- システムファイル: 1個 (desktop.ini)</span>

<span class="token phrase">最新ファイル: スクリーンショット 2025-06-20 164226.png
最古ファイル: スクリーンショット 2024-04-10 132437.png
</span></code></pre>
</div>
</li>
<li data-line="88" class="code-line">
<p data-line="88" class="code-line">続けてリクエストを入力します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/67e81f9290a0-20250623.png" loading="lazy" class="md-img"></p>
</li>
<li data-line="91" class="code-line">
<p data-line="91" class="code-line">imageディレクトリのファイル名が変更されました。</p>
<p data-line="93" class="code-line"> <br>
＜変更前＞<br>
<img src="https://storage.googleapis.com/zenn-user-upload/12296115fbfc-20250623.png" loading="lazy" class="md-img"><br>
 </p>
<p data-line="98" class="code-line">＜変更後＞<br>
<img src="https://storage.googleapis.com/zenn-user-upload/c9daf24af5f4-20250623.png" loading="lazy" class="md-img"></p>
</li>
</ol>
<h2 id="%E5%8F%82%E8%80%83" data-line="101" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h2>
<p data-line="102" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__021a84c41a167" src="https://embed.zenn.studio/card#zenn-embedded__021a84c41a167" data-content="https%3A%2F%2Fmodelcontextprotocol.io%2Fquickstart%2Fuser" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://modelcontextprotocol.io/quickstart/user" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://modelcontextprotocol.io/quickstart/user</a></p>


Claude DesktopでMCPを使用する

MCPのインストールとClaude Desktopの設定

Claudeでローカルファイルを操作する

Discussion