<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="1" class="code-line">以前の方法です。現在は<a href="https://plugins.jetbrains.com/plugin/27310-claude-code-beta-" target="_blank" rel="nofollow noopener noreferrer">JetBrains plugin</a>を使うのがいいでしょう。</p>
</div></aside>
<ul data-line="4" class="code-line">
<li data-line="4" class="code-line">ターミナルでclaudeを実行し、/configコマンドで設定</li>
<li data-line="5" class="code-line">/ideコマンドでIDE連携が可能</li>
</ul>
<p data-line="7" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__fb4ebf62d83ee" src="https://embed.zenn.studio/card#zenn-embedded__fb4ebf62d83ee" data-content="https%3A%2F%2Fdocs.anthropic.com%2Fen%2Fdocs%2Fclaude-code%2Fide-integrations" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.anthropic.com/en/docs/claude-code/ide-integrations" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.anthropic.com/en/docs/claude-code/ide-integrations</a></p>
<hr data-line="9" class="code-line">
<h2 id="%E5%8E%9F%E6%96%87" data-line="11" class="code-line">
<a class="header-anchor-link" href="#%E5%8E%9F%E6%96%87" aria-hidden="true"></a> 原文</h2>
<p data-line="13" class="code-line">ClineはVSCode拡張なので、IntelliJやWebStormなどのJetBrains製品のエディタには対応していません。</p>
<p data-line="15" class="code-line">JetBrains版のエージェントとも言える<a href="https://www.jetbrains.com/junie/" target="_blank" rel="nofollow noopener noreferrer">Junie</a>の登場も控えていますが、他のユーザーのレビューによると他ツールと同じ開発体験を実現するのは難しそうでした<s>Claude 3.7 Sonnetをモデルに指定して使うことは出来なさそうでした。コーディングタスク能力にかなり差があるのでClaudeを使いたいところです。</s><sup class="footnote-ref"><a href="#fn-41c8-1" id="fnref-41c8-1">[1]</a></sup></p>
<p data-line="19" class="code-line">そこでCLI（TUI）ベースのコーディングエージェントのClaude Codeの出番です。</p>
<p data-line="21" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__47890b18f57c9" src="https://embed.zenn.studio/card#zenn-embedded__47890b18f57c9" data-content="https%3A%2F%2Fdocs.anthropic.com%2Fen%2Fdocs%2Fagents-and-tools%2Fclaude-code%2Ftutorials" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.anthropic.com/en/docs/agents-and-tools/claude-code/tutorials" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.anthropic.com/en/docs/agents-and-tools/claude-code/tutorials</a></p>
<p data-line="23" class="code-line">MCPで２つを接続することによりエージェントからIDEで開いているファイルや選択範囲などを取得できるようにします。</p>
<p data-line="25" class="code-line">JetBrains IDEはターミナルウィンドウを搭載しているので、その中でClaude Codeを実行します。</p>
<p data-line="27" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/80d6cda85c86-20250307.png" loading="lazy" class="md-img"></p>
<p data-line="29" class="code-line"><em>※完成図(一見Cline風)</em></p>
<h2 id="%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97" data-line="31" class="code-line">
<a class="header-anchor-link" href="#%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97" aria-hidden="true"></a> セットアップ</h2>
<span class="embed-block zenn-embedded zenn-embedded-mermaid"><iframe id="zenn-embedded__436b0bcec0dc5" src="https://embed.zenn.studio/mermaid#zenn-embedded__436b0bcec0dc5" data-content="flowchart%20TB%0A%20%20%20%20subgraph%20JetBrains%5B%22JetBrains%20IDE%20(WebStorm)%22%5D%0A%20%20%20%20%20%20%20%20Editor%5B%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%5D%0A%20%20%20%20%20%20%20%20Terminal%5B%E3%82%BF%E3%83%BC%E3%83%9F%E3%83%8A%E3%83%AB%5D%0A%20%20%20%20%20%20%20%20Plugin%5BMCP%20Server%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%5D%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20Editor%20%3C--%3E%20Plugin%0A%20%20%20%20%20%20%20%20Terminal%20--%3E%20Claude%0A%20%20%20%20end%0A%20%20%20%20%0A%20%20%20%20subgraph%20Claude%5B%22Claude%20Code%E7%92%B0%E5%A2%83%22%5D%0A%20%20%20%20%20%20%20%20Claude%5BClaude%20Code%20CLI%5D%0A%20%20%20%20%20%20%20%20Proxy%5BJetBrains%20MCP%20Proxy%5D%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20Claude%20%3C--%3E%20Proxy%0A%20%20%20%20end%0A%20%20%20%20%0A%20%20%20%20Plugin%20%3C--%3E%20Proxy%0A%20%20%20%20%0A%20%20%20%20User(%5B%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%5D)%20%3C--%3E%20Editor%0A%20%20%20%20User%20%3C--%3E%20Terminal" frameborder="0" scrolling="no" loading="lazy"></iframe></span><p data-line="57" class="code-line"><em>※全体の構成</em></p>
<p data-line="59" class="code-line">まずJetBrains IDEをMCP Serverに対応させるプラグインとして以下をインストールします（筆者はWebStorm）。</p>
<p data-line="61" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__91b3e85ae804a" src="https://embed.zenn.studio/card#zenn-embedded__91b3e85ae804a" data-content="https%3A%2F%2Fplugins.jetbrains.com%2Fplugin%2F26071-mcp-server" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://plugins.jetbrains.com/plugin/26071-mcp-server" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://plugins.jetbrains.com/plugin/26071-mcp-server</a></p>
<p data-line="63" class="code-line">分かりづらいのですが、このプラグインがMCPサーバーというわけではなくMCPサーバーと通信できるようにするエディタ側の拡張機能です。</p>
<p data-line="65" class="code-line">次にClaude Codeに追加するMCPサーバーとしてJetBrains MCP Proxy Serverを設定します。</p>
<p data-line="67" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__05ddd7a7cebfb" src="https://embed.zenn.studio/card#zenn-embedded__05ddd7a7cebfb" data-content="https%3A%2F%2Fgithub.com%2FJetBrains%2Fmcp-jetbrains" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/JetBrains/mcp-jetbrains" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/JetBrains/mcp-jetbrains</a></p>
<p data-line="69" class="code-line">これはMCPサーバーです。Claude Code(MCPクライアント機能を持つプログラム)→<code>npx -y @jetbrains/mcp-proxy...</code>で起動するプロセスと標準出力で応答する、という関係です。</p>
<p data-line="71" class="code-line">以下のコマンドで追加します。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="73">❯ claude mcp <span class="token function">add</span> mcp-jetbrains -- npx <span class="token parameter variable">-y</span> @jetbrains/mcp-proxy
Added stdio MCP server mcp-jetbrains with command: npx <span class="token parameter variable">-y</span> @jetbrains/mcp-proxy to project config
</code></pre></div><p data-line="78" class="code-line">正常に設定できると以下のようにリストされます。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="80">❯ claude mcp list
mcp-jetbrains: npx <span class="token parameter variable">-y</span> @jetbrains/mcp-proxy
</code></pre></div><h2 id="%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86" data-line="85" class="code-line">
<a class="header-anchor-link" href="#%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86" aria-hidden="true"></a> 使ってみよう</h2>
<p data-line="87" class="code-line">ではWebStormを立ち上げコーディングをしてみましょう。Cline（むしろCursor）っぽくするためにターミナルを横に移動しましょうか。以下から操作できます。</p>
<p data-line="89" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/33cd60bdc284-20250307.png" loading="lazy" class="md-img"></p>
<p data-line="91" class="code-line">ターミナル内でclaudeコマンドでClaude Codeを起動します。この時MCPサーバーに接続されます。</p>
<p data-line="93" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/15865c877c81-20250307.png" loading="lazy" class="md-img"></p>
<p data-line="95" class="code-line">MCPサーバーの動作を確認するために何かファイルを開いて「今開いているファイルは何？」と聞いてみます。すると”mcp-jetbrains: get_open_in_editor_file_path”というツールを使ってよいか尋ねられます。”Yes, and don't ask again...”にしておくとこのツールの許可は以後自動になります。</p>
<p data-line="97" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/b1de491721ef-20250307.png" loading="lazy" class="md-img"></p>
<p data-line="99" class="code-line">テキスト選択をClaude Codeが検知できるかも試します。「この選択した部分を説明してほしい」と指示をしました。選択ツールを使ってくれます。ちなみに「選択した部分」を省略したら伝わりませんでした。ニホンゴ難しい。</p>
<p data-line="101" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/809bb8739486-20250307.png" loading="lazy" class="md-img"></p>
<p data-line="103" class="code-line">個人的にはVSCodeベースのAIコーディングツールの一番気に入っているところは差分の表示→レビューが快適なところです。この部分は本ソリューションでどうなるでしょう？　Claude CodeはデフォルトでDIFFをターミナルに色付きで出力します。それは生きていますね。</p>
<p data-line="105" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/9c1d1c579d59-20250307.png" loading="lazy" class="md-img"></p>
<p data-line="107" class="code-line">そしてJetBrainsは<code>⌘+0</code>でGitのステージファイルの操作ビューが開けます。</p>
<p data-line="109" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/6ef21fea93c9-20250307.png" loading="lazy" class="md-img"></p>
<p data-line="111" class="code-line">これがある程度代替手段になりそうですが、ClineやCursorほどの柔軟性はない印象です。いっそSourceTreeなどの外部DIFFツールで開いてもいいかもしれません。試行錯誤中です。</p>
<h2 id="%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" data-line="113" class="code-line">
<a class="header-anchor-link" href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" aria-hidden="true"></a> おわりに</h2>
<p data-line="115" class="code-line">以上、JetBrains IDEと Claude Codeを利用したCline風コーディングエージェント環境を構築する方法を紹介しました。完全なClineと同等の開発者体験を再現するのは難しいですが、代替手段としてぜひ試してみてください。</p>
<p data-line="117" class="code-line">そしてJetBrains IDE版Clineの開発に関心のある方は以下のディスカッションに参加してください（筆者はコメントしたところ作る方に関心がある人は少ないのかスルーされました）。</p>
<p data-line="119" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__a1d6e06b712b4" src="https://embed.zenn.studio/card#zenn-embedded__a1d6e06b712b4" data-content="https%3A%2F%2Fgithub.com%2Fcline%2Fcline%2Fdiscussions%2F581" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/cline/cline/discussions/581" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/cline/cline/discussions/581</a></p>
<p data-line="121" class="code-line">またこの方法の組み合わせは以下のように代替可能です</p>
<ul data-line="122" class="code-line">
<li data-line="122" class="code-line">Claude Codeのかわりに<a href="https://aider.chat/" target="_blank" rel="nofollow noopener noreferrer">Aider</a>や<a href="https://github.com/block/goose" target="_blank" rel="nofollow noopener noreferrer">Goose</a>を使う
<ul data-line="123" class="code-line">
<li data-line="123" class="code-line">AiderはMCPに未対応</li>
<li data-line="124" class="code-line">Gooseは他社モデルも使える</li>
</ul>
</li>
<li data-line="125" class="code-line">IDE組み込みターミナルではなくて<a href="https://iterm2.com/" target="_blank" rel="nofollow noopener noreferrer">iTerm2</a>などを外部ウィンドウで並べる
<ul data-line="126" class="code-line">
<li data-line="126" class="code-line">Claude Codeのタスクの通知を受信できる</li>
</ul>
</li>
</ul>
<section class="footnotes">
<span class="footnotes-title">脚注</span>
<ol class="footnotes-list">
<li id="fn-41c8-1" class="footnote-item">
<p data-line="17" class="code-line">現在はClaudeを使えるようです <a href="https://plugins.jetbrains.com/plugin/26104-jetbrains-junie-eap" target="_blank" rel="nofollow noopener noreferrer">https://plugins.jetbrains.com/plugin/26104-jetbrains-junie-eap</a> <a href="#fnref-41c8-1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>


JetBrains IDEとClaude Codeを連携させて擬似Clineにする

Mitsuhiro Koga

<p data-line="0" class="code-line">普段、Riderを使っているので助かります。<br>
Claude CodeはWindowsだとネイティブ非対応でWSLが必要なのですがmpc-jetbrainsのREADMEで解説されているCladue Desktopでも動いたのでGUIが好みならこっちが良さそうです。</p>


Discussion