🚀 VS Code でを入手しましょう!

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

2024年12月18日 Burke Holland, @burkeholland

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

GitHub Copilot Free を有効にする

上記のリンクをクリックするか、VS Code 内から GitHub Copilot を有効にしてください...

GitHub Copilot Free では、月に 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 を使用したことはありません。

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

ChatInline Chat、または 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 にデータベーススキーマをファイルにダンプするコマンドを生成するように依頼し、そのファイルをカスタム指示の 1 つとして設定します。

プロジェクト全体の認識

GitHub Copilot には、@ 構文でメンションできる AI 搭載のドメインエキスパートがいます。私たちはこれらを「参加者」と呼んでいます。@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.

試してみましょう: 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 にとって大きな年になるでしょう。GitHub Copilot は、VS Code エクスペリエンス全体のコア部分となります。コードエディターを再定義する旅に、ぜひご参加ください。再び。

GitHub Copilot Free を有効にする

Happy Coding!

Burke Holland @burkeholland