VS Codeのエージェントモードを拡張するには、を試してください!

VS Code向けに無料のGitHub Copilotを発表

2024年12月18日 Burke Holland、@burkeholland

本日より、VS Codeで誰でも利用できるまったく新しいGitHub Copilotの無料プランを発表できることを嬉しく思います。必要なのはGitHubアカウントだけです。トライアルも、サブスクリプションも、クレジットカードも不要です。

GitHub Copilot無料版を有効にする

上記のリンクをクリックするか、VS Code内からGitHub Copilotを有効にすることができます。その方法は以下の通りです…

GitHub Copilot無料版では、毎月2000回のコード補完が利用できます。これは1営業日あたり約80回に相当し、十分な回数です。また、毎月50回のチャットリクエスト、さらにGPT-4oとClaude 3.5 Sonnetモデルの両方へのアクセスも可能です。

これらの制限に達した場合、それはCopilotがあなたの作業を助けるという役割をうまく果たしている証拠と言えるでしょう!もしCopilotをもっと使いたい場合は、有料のProプランは無制限であり、o1Gemini(新年中に提供予定)などの追加モデルへのアクセスも提供されます。

今回の発表により、GitHub CopilotはVS Code体験の中核をなすものとなります。チームはこれまで通り、真新しいAI機能と能力でその体験を改善するために懸命に取り組んできました。ここ数ヶ月で追加されたGitHub Copilotの新しい機能の一部を見てみましょう。これは、AIによって再定義されたあなたのエディターです。

Copilot Editsを使って複数のファイルを操作する

Copilot Editsは、チャットサイドバーの上部から開くことができるマルチファイル編集エクスペリエンスです。プロンプトが与えられると、Editsは必要に応じて新しいファイルの作成を含む、複数のファイルにわたる変更を提案します。これにより、チャットの対話フローとCopilotのコード生成機能のパワーが組み合わされます。その結果は、試してみなければ信じられないでしょう。

試してみましょう: Flutterを使ってネイティブモバイルアプリを構築します。私は先週末にゲームを構築しましたが、Flutterを使ったのは人生で初めてでした。

複数のモデル、あなたの選択

チャットインラインチャット、あるいはCopilot Editsのいずれを使用する場合でも、誰をペアプログラマーにするかを選択できます。

AI model selection menu in VS Code.

試してみましょう: 4oを使用して新機能の実装計画を生成し、そのプロンプトをGitHub Copilot EditsのClaudeに渡して構築します。

カスタム指示

カスタム指示を使用して、GitHub Copilotに作業をどのように実行してほしいかを正確に伝えます。これらの指示はすべてのリクエストとともにモデルに渡され、あなたの好みやモデルがコードを希望どおりに書くために知る必要のある詳細を指定できます。

これらはエディターレベルまたはプロジェクトレベルで指定できます。プロジェクトに.github/copilot-instructions.mdファイルを含めれば、自動的に認識されます。これらの指示はチームと簡単に共有できるため、GitHub Copilotを含め、全員が同じ認識を持つことができます。

例えば…

## React 18
* Use functional components
* Use hooks for state management
* Use TypeScript for type safety

## SvelteKit 4
* Use SSR for dynamic content rendering
* Use static site generation (SSG) for pre-rendered static pages.

## TypeScript
* Use consistent object property shorthand: const obj = { name, age }
* Avoid implicit any

試してみましょう: Copilotにデータベーススキーマをファイルにダンプするコマンドを生成させ、そのファイルをカスタム指示の一つとして設定します。

プロジェクト全体を把握

GitHub Copilotには、@構文でメンションできるAI駆動のドメインエキスパートがいます。これらを「参加者」と呼びます。@workspace参加者は、あなたのコードベース全体の領域におけるドメインエキスパートです。

GitHub Copilotは、意図検出(ビデオで示されているように)も行い、プロジェクト全体のコンテキストが必要な質問をしていると判断した場合、@workspaceを自動的に含めます。

試してみましょう: チャットプロンプトに/helpと入力して、GitHub Copilotのすべての参加者とその専門分野のリスト、およびプロンプト入力を大幅に削減できるスラッシュコマンドを確認します。

命名規則とその他の難しい問題

物事の命名はコンピューターサイエンスで最も難しい問題の一つだと言われています。何かをリネームするためにF2を押すと、GitHub Copilotはそのシンボルがコードでどのように実装され使用されているかに基づいていくつかの提案をしてくれます。

試してみましょう: 何と呼ぶべきか分からない場合、考えすぎないでください。とりあえずfooと名付けて実装します。その後、F2を押してGitHub Copilotに名前を提案させましょう。

自由に発言

マイクアイコンを選択して音声チャットを開始します。これは、ローカルモデルで動作する無料のクロスプラットフォームVS Code Speech拡張機能によって提供されます。サードパーティ製アプリは不要です。

VS Code with file list and voice input active.

試してみましょう: SpeechとGitHub Copilot Editsを使用して、次のアプリのプロトタイプを作成します。文字通り、話すだけで動くデモを作成できます。

ターミナルのエキスパートになる

ターミナルチャットを使えば、ターミナルでほとんど何でもできます。VS Codeターミナル内でCmd/Ctrl + iを押して、GitHub Copilotに何をしたいか伝えてください。Copilotは、エラー出力を分析することで、失敗したシェルコマンドの修正方法も説明できます。

例えば、私はffmpegライブラリを使って動画からフレームを抽出できることは知っていますが、その構文やフラグを知りません。問題ありません!

Terminal displaying a script to extract video frames.

試してみましょう: 次回ターミナルでエラーが発生した際、プロンプトの隣にあるキラキラアイコンを探してください。それを選択すると、GitHub Copilotがシェルコマンドを修正、説明、または自動修正してくれます。

コミットに自信を

「変更」とだけ書かれたコミットはもうありません。GitHub Copilotは、あなたが加えた変更と直近のいくつかのコミットメッセージに基づいて、コミットメッセージを提案します。コミット生成用のカスタム指示を使用して、メッセージを正確に希望どおりにフォーマットできます。

試してみましょう: コミットにとどまらず、GitHub Pull Requests and Issues拡張機能をインストールすると、プルリクエストの記述を生成したり、プルリクエストの概要を取得したり、さらには問題の修正案を得たりすることができます。これらすべてをVS Codeから離れることなく行えます。

必要なのは拡張機能だけ

すべてのVS Code拡張機能は、GitHub Copilot APIと直接連携し、カスタマイズされたAI体験を提供できます。MongoDBの拡張機能は、驚くほど複雑なクエリを作成したり、ファジー検索を使用したり、その他多くのことが可能ですので、ぜひご覧ください…

試してみましょう: GitHub Copilotを使って、GitHub Copilot用の独自の拡張機能を構築しましょう!コードチューターチャット参加者の構築方法AIによるコードアノテーションの生成方法を示す新しいチュートリアルを作成しました。

未来へのビジョン

最後のこれは、GitHub Copilotにまもなく追加される機能のプレビューですが、今すぐお見せしないわけにはいかないほど素晴らしいものです。

Vision Copilot Preview拡張機能をインストールし、GitHub Copilotにスクリーンショットやマークアップに基づいてインターフェースを生成するよう依頼します。

または、画像に代替テキストを生成するために使用します。

試してみましょう: FigmaやSketch(またはPowerPointでも構いません。私もそうしています)を使ってUIをモックアップします。その後、@visionを使ってUIを生成します。どのCSSフレームワークを使用するかを指定することもできます。

注: Visionは現在プレビュー版であり、OpenAI、Anthropic、またはGeminiのAPIキーが必要です。GitHub Copilotの一部としてリリースされる際には、キーは不要になります。近日公開!

GitHub Copilotの最新情報

GitHub Copilotにはお見せしたいことがまだたくさんありますが、ご自身で試す体験に勝るものはありません。始めたばかりの方には、これら3つの短いビデオをご覧になることをお勧めします。CopilotのUIについて素早く理解でき、プロンプトエンジニアリングのベストプラクティスも学ぶことができます。

GitHub Copilotのアップデートと新機能は毎月リリースしています。AIコーディングの最新情報を常に把握する最良の方法は、XBlueskyLinkedIn、さらにはTikTokで私たちをフォローすることです。更新情報が公開され次第、短く簡潔にあなたのフィードでお届けします。

もしフィードバックがあれば、ぜひお聞かせください。ソーシャルメディアで私たちにメンションしていただくか、GitHub Copilot拡張機能の課題リポジリに課題や機能リクエストを投稿してください。

その他の場所でのGitHub Copilot

無料プランの一部として、GitHub.comでもGitHub Copilotを使用できるようになります。

私たちはGitHubと協力してVisual Studio Codeのエクスペリエンスを構築していますが、Copilot自体はVS Code専用ではありません。Visual Studioのようなエディターについても疑問に思われるかもしれません。それらのユーザーも無料のCopilot提供を受けられるのでしょうか?

はい、もちろんです。VSチームによるこちらのブログ記事で、今日何が利用でき、何が近日中に提供されるかをご確認ください。

誰でも使えるAIコードエディター

2025年はGitHub Copilotにとって大きな年となるでしょう。今やVS Code全体のエクスペリエンスの中核をなす存在です。コードエディターを再定義するこの旅に、ぜひ再びご参加ください。

GitHub Copilot無料版を有効にする

ハッピーコーディング!

Burke Holland @burkeholland