<p data-line="1" class="code-line">Neovimを使っていてCopilotを入れたくなって調べてみたので備忘録を残します。</p>
<h2 id="copilot(ai%E3%82%A2%E3%82%B7%E3%82%B9%E3%83%88)%E6%A9%9F%E8%83%BD%E3%82%92%E6%8F%90%E4%BE%9B%E3%81%99%E3%82%8B%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3" data-line="3" class="code-line"><a class="header-anchor-link" href="#copilot(ai%E3%82%A2%E3%82%B7%E3%82%B9%E3%83%88)%E6%A9%9F%E8%83%BD%E3%82%92%E6%8F%90%E4%BE%9B%E3%81%99%E3%82%8B%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3" aria-hidden="true"></a> Copilot(AIアシスト)機能を提供するプラグイン</h2>
<p data-line="5" class="code-line">NeovimにはいくつかAIアシスト系のプラグインはいくつかありますが、参考動画をみて今回は3つの中から決めました。</p>
<p data-line="7" class="code-line"><span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/MzFr7iXsESs" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://www.youtube.com/watch?v=MzFr7iXsESs" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/watch?v=MzFr7iXsESs</a></p>
<ul data-line="9" class="code-line">
<li data-line="9" class="code-line"><strong>ChatGPT.nvim</strong></li>
<li data-line="10" class="code-line"><strong>codeium.nvim</strong></li>
<li data-line="11" class="code-line"><strong>copilot.vim</strong></li>
</ul>
<p data-line="13" class="code-line">結論としてはcopilot.vimを選択しました。</p>
<p data-line="15" class="code-line">ChatGPT.nvimはcopilot的なアシストというよりかはChatGPTのようにチャットをして話しながら進めるものっぽかったのでやめました。</p>
<p data-line="17" class="code-line">codeiumは補完機能として別窓で表示されるみたいですが、copilotはゴーストとして表示されるようです。無料で使えるのがよさそうでしたが、性能自体はcopilotの方が良いっぽいです。(Githubのコードを使って学習しているため)</p>
<p data-line="19" class="code-line">個人的には既にcopilotを契約していたので、GitHubアカウントを紐付けるだけで良いcopilot.nvimがよさそうだと思いました。</p>
<table data-line="21" class="code-line">
<thead data-line="21" class="code-line">
<tr data-line="21" class="code-line">
<th>機能名</th>
<th>特徴・説明</th>
<th>利用料金</th>
<th>その他の情報</th>
</tr>
</thead>
<tbody data-line="23" class="code-line">
<tr data-line="23" class="code-line">
<td><strong>ChatGPT.nvim</strong></td>
<td>ChatGPTのようにチャット形式で進めるアシスト機能。</td>
<td>無料</td>
<td>コード補完よりも対話重視。</td>
</tr>
<tr data-line="24" class="code-line">
<td><strong>codeium.nvim</strong></td>
<td>補完機能として別ウィンドウに表示。ゴースト表示はなし。</td>
<td>無料（制限あり）</td>
<td>性能は良いが、Copilotと比較すると劣る。</td>
</tr>
<tr data-line="25" class="code-line">
<td><strong>copilot.vim</strong></td>
<td>GitHub Copilotの機能を利用し、ゴースト表示でコード補完。</td>
<td>有料（サブスクリプション）</td>
<td>GitHubアカウントと連携が簡単。</td>
</tr>
</tbody>
</table>
<h2 id="copilot.vim%E3%82%92%E5%85%A5%E3%82%8C%E3%81%A6%E3%81%BF%E3%82%8B" data-line="27" class="code-line"><a class="header-anchor-link" href="#copilot.vim%E3%82%92%E5%85%A5%E3%82%8C%E3%81%A6%E3%81%BF%E3%82%8B" aria-hidden="true"></a> copilot.vimを入れてみる</h2>
<p data-line="28" class="code-line">実際にcopilot.vimを入れてみたところ、詰まったりしたのでメモを残します。</p>
<h3 id="copilot.vim%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" data-line="30" class="code-line"><a class="header-anchor-link" href="#copilot.vim%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> copilot.vimのインストール</h3>
<p data-line="31" class="code-line"><code>copilot.vim</code>を導入する場合は、lazy.nvimなどを利用してインストールするだけです。</p>
<p data-line="33" class="code-line">レポジトリは<code>github/copilot.vim</code>です。</p>
<h4 id="lazy.nvim%E3%81%AE%E5%A0%B4%E5%90%88" data-line="35" class="code-line"><a class="header-anchor-link" href="#lazy.nvim%E3%81%AE%E5%A0%B4%E5%90%88" aria-hidden="true"></a> lazy.nvimの場合</h4>
<p data-line="36" class="code-line">init.luaで管理している場合:</p>
<div class="code-block-container"><div class="code-block-filename-container"><span class="code-block-filename">init.lua</span></div><pre class="language-lua"><code class="language-lua code-line" data-line="37"><span class="token punctuation">{</span>
  <span class="token string">"github/copilot.vim"</span>
<span class="token punctuation">}</span>
</code></pre></div><p data-line="43" class="code-line">LazyVimなどpluginディレクトリ+別ファイルで管理している場合:</p>
<div class="code-block-container"><div class="code-block-filename-container"><span class="code-block-filename">plugin/copilot.lua</span></div><pre class="language-lua"><code class="language-lua code-line" data-line="44"><span class="token keyword">return</span> <span class="token punctuation">{</span>
  <span class="token string">"github/copilot.vim"</span>
<span class="token punctuation">}</span>
</code></pre></div><h2 id="%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%8C%E5%87%BA%E3%81%9F%E3%82%89..." data-line="50" class="code-line"><a class="header-anchor-link" href="#%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%8C%E5%87%BA%E3%81%9F%E3%82%89..." aria-hidden="true"></a> エラーが出たら...</h2>
<p data-line="52" class="code-line">ちなみに私はfatal: could not read Username for ...と表示されてエラーになりました。</p>
<p data-line="54" class="code-line">調べると同じような状態になっていた人がredditでいました。</p>
<ul data-line="56" class="code-line">
<li data-line="56" class="code-line"><a href="https://www.reddit.com/r/vim/comments/qh3epp/github_githubcopilotvim_neovim_plugin_for_github" target="_blank" rel="nofollow noopener noreferrer">https://www.reddit.com/r/vim/comments/qh3epp/github_githubcopilotvim_neovim_plugin_for_github</a></li>
</ul>
<p data-line="58" class="code-line">コメントを見るとタイポみたいだったので、自分もよく見るとインストールしようとしていたのがcopilot.<strong>n</strong>vimで実際に書くべきはcopilot.vimでした。</p>
<p data-line="60" class="code-line"><strong>n</strong>は必要なかったみたいです。笑</p>
<p data-line="62" class="code-line">当たり前ですが<code>github/copilot.vim</code>に直したらうまくいきました。</p>
<h3 id="copilot.vim%E3%81%AE%E8%A8%AD%E5%AE%9A" data-line="64" class="code-line"><a class="header-anchor-link" href="#copilot.vim%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> copilot.vimの設定</h3>
<p data-line="65" class="code-line">インストールしたら<code>:Copilot setup</code>でGithub Accountにログインして<code>:Copilot enable</code>を設定します。</p>
<p data-line="67" class="code-line">やってみたところ下記のエラーが出ました。</p>
<h4 id="node.js%E3%81%AE%E5%95%8F%E9%A1%8C" data-line="69" class="code-line"><a class="header-anchor-link" href="#node.js%E3%81%AE%E5%95%8F%E9%A1%8C" aria-hidden="true"></a> Node.jsの問題</h4>
<p data-line="70" class="code-line">次に、<code>:Copilot setup</code>を実行した際に"Node.js not found in path"というエラーが表示されました。</p>
<p data-line="72" class="code-line">私はNode.jsがインストールされているはずだと思っていましたが、どうやらzshのパスにNode.jsが通っていないようでした。Qiitaの記事を参考にパス設定を行ったところ、この問題も解決しました。</p>
<p data-line="74" class="code-line">
    <iframe 
      class="hatenablogcard" 
      style="width:100%;height:155px;max-width:680px;" 
      src="https://hatenablog-parts.com/embed?url=https://qiita.com/ryome/items/5f85f326b06ae7b2f4c1" 
      width="300" 
      height="150" 
      frameborder="0" 
      scrolling="no">
    </iframe>       
    </p>
<p data-line="76" class="code-line">もう一度:Copilot setupしてInputの右上に出てきたコードをコピーしてメモに写し、ブラウザで開いているNeoVimに貼り付けました。</p>
<p data-line="78" class="code-line">本来は<code>:Copilot enable</code>で有効化しますが、私の場合は何もしなくても有効化されていました。</p>
<p data-line="80" class="code-line">これでcopilotが無事使えるようになりました。</p>


NeovimにCopilot(AIアシスト)機能を追加するプラグイン