0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VS CodeでGitHub Copilotを動かしてみる

Posted at

事前準備

VS Codeのバージョンが古いとGitHub Copilotの利用できない場合があるので、VS Codeの[ヘルプ]-[更新の確認...]からVS Codeを更新しておく。
image.png

2025/10/15時点でVS Codeのバージョンは1.105.0が最新。
VS CodeでGitHub CopilotのAgentモードを利用するには1.98.0以降が必要。

GitHub Copilotの拡張機能のインストール

VS Codeで拡張機能(Ctrl + Shift + X)を開き、検索エディットボックスに「GitHub Copilot」と入力する。
image.png
※「GitHub Copilot」をインストールすると、すぐ下の「GitHub Copilot Chat」もインストールされていた。

サインイン

VS Codeの右下のアイコンをクリックし、「サインインしてCopilotを使用する」を選択
image.png

サインインのダイアログが表示されるので、任意の方法でサインインする。
image.png

GitHub Copilotの実行

右側にGitHub Copilotのサイドバーが表示されるので、下記の赤枠部分から指示を出すことができる。
image.png

Agentモードの例

自然言語でタスクを依頼できる。

  1. チャット画面で「Agent」を選択する。
  2. 依頼したいタスクを記載し、右下の送信ボタンをクリックする。

image.png

すると、新規ファイルを作成して、依頼したプログラムを記述してくれる。
image.png

ASKモードの例

  1. チャット画面で「Ask」を選択する。
  2. 質問を記載して、右下の「送信とディスパッチ」をクリックする。
    image.png

すると、質問した内容に回答してくれる。
image.png
※チャット内で完結し、ソースの修正は行わない。

Editモードの例

コードの修正を依頼する。

  1. チャット画面で「Edit」を選択する。
  2. 修正したいコードを選択する。
  3. 依頼内容を記載して、右下の「送信」をクリックする。
    image.png

すると、依頼した内容でソースの修正を行ってくれる。
image.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?