<h1 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> はじめに</h1>
この記事では、Neovim で Claude Code を使用できるようにするまでの手順を紹介します。
Cloude Code の具体的な使用方法までは説明していません。
<h2 id="claude-code%E3%81%A8%E3%81%AF" data-line="6" class="code-line">
<a class="header-anchor-link" href="#claude-code%E3%81%A8%E3%81%AF" aria-hidden="true"></a> Claude Codeとは</h2>
Claude Codeは、Anthropic社が開発したターミナルベースのAIコーディングアシスタントです。コードベースを理解し、自然言語のコマンドを通じてタスクを実行できます。
公式のドキュメントは<a href="https://docs.anthropic.com/en/docs/claude-code" target="_blank" rel="nofollow noopener noreferrer">こちら</a>
<h1 id="%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95" data-line="12" class="code-line">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95" aria-hidden="true"></a> インストール方法</h1>
<h2 id="1.-claude-code%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" data-line="14" class="code-line">
<a class="header-anchor-link" href="#1.-claude-code%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> 1. Claude Codeのインストール</h2>
Claude Code をインストールします。
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="18">npm install -g @anthropic-ai/claude-code
</code></pre></div>インストールされたことを確認します。
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="24">claude --version
</code></pre></div>私の環境では、上記のコマンドではインストールできませんでした。 
そのため、以下のコマンドを実行しています。
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="31"># 既存のグローバルパッケージのリストを保存
pm list -g --depth=0 &gt; ~/npm-global-packages.txt

# npmのグローバルパッケージ用のディレクトリを作成
mkdir -p ~/.npm-global

# npmの設定を変更
npm config set prefix ~/.npm-global

# PATHに追加（.zshrcや.bashrcなど使用しているシェルの設定ファイルに追加）
echo 'export PATH=~/.npm-global/bin:$PATH' &gt;&gt; ~/.zshrc

# 設定を反映
source ~/.zshrc

# Claude Codeをインストール
npm install -g @anthropic-ai/claude-code
</code></pre></div>インストール後、プロジェクトディレクトリに移動して<code>claude</code>コマンドを実行し、<code>Anthropic Console</code>アカウントを使って認証を完了します。
<h2 id="2.-neovim%E3%81%AE%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97" data-line="53" class="code-line">
<a class="header-anchor-link" href="#2.-neovim%E3%81%AE%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97" aria-hidden="true"></a> 2. Neovimのセットアップ</h2>
<h3 id="vim-plug%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" data-line="55" class="code-line">
<a class="header-anchor-link" href="#vim-plug%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> vim-plugを使ったインストール</h3>
<code>claude-code.nvim</code>プラグインをインストールするために、まず<code>~/.config/nvim/init.vim</code>（または設定ファイルの場所）を編集します：
<div class="code-block-container">
<div class="code-block-filename-container">init.vim</div>
<pre class="language-vim"><code class="language-vim code-line" data-line="59">" vim-plugの設定部分
call plug#begin()

" 必須の依存関係
Plug 'nvim-lua/plenary.nvim'

" Claude Code Neovimプラグイン
Plug 'greggh/claude-code.nvim'

" その他のプラグイン...

call plug#end()

" プラグインの設定
lua &lt;&lt; EOF
require('claude-code').setup({
 -- 設定オプション（必要に応じて）
})
EOF

" キーマッピング
let mapleader = ","
nnoremap &lt;leader&gt;cc &lt;cmd&gt;ClaudeCode&lt;CR&gt;
</code></pre>
</div>設定ファイルを保存した後、Neovimを起動して<code>:PlugInstall</code>を実行します。
<h2 id="3.-%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%BF%E3%81%84%E6%96%B9" data-line="87" class="code-line">
<a class="header-anchor-link" href="#3.-%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%BF%E3%81%84%E6%96%B9" aria-hidden="true"></a> 3. 基本的な使い方</h2>
<h3 id="%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89" data-line="89" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89" aria-hidden="true"></a> コマンド</h3>
Neovim を起動して、以下のコマンドを実行します。
<ul data-line="93" class="code-line">
<li data-line="93" class="code-line">
<code>:ClaudeCode</code> - Claude Codeターミナルウィンドウの表示/非表示を切り替え</li>
<li data-line="94" class="code-line">
<code>:ClaudeCodeContinue</code> - 最近の会話を再開</li>
<li data-line="95" class="code-line">
<code>:ClaudeCodeResume</code> - 会話選択インタラクティブピッカーを表示</li>
</ul>
キーマッピングを設定している場合は、Neovim を起動して、以下のキーを押します。
<div class="code-block-container"><pre><code class="code-line" data-line="99">,cc
</code></pre></div><ul data-line="103" class="code-line">
<li data-line="103" class="code-line">Claude Code の終了は、Claude Code のターミナル内で<code>/exit</code> または、 &lt;C-d&gt; を2回実行します。</li>
</ul>
<h1 id="%E3%81%BE%E3%81%A8%E3%82%81" data-line="105" class="code-line">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h1>
Claude CodeとNeovimの統合により、AIアシスタントの力をお気に入りのエディタ内で直接活用できます。この組み合わせにより、コーディングの効率が大幅に向上し、複雑なタスクも簡単に処理できるようになります。
プラグインのさらなる機能や最新の更新については、<a href="https://github.com/greggh/claude-code.nvim" target="_blank" rel="nofollow noopener noreferrer">GitHub リポジトリ</a>を参照してください。
<h1 id="%E5%8F%82%E8%80%83%E8%B3%87%E6%96%99" data-line="111" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E8%B3%87%E6%96%99" aria-hidden="true"></a> 参考資料</h1>
<ul data-line="113" class="code-line">
<li data-line="113" class="code-line"><a href="https://github.com/greggh/claude-code.nvim" target="_blank" rel="nofollow noopener noreferrer">claude-code.nvim</a></li>
<li data-line="114" class="code-line"><a href="https://docs.anthropic.com/en/docs/claude-code" target="_blank" rel="nofollow noopener noreferrer">claude-code</a></li>
<li data-line="115" class="code-line"><a href="https://github.com/anthropics/claude-code" target="_blank" rel="nofollow noopener noreferrer">claude-code(github)</a></li>
<li data-line="116" class="code-line"><a href="https://docs.anthropic.com/en/docs/claude-code/troubleshooting#recommended-solution-create-a-user-writable-npm-prefix" target="_blank" rel="nofollow noopener noreferrer">Troubleshooting</a></li>
</ul>

claude code を Neovim で使用できるようにするまで

Discussion