Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する

neg
質問: Visual Studio の GitHub Copilot Agent
Visual Studioに GitHub Copilot Agentのモードが追加されたそうです。どの程度のことができるか確認したいです。
最近、流行っているバイブコーディング(vibe coding)できますか?


Visual StudioのGitHub Copilot Agentを利用します。

準備

今回はWindows Formアプリケーションで試してみます。初めにWindows Formアプリケーションを作成し、空のフォームを準備します。

Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像1

[GitHub Copilot Agentによるプログラム作成

[GitHub Copilot チャット]のウィンドウを表示します。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像2 Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像3


チャットの入力テキストボックスの下部の[質問]のボタンをクリックします。ドロップダウンリストが表示されますので、[エージェント]の項目を クリックして選択します。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像4 Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像5


エージェントのモードに変わりました。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像6


テキストボックスに次のプロンプトを入力します。

プロンプト
フォーム(Form1)にテキストボックスを2つ、ボタンを1つ配置してください。

Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像7


[送信]ボタンをクリックします。処理が始まります。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像8


しばらくすると、フォームにテキストボックス2つとボタン1つが配置されます。ビルドも実行されエラーの無い状態で完成します。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像9 Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像10


ちょっとフォームが大きいので、フォームのサイズを小さくしたいです。 GitHub Copilotのチャットのテキストボックスに次のプロンプトを入力します。

プロンプト
フォームの大きさを小さくしたいです。現在配置されているボタンとテキストボックスがフィットする程度のサイズにフォームの大きさを小さくしてください。

ピクセル数などの指定が無いため、プログラマーが文句を言いそうな指示ですが、どうなるでしょうか?

Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像11 Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像12


[送信]ボタンをクリックして実行します。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像13
フォームのサイズが小さくなりました。上下左右の余白が同じになるようなサイズで調整したようです。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像14

続いてロジック部分を実装します。GitHub Copilotのチャットのテキストボックスに次のプロンプトを入力します。

プロンプト
ボタンをクリックすると2つのテキストボックスの値を読み取り数値に変換して、合計値を求めます。 結果をメッセージボックスで表示するロジックを実装してください。

Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像15 Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像16


[送信]ボタンをクリックして実行します。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像17


完了しました。ビルドも実行され、ビルド完了した状態です。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像18
ボタンのClickイベントのコードを確認します。コードが記述されています。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像19

実行結果

プロジェクトを実行します。下図のウィンドウが表示されます。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像20

テキストボックスに数値を入力します。[9]と[16]を入力しました。入力ができたら[ボタン]ボタンをクリックします。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像21

メッセージボックスが表示され、[25]の値が表示されます。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像22
なお、テキストボックスに文字列を入力した場合はエラー処理も実装されており、[数値を正しく入力してください。]のメッセージボックスが表示されます。
Visual Studio のGitHub Copilot Agent を利用してアプリケーションを作成する:画像23

コードを全く記述せずに、自然言語の指示だけでGitHub Copilot Agentにプログラムを作成してもらうことができました。

AuthorPortraitAlt
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
作成日: 2025-07-17