GitHub Copilot Chat を使用してコードを生成する
Visual Studio Code 用の GitHub Copilot Chat 拡張機能では、次のチャット インターフェイスがサポートされています。
チャット ビューには、いつでも役立つ AI アシスタントが用意されています。
[クイック チャット] ウィンドウを使用すると、簡単な質問をして、自分の作業に戻ることができます。
インライン チャット インターフェイスは、コーディング中にコンテキスト操作のためにエディターで直接開きます。
[チャット] ビューと [クイック チャット] ウィンドウを使用すると、AI との対話型のマルチターン会話が可能になります。 どちらのインターフェイスも、質問をしたり、コーディングの問題に関するヘルプを表示したり、コードを生成したりするための方法を提供します。 チャット ビューは、完全なチャット エクスペリエンスを提供するより堅牢なインターフェイスですが、クイック チャット ウィンドウは迅速な対話のために設計されています。
インライン チャット インターフェイスは、コーディング中にコンテキストヘルプとコード候補を提供するように設計されています。 インライン チャット インターフェイスはエディターで使用でき、質問したり、特定のコード スニペットに関するヘルプを表示したりできます。
チャット ビューを使用してコードを生成する
チャット ビューには、ユーザーと AI ペア プログラマの間の会話用のマネージド環境が用意されています。 チャット ビューを使用すると、質問したり、コーディングの問題に関するヘルプを表示したり、コードを生成したりできます。 チャット ビューは、インライン チャット インターフェイスよりも対話型で会話的なエクスペリエンスを実現するように設計されています。
既定では、チャット ビューは Visual Studio Code ウィンドウの右側にあるセカンダリ サイド バーにあります。
チャット ビューでは、 Ask、 Edit、 Agent の 3 つのモードがサポートされています。
ask モードを使用してコードを生成する
ask モードは、コードの実装を提案する前に、コードを分析し、新機能のオプションを調査するのに役立ちます。 Ask モードでは、GitHub Copilot は会話アシスタントとして機能し、質問に対する回答を提供し、コーディングの問題や新機能に役立ちます。
質問モードでチャットビューを開きます。
チャットにコンテキストを追加します。
ask モードでは、チャット参加者、スラッシュ コマンド、チャット変数がサポートされます。
@workspaceチャット参加者または#codebaseをチャットに追加して、ファイルやフォルダーと共にコンテキストを提供できます。実装する新機能を評価するのに役立つ質問をします。
たとえば、GitHub Copilot に、新しい機能を実装する方法や特定のライブラリを使用する方法を理解できるように依頼できます。
- ログイン ページを追加する方法
- React を使用するためのベスト プラクティスは何ですか?
-
@mui/materialライブラリの使用方法
実装するコード機能を説明するプロンプトを作成します。
プロンプトには、実装するコード機能の説明が含まれている必要があります。 例えば次が挙げられます。
Create the code to obtain a book title. Prompt the user to "Enter a book title to search for". Read the user input and ensure the book title isn't null.チャット ビューで推奨されるコードを確認します。
チャット ビューに表示される応答には、機能の実装に使用できるコード スニペットが含まれている必要があります。 その他のプロンプトを入力して、コードを調整したり、詳細を確認したりできます。
推奨されるコードを実装するには、コード スニペットの上にマウス ポインターを置き、[ 適用]、[ 挿入]、および [コピー ] オプションを選択します。
- 適用: エディターの現在のファイルにコード候補を適用します。
- 挿入: エディターの現在のカーソル位置にコード候補を挿入します。
- コピー: コード候補をクリップボードにコピーします。
必要に応じて、さらに多くのプロンプトを表示して、新しい機能の反復処理と調整を続けます。
編集モードを使用してコードを生成する
編集モードは、コードの作成または更新に役立つよう設計されています。 編集モードでは、GitHub Copilot はコード エディターとして機能し、コードをすばやく正確に開発するのに役立ちます。
編集モードでチャット ビューを開きます。
チャットにコンテキストを追加します。
編集モードでは、チャット参加者はサポートされていません。
#codebaseを使用し、チャットにファイルを追加して、ワークスペース コンテキストを指定します。実装するコード機能を説明するプロンプトを作成します。
プロンプトには、実装するコード機能の説明が含まれている必要があります。 例えば次が挙げられます。
#codebase Add a login page. Let users log in with email and password.コード エディターで、推奨される編集内容を確認します。
推奨される編集内容を受け入れるか破棄します。
上下の矢印を使用して、編集内容間を移動できます。 各編集に表示されるポップアップ メニューを使用して、推奨される編集を個別に保持 (承諾) または元に戻す (破棄) できます。 エディター タブ (またはチャット ビュー) の下部にある [保持 ] ボタンと [元に戻す ] ボタンを使用して、すべての編集を一度に承諾または拒否することもできます。
推奨される編集内容を受け入れると、GitHub Copilot によってエディターのコードが更新されます。
エージェント モードを使用してコードを生成する
エージェント モードでは、GitHub Copilot は、ユーザーに代わってアクションを実行できる自律エージェントとして機能します。 GitHub Copilot に特定のタスクの実行を依頼すると、要求に基づいてコードが生成されます。
Von Bedeutung
エージェント モードでチャット ビューを使用する場合、GitHub Copilot は 1 つのタスクを完了するために複数の Premium 要求を行う場合があります。 Premium 要求は、ユーザーが開始したプロンプトと、Copilot がユーザーに代わって実行するフォローアップ アクションで使用できます。 使用される Premium 要求の合計数は、タスクの複雑さ、関連するステップの数、選択したモデルによって異なります。
エージェント モードでチャット ビューを開きます。
GitHub Copilot で実行するタスクを説明するプロンプトを作成します。
たとえば、GitHub Copilot に新しい機能を生成するか、まったく新しいアプリを作成するように依頼できます。
- React と Node.js を使用して食事計画 Web アプリを作成する
- ソーシャル メディア共有機能を追加する
- 現在の認証を OAuth に置き換える
エージェント モードでは、複数のツールを呼び出してさまざまなタスクを実行できます。 必要に応じて、[ツール] アイコンを選択して、要求への応答に使用できるツールを構成します。
ツールの呼び出しとターミナル コマンドを確認します。
Copilot は、ターミナル コマンドまたは組み込まれていないツールを実行する前に、続行の確認を要求します。 Copilot は、ツールがコンピューター上でローカルで実行され、ファイルまたはデータを変更するアクションを実行する可能性があるため、確認を要求します。
Copilot は、コード編集とターミナル コマンドの問題と問題を検出し、それらを解決するためのアクションを繰り返し実行します。
Copilot が要求を処理すると、エディターで提案されたコード編集が直接ストリームされます。
推奨される編集内容を確認し、提案された編集内容を承諾または破棄します。
必要に応じて、さらに多くのプロンプトを表示して、新しい機能の反復処理と調整を続けます。
インライン チャット セッションを使用してコードを生成する
インライン チャット セッションを使用して、コードの分析と生成を行うことができます。 インライン チャット インターフェイスには、コード エディターでファイルが開かれている場合にのみアクセスできます。 選択したコードを分析したり、プロンプトに基づいて新しいコードを作成したりするために使用できます。
エディターでファイルを開きます。
Ctrl + I キーボード ショートカットを使用するか、[Copilot] メニューから [エディター インライン チャット] を選択して、インライン チャット セッションを開きます。
インライン チャット セッションがエディターのカーソル位置で開きます。
エディターでコード ブロックを選択します。
選択したコードがプロンプトのコンテキストとして使用されます。 コードが選択されていない場合、プロンプトはファイル全体をコンテキストとして使用します。
チャット入力フィールドにプロンプトを入力します。
例えば次が挙げられます。
Update selection to include an option for the `CommonActions.SearchBooks` action. Use the letter "b" and the message "to check for book availability".コード更新候補がエディターに表示されます。
提案されたコードの更新プログラムを確認し、[ 同意 する] を選択して提案を実装するか、[ 閉じる] を選択して更新プログラムを破棄します。
必要に応じて、さらに多くのプロンプトを表示して、新しい機能の反復処理と調整を続けます。
概要
GitHub Copilot Chat には、コードを生成し、コーディング タスクを支援するための強力なツール セットが用意されています。 チャット ビュー、クイック チャット ウィンドウ、インライン チャット セッションはすべて、AI ペア プログラマとやり取りし、コーディングの問題に関するヘルプを得るためのさまざまな方法を提供します。 これらのツールを効果的に使用することで、コーディングの生産性と効率を向上させることができます。