<p data-line="0" class="code-line"><a href="https://githubuniverse.com" target="_blank" rel="nofollow noopener noreferrer">GitHub Universe 2024</a> にて、GitHub Copilot の Xcode 機能拡張のパブリックプレビューのリリースが発表されました。</p>
<span class="embed-block zenn-embedded zenn-embedded-tweet"><iframe id="zenn-embedded__4a3ddcb7adf54" src="https://embed.zenn.studio/tweet#zenn-embedded__4a3ddcb7adf54" data-content="https%3A%2F%2Fx.com%2Ftreastrain%2Fstatus%2F1851307391952052437" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<p data-line="4" class="code-line">GitHub Copilot 自体は、Swift や Objective-C といった Apple プラットフォームでよく用いられるプログラミング言語についても利用できていましたが、これからは Xcode 上で GitHub Copilot を使えるようになります。GitHub Copilot を使いたいためだけに他のエディタを使用する必要はもうありません。</p>
<p data-line="6" class="code-line">それでは GitHub Copilot を Xcode で使ってみましょう。</p>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="9" class="code-line">本記事公開時点で、GitHub Copilot 機能拡張 for Xcode はパブリックプレビュー版です。使用には十分注意してください。また将来の GA リリースの際には利用方法が異なっている可能性もあります。</p>
</div></aside>
<h1 id="%E5%BF%85%E8%A6%81%E3%81%AA%E7%92%B0%E5%A2%83" data-line="12" class="code-line">
<a class="header-anchor-link" href="#%E5%BF%85%E8%A6%81%E3%81%AA%E7%92%B0%E5%A2%83" aria-hidden="true"></a> 必要な環境</h1>
<ul data-line="14" class="code-line">
<li data-line="14" class="code-line">GitHub Copilot が利用可能になっている GitHub.com のアカウント</li>
<li data-line="15" class="code-line">macOS Monterey 以降で、Xcode 8.0 以降<sup class="footnote-ref"><a href="#fn-b15a-1" id="fnref-b15a-1">[1]</a></sup>が使えるようになっている Mac
<ul data-line="16" class="code-line">
<li data-line="16" class="code-line">本記事では macOS Sequoia で Xcode 16.1 を用いています</li>
</ul>
</li>
</ul>
<h1 id="github-copilot-%E6%A9%9F%E8%83%BD%E6%8B%A1%E5%BC%B5-for-xcode-%E3%82%92%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%83%BB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" data-line="18" class="code-line">
<a class="header-anchor-link" href="#github-copilot-%E6%A9%9F%E8%83%BD%E6%8B%A1%E5%BC%B5-for-xcode-%E3%82%92%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%83%BB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> GitHub Copilot 機能拡張 for Xcode をダウンロード・インストール</h1>
<p data-line="20" class="code-line">GitHub Copilot 機能拡張 for Xcode をダウンロード・インストールする方法は2つあります。</p>
<h2 id="%E6%96%B9%E6%B3%951%3A-homebrew-cask-%E7%B5%8C%E7%94%B1%E3%81%A7%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" data-line="22" class="code-line">
<a class="header-anchor-link" href="#%E6%96%B9%E6%B3%951%3A-homebrew-cask-%E7%B5%8C%E7%94%B1%E3%81%A7%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> 方法1: Homebrew Cask 経由でインストール</h2>
<p data-line="24" class="code-line">GitHub Copilot 機能拡張 for Xcode は Homebrew Cask でインストールできます。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="26">brew <span class="token function">install</span> <span class="token parameter variable">--cask</span> github-copilot-for-xcode
</code></pre></div><h2 id="%E6%96%B9%E6%B3%952%3A-%E8%87%AA%E5%88%86%E3%81%A7-github%2Fcopilotforxcode-%E3%81%AE%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B8-%E3%81%8B%E3%82%89%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%83%BB%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="#%E6%96%B9%E6%B3%952%3A-%E8%87%AA%E5%88%86%E3%81%A7-github%2Fcopilotforxcode-%E3%81%AE%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B8-%E3%81%8B%E3%82%89%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%83%BB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> 方法2: 自分で <a href="https://github.com/github/CopilotForXcode/releases" target="_blank" rel="nofollow noopener noreferrer">github/CopilotForXcode のリリースページ</a> からダウンロード・インストール</h2>
<p data-line="32" class="code-line">GitHub Copilot 機能拡張 for Xcode の .dmg ファイルを、<a href="https://github.com/github/CopilotForXcode/releases" target="_blank" rel="nofollow noopener noreferrer">github/CopilotForXcode のリリースページ</a> からダウンロードします。</p>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__729c26f49a849" src="https://embed.zenn.studio/card#zenn-embedded__729c26f49a849" data-content="https%3A%2F%2Fgithub.com%2Fgithub%2FCopilotForXcode" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<p data-line="36" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/1f9724e086da-20241030.png" loading="lazy" class="md-img"><br>
<em>本記事執筆時点での最新のバージョンは 0.27.0 でした。</em></p>
<p data-line="39" class="code-line">.dmg ファイルがダウンロードできたら開き、「GitHub Copilot for Xcode」アプリをアプリケーションフォルダにドラッグ&amp;ドロップしてインストールします。</p>
<p data-line="41" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/1eb09e94452e-20241030.png" width="300" loading="lazy" class="md-img"></p>
<h1 id="%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E6%A8%A9%E3%81%AE%E8%A8%AD%E5%AE%9A" data-line="43" class="code-line">
<a class="header-anchor-link" href="#%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E6%A8%A9%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> アクセス権の設定</h1>
<p data-line="45" class="code-line">アプリケーションフォルダにインストールした「GitHub Copilot for Xcode」アプリを開きます。すると、はじめにアクセシビリティ機能へのアクセス許可が求められるので設定します。Mac の「システム設定」から、「プライバシーとセキュリティ」&gt;「アクセシビリティ」に進み、「GitHub Copilot for Xcode Extension」を許可します。</p>
<p data-line="47" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/25f1c6da2211-20241030.png" width="500" loading="lazy" class="md-img"></p>
<p data-line="49" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/da64f5000c0b-20241030.png" width="500" loading="lazy" class="md-img"></p>
<p data-line="51" class="code-line">その後、「GitHub Copilot for Xcode」アプリに戻ると Xcode Source Editor のアクセス権も求められるので、そちらも設定します。「システム設定」の「一般」&gt;「ログイン項目と機能拡張」&gt;「Xcode Source Editor」に進み、「GitHub Copilot for Xcode Extension」を許可します。</p>
<p data-line="53" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/8a11eaf416d7-20241030.png" width="500" loading="lazy" class="md-img"></p>
<p data-line="55" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/91a033afcde1-20241030.png" width="500" loading="lazy" class="md-img"></p>
<h1 id="%E3%80%8Cgithub-copilot-for-xcode%E3%80%8D%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A7-github-%E3%81%AB%E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%99%E3%82%8B" data-line="57" class="code-line">
<a class="header-anchor-link" href="#%E3%80%8Cgithub-copilot-for-xcode%E3%80%8D%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A7-github-%E3%81%AB%E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%99%E3%82%8B" aria-hidden="true"></a> 「GitHub Copilot for Xcode」アプリで GitHub にログインする</h1>
<p data-line="59" class="code-line">「GitHub Copilot for Xcode」アプリの「Copilot Connection」にある「GitHub Account Status Permissions」で、「Login to GitHub」のボタンが表示されている場合には、それを押して GitHub へログインします。</p>
<p data-line="61" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/2aee5db61bc4-20241030.png" loading="lazy" class="md-img"></p>
<p data-line="63" class="code-line">ログインのためのコードが表示されますが、「Copy Code and Open」を押すことでクリップボードにそのコードがコピーされるので、覚えておく必要ありません。ブラウザが起動し、<a href="https://github.com/login/device/select_account" target="_blank" rel="nofollow noopener noreferrer">GitHub の Device Activation ページ</a>が開くので、コピーされているコードをペーストして「Continue」し、「Authorize GitHub Copilot Plugin」します。</p>
<p data-line="65" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/b4004e3659ba-20241030.png" loading="lazy" class="md-img"></p>
<p data-line="67" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/f86696bb3c75-20241030.png" loading="lazy" class="md-img"></p>
<p data-line="69" class="code-line">ログインが完了すると、「GitHub Connection: OK」と表示され、ボタンも「Logout from GitHub」へと変わっています。もしステータスが変化しない場合は、「Refresh Connection」ボタンを押してください。</p>
<p data-line="71" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/c504c073a23d-20241030.png" loading="lazy" class="md-img"></p>
<h1 id="xcode-%E3%81%A7%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B" data-line="73" class="code-line">
<a class="header-anchor-link" href="#xcode-%E3%81%A7%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B" aria-hidden="true"></a> Xcode で使ってみる</h1>
<p data-line="75" class="code-line">ここまでで GitHub Copilot 機能拡張 for Xcode の準備は完了です。Xcode で好きなプロジェクトを開いてみましょう。</p>
<p data-line="77" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/771d1d7a7c29-20241030.png" loading="lazy" class="md-img"></p>
<p data-line="79" class="code-line">Visual Studio Code や JetBrains の各 IDE での使い心地と同じように、Xcode でも GitHub Copilot が使えます…！！！</p>
<h1 id="%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88%E3%81%A7%E8%A8%AD%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%82%AD%E3%83%BC%E3%83%90%E3%82%A4%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0" data-line="81" class="code-line">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88%E3%81%A7%E8%A8%AD%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%82%AD%E3%83%BC%E3%83%90%E3%82%A4%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0" aria-hidden="true"></a> デフォルトで設定されているキーバインディング</h1>
<p data-line="83" class="code-line">Xcode での GitHub Copilot でのキーバインディングをまとめます。</p>
<table data-line="85" class="code-line">
<thead data-line="85" class="code-line">
<tr data-line="85" class="code-line">
<th style="text-align:center">入力キー</th>
<th style="text-align:left">動作</th>
</tr>
</thead>
<tbody data-line="87" class="code-line">
<tr data-line="87" class="code-line">
<td style="text-align:center"><code>Tab</code></td>
<td style="text-align:left">提案されたコードを受け入れる（入力する）</td>
</tr>
<tr data-line="88" class="code-line">
<td style="text-align:center"><code>Option</code></td>
<td style="text-align:left">複数行の提案の場合にそのすべてを表示する</td>
</tr>
<tr data-line="89" class="code-line">
<td style="text-align:center">
<code>Option</code> + <code>Tab</code>
</td>
<td style="text-align:left">複数行の提案をすべて表示している（<code>Option</code> キーを押しっぱなしにしている）状態から、そのコード提案を受け入れる（入力する）</td>
</tr>
</tbody>
</table>
<h1 id="%E3%82%AD%E3%83%BC%E3%83%90%E3%82%A4%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%8C%E8%A8%AD%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%81%AA%E3%81%84%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%A8%E3%80%81%E3%82%AD%E3%83%BC%E3%83%90%E3%82%A4%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA" data-line="91" class="code-line">
<a class="header-anchor-link" href="#%E3%82%AD%E3%83%BC%E3%83%90%E3%82%A4%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%8C%E8%A8%AD%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%81%AA%E3%81%84%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%A8%E3%80%81%E3%82%AD%E3%83%BC%E3%83%90%E3%82%A4%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA" aria-hidden="true"></a> キーバインディングが設定されていないメニューと、キーバインディングのカスタマイズ</h1>
<p data-line="93" class="code-line">また、Xcode の「Editor」&gt;「GitHub Copilot」には、編集時に使えるほかのメニューも存在します。</p>
<p data-line="95" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/dabde24e46c7-20241030.png" loading="lazy" class="md-img"></p>
<p data-line="97" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/d614c1252ad0-20241030.png" loading="lazy" class="md-img"></p>
<p data-line="99" class="code-line">それらのメニュー項目にはキーバインディングが設定されていませんが、Xcode 側の機能によってカスタムでキーバインドを設定することができます。たとえば、「Next Suggestion」に <code>Ctrl</code> + <code>[</code> を割り当ててみましょう。</p>
<p data-line="101" class="code-line">Xcode の設定（<code>Cmd</code> + <code>,</code>）から「Key Bindings」を開き、見やすいように「GitHub Copilot」でフィルタします。</p>
<p data-line="103" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/aaadf75cf44f-20241030.png" loading="lazy" class="md-img"></p>
<p data-line="105" class="code-line">キーバインドを追加したいコマンドを見つけたら、その行の右寄りをクリックしてキーバインド設定のモードに移ります。そのモードにいる間のキー入力がそのままキーバインドになります。キーバインドの入力が終わったら、マウスカーソルでキーバインド入力欄以外の任意の場所をクリックして、キーバインド設定のモードを抜けます。</p>
<p data-line="107" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/45b555d7ae8e-20241030.png" loading="lazy" class="md-img"></p>
<p data-line="109" class="code-line">改めて Xcode の「Editor」&gt;「GitHub Copilot」を見てみると、無事に設定されたキーバインドが表示され、使えるようになっていました！</p>
<p data-line="111" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/338ce2bbff5f-20241030.png" loading="lazy" class="md-img"></p>
<h1 id="%E3%81%9D%E3%81%AE%E3%81%BB%E3%81%8B%E3%81%AE%E6%83%85%E5%A0%B1" data-line="113" class="code-line">
<a class="header-anchor-link" href="#%E3%81%9D%E3%81%AE%E3%81%BB%E3%81%8B%E3%81%AE%E6%83%85%E5%A0%B1" aria-hidden="true"></a> そのほかの情報</h1>
<p data-line="115" class="code-line">GitHub Copilot 機能拡張 for Xcode は本記事執筆時点においてパブリックプレビュー版となっていますので、使用の際には注意してください。また、フィードバックを提供したり、コミュニティに参加して GitHub Copilot 機能拡張 for Xcode のより良い発展にぜひ貢献しましょう……！！！</p>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__ca5f19e5fdffd" src="https://embed.zenn.studio/card#zenn-embedded__ca5f19e5fdffd" data-content="https%3A%2F%2Fgithub.blog%2Fchangelog%2F2024-10-29-github-copilot-code-completion-in-xcode-is-now-available-in-public-preview%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__1cfced487f1c1" src="https://embed.zenn.studio/card#zenn-embedded__1cfced487f1c1" data-content="https%3A%2F%2Fgithub.com%2Fgithub%2FCopilotForXcode" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__61898d6e54252" src="https://embed.zenn.studio/card#zenn-embedded__61898d6e54252" data-content="https%3A%2F%2Fgithub.com%2Fgithub%2FCopilotForXcode%2Fissues" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__3aac128fb2981" src="https://embed.zenn.studio/card#zenn-embedded__3aac128fb2981" data-content="https%3A%2F%2Fgithub.com%2Forgs%2Fcommunity%2Fdiscussions%2F141898" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__b0bd71d731875" src="https://embed.zenn.studio/card#zenn-embedded__b0bd71d731875" data-content="https%3A%2F%2Fgithubuniverse.com%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<section class="footnotes">
<span class="footnotes-title">脚注</span>
<ol class="footnotes-list">
<li id="fn-b15a-1" class="footnote-item">
<p data-line="124" class="code-line">本記事執筆時点での最新の Xcode は 16.1 です。すごく古い Xcode でも使える… ように見えますが、macOS Monterey では通常であれば Xcode 13 以降しか動作しません 😢 <a href="#fnref-b15a-1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>


GitHub Copilot を Xcode で使う（GitHub 公式の Xcode 機能拡張）

方法1: Homebrew Cask 経由でインストール

方法2: 自分で github/CopilotForXcode のリリースページ からダウンロード・インストール

GitHub Copilot 機能拡張 for Xcode をダウンロード・インストール

「GitHub Copilot for Xcode」アプリで GitHub にログインする

デフォルトで設定されているキーバインディング

キーバインディングが設定されていないメニューと、キーバインディングのカスタマイズ

Discussion