GitHub Copilot でデバッグする

GitHub Copilot は、Visual Studio Code でのデバッグワークフローの改善に役立ちます。Copilot は、プロジェクトのデバッグ構成のセットアップを支援し、デバッグ中に発見された問題の修正案を提示します。この記事では、VS Code でアプリケーションをデバッグするために Copilot を使用する方法の概要を説明します。

Copilot は、以下のデバッグタスクを支援できます

• デバッグ設定の構成: プロジェクトの起動構成（launch configuration）を生成およびカスタマイズします。
• デバッグセッションの開始: ターミナルから copilot-debug を使用してデバッグセッションを開始します。
• 問題の修正: デバッグ中に発見された問題を修正するための提案を受け取ります。

Copilot を使用してデバッグ構成を設定する

VS Code は launch.json ファイルを使用してデバッグ構成を保存します。Copilot は、このファイルの作成とカスタマイズを支援し、プロジェクトのデバッグ環境をセットアップします。

1. チャット ビューを開きます (⌃⌘I (Windows、Linux Ctrl+Alt+I))。
2. /startDebugging コマンドを入力します。
3. Copilot のガイダンスに従って、プロジェクトのデバッグをセットアップします。

または、次のような自然言語のプロンプトを使用することもできます。

• "Create a debug configuration for a Django app"（Django アプリのデバッグ構成を作成して）
• "Set up debugging for a React Native app"（React Native アプリのデバッグをセットアップして）
• "Configure debugging for a Flask application"（Flask アプリケーションのデバッグを構成して）

Copilot でデバッグを開始する

copilot-debug ターミナルコマンドを使用すると、デバッグセッションの構成と開始のプロセスが簡素化されます。アプリケーションを起動するために使用するコマンドの先頭に copilot-debug を付けることで、Copilot が自動的にデバッグセッションを構成して開始します。

1. 統合ターミナルを開きます (⌃` (Windows, Linux Ctrl+`))。

2. copilot-debug に続けてアプリケーションの起動コマンドを入力します。例：

   copilot-debug node app.js
   

   または

   copilot-debug python manage.py
   

3. Copilot がアプリケーションのデバッグセッションを起動します。これで、VS Code の組み込みデバッグ機能を使用できるようになります。

VS Code でのデバッグの詳細をご覧ください。

Copilot でコーディングの問題を修正する

Copilot Chat を使用して、コーディングの問題の修正やコードの改善を行うことができます。

チャットプロンプトを使用する

1. アプリケーションコードファイルを開きます。

2. 以下のいずれかのビューを開きます

   • チャットビュー (⌃⌘I (Windows, Linux Ctrl+Alt+I))
   • インラインチャット (⌘I (Windows, Linux Ctrl+I))

3. 次のようなプロンプトを入力します

   • "/fix"
   • "Fix this #selection"（この選択範囲を修正して）
   • "Validate input for this function"（この関数の入力を検証して）
   • "Refactor this code"（このコードをリファクタリングして）
   • "Improve the performance of this code"（このコードのパフォーマンスを向上させて）

VS Code での Copilot Chat の使用方法の詳細をご覧ください。

エディターのスマートアクションを使用する

プロンプトを入力せずにアプリケーションコードの問題を修正するには、エディターのスマートアクションを使用できます。

1. アプリケーションコードファイルを開きます。

2. 修正したいコードを選択します。

3. 右クリックして、[コードの生成] > [修正] を選択します。

   VS Code がコードを修正するためのコード提案を提示します。

4. オプションとして、チャットプロンプトで追加のコンテキストを提供することで、生成されたコードを洗練させることができます。

次のステップ

• VS Code の一般的なデバッグ機能を探索する。
• VS Code での Copilot について詳しく学ぶ。