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

VS Code向けGitHub Copilotの無料プランを発表

2024年12月18日 Burke Holland (@burkeholland) 著

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

GitHub Copilot Freeを有効にする

上のリンクをクリックするか、VS Code内から次のようにGitHub Copilotを有効にすることができます...

GitHub Copilot Freeでは、毎月2000件のコード補完が利用できます。これは営業日あたり約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に与えて構築させてみましょう。

カスタム指示

カスタム指示(custom instructions)を使えば、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にデータベーススキーマをファイルにダンプするコマンドを生成させ、そのファイルをカスタム指示の1つとして設定してみましょう。

プロジェクト全体の認識

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

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

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

命名やその他の難しい問題

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

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

声で話してみる

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

VS Code with file list and voice input active.

試してみましょう: GitHub Copilot Editsで音声入力を使って、次のアプリをプロトタイピングしてみましょう。文字通り、話すだけで動くデモを作ることができます。

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

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

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

Terminal displaying a script to extract video frames.

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

コミットも怖くない

「changes」というだけのコミットはもうやめましょう。GitHub Copilotが、あなたが行った変更と過去数回のコミットメッセージに基づいて、コミットメッセージを提案してくれます。コミット生成用のカスタム指示を使用して、メッセージをまさにあなたの望む方法でフォーマットすることができます。

試してみましょう: コミットだけに留まらず、GitHub Pull Requests and Issues拡張機能をインストールすれば、プルリクエストの説明を生成したり、プルリクエストの要約を得たり、issueの修正案を得たりすることができます。すべて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についてお見せしたいことはまだまだたくさんありますが、ご自身で試す体験に勝るものはありません。これから始める方には、CopilotのUIに素早く慣れ、プロンプトエンジニアリングのベストプラクティスを学ぶために、こちらの3つの短いビデオをご覧になることをお勧めします。

私たちは毎月、GitHub Copilotのアップデートと新機能をリリースしています。AIコーディングの最新情報を得る最善の方法は、XBlueskyLinkedIn、そしてTikTokで私たちをフォローすることです。アップデートがリリースされ次第、短く要点をまとめてあなたのフィードにお届けします。

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

他の場所でのGitHub Copilot

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

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

はい、もちろんです。現在利用できる機能と近日公開予定の機能については、VSチームによるこちらのブログ記事をご覧ください。

すべての人のためのAIコードエディター

2025年は、今やVS Code体験全体の中核をなすGitHub Copilotにとって大きな年になるでしょう。コードエディターを再定義するこの旅に、皆様もご参加いただければ幸いです。再び。

GitHub Copilot Freeを有効にする

ハッピーコーディング!

Burke Holland @burkeholland