本日はVisualStudioCodeの学習枠です。
VisualStudioCodeのGitHubCopilotのドキュメントを読みながら実際に操作を試してみました。
前回記事
以下の前回記事の続きです。
bluebirdofoz.hatenablog.com
Code completions with GitHub Copilot in VS Code
以下のCode completions with GitHub Copilot in VS Codeドキュメントを日本語訳しながら実行時のキャプチャをしていきます。
code.visualstudio.com
次の編集候補（Copilot NES）
インラインのサジェストはコードのセクションをオートコンプリートするのに最適です。
しかしコーディング作業の大半は既存のコードを編集することであるため、Copilotのコード補完機能がカーソルのある場所と離れた場所の両方で編集を支援する必要があります。
編集は多くの場合、単独で行われるわけではなく様々なシナリオでどのような編集が必要かという論理的な流れがあります。
Copilot Next Edit Suggestions（Copilot NES）はこの進化形です。
Copilot NESは現在行っている編集に基づいて、次に行う編集の場所とその編集の内容を予測します。
現在の作業に関連する将来の変更を提案してフローを維持するのに役立ちます。
提案の範囲は変更の可能性のある範囲に応じて1つの記号、行全体、または複数行にわたります。
Copilot NESを有効にするにはVSコードの設定の[github.copilot.nextEditSuggestions.enabled]を有効にします。
編集候補をナビゲートして受け入れる
Tabキーでコードの変更候補にすばやくナビゲートできるため、次に関連する編集を探す時間を節約できます。
またTabキーで提案を受け入れることができます。
ガターにある矢印は利用可能な編集候補があるかどうかを示します。
矢印の上にマウスカーソルを置くと、キーボードショートカットや設定を含む編集候補メニューを表示することができます。
編集候補が現在のエディタビューの下にある場合、矢印は右ではなく下を向きます。
編集サジェストによる注意散漫の軽減
デフォルトでは編集サジェストはガター矢印で表示され、コードの変更がエディタに表示されます。
気が散るのを減らしたい場合はTabキーを押してサジェストに移動するか、ガター矢印の上にカーソルを置くまでエディタにコード変更を表示しないようにすることができます。
エディタでコードの変更を表示しないようにするには設定エディタで[editor.inlineSuggest.edits.showCollapsed]設定を有効にします。
またはガター矢印にカーソルを合わせ、メニューから「折りたたみを表示」オプションを選択してください。
コード変更の表示を再度有効にするには設定を無効にするか、ガター矢印メニューから「Show Expanded」を選択します。
次の編集候補の使用例
ミスの発見と修正
Copilotはタイプミスのような単純なミスを修正するのに役立ちます。
例えば、const x = 5とすべきところを、cont x = 5やcons x = 5のように文字が欠けていたり、入れ替わっていたりする場合の修正を提案してくれます。
または逆三項式のようなロジックの間違い検出にも機能します。
インテントの変更
Copilotはインテントの新しい変更に合わせてコードの残りの部分の変更を提案します。
例えばクラスをPointからPoint3Dに変更する場合、Copilotはクラス定義にz変数を追加することを推奨します。
この変更を受け入れると、Copilot NESは次の要素にzを追加することを推奨します。
リファクタリング
ファイル内で変数名を一度変更するとCopilot は他のすべての場所でその変数を更新するよう提案します。
新しい名前または命名パターンを使用するとCopilotは後続のコードも同様に更新するよう提案します。
コードのスタイルに合わせる
コードをコピーして貼り付けるとCopilotは貼り付けが行われた現在のコードに合わせてコードを調整する方法を提案します。
