VS Code での GitHub Copilot
GitHub Copilot は、Visual Studio Code に統合された AI 搭載のコーディング アシスタントです。自然言語のプロンプトと既存のコード コンテキストに基づいて、コードの提案、説明、自動実装を提供します。Copilot は公開されているコード リポジトリでトレーニングされており、ほとんどのプログラミング言語とフレームワークを支援できます。
主要な機能
コード補完
Copilot は、入力中にインラインでコードの提案を提供します。提案は 1 行の補完から関数全体の実装まで多岐にわたります。次の編集の提案機能により、現在のコンテキストに基づいて次の論理的なコード変更を予測します。
例
function calculateTax(と入力すると、税計算の完全な実装が得られます// ユーザー認証用の REST API エンドポイントを作成すると記述すると、Express.js のルートコードが生成されます- React コンポーネントを
const UserProfile = ({で開始すると、TypeScript の型を持つ完全な関数コンポーネントが提供されます
VS Code でのコード補完についてさらに詳しく知る。
自律的なコーディング
VS Code とエージェント モードは、複雑な開発タスクを自律的に計画および実行でき、ターミナル コマンドの実行や特殊なツールの呼び出しを伴う複数ステップのワークフローを調整します。高度な要件を動作するコードに変換できます。
Marketplace の拡張機能からモデル コンテキスト プロトコル (MCP) サーバーまたはツールをインストールして、自律的なコーディング体験の機能をさらに強化します。たとえば、データベースから情報を取得したり、外部 API に接続したりできます。
タスクの例
- OAuth を使用した認証の実装
- コードベースを新しいフレームワークまたは言語に移行
- 失敗したテストをデバッグし、修正を適用
- アプリケーション全体のパフォーマンスを最適化
エージェント モードによる自律的なコーディングと VS Code での MCP サーバーの設定についてさらに詳しく知る。
自然言語チャット
チャット インターフェイスを通じて自然言語を使用して、コードベースと対話します。質問をしたり、説明を求めたり、会話形式のプロンプトを使用してコードの変更を指定したりできます。
単一のプロンプトを使用して、プロジェクト内の複数のファイルにわたる変更を適用します。Copilot はプロジェクトの構造を分析し、調整された変更を行います。
一般的なクエリ
- 「このプロジェクトの認証はどのように機能しますか？」
- 「データ処理関数でメモリリークが発生している原因は何ですか？」
- 「支払い処理サービスにエラー処理を追加してください」
- 「ログイン フォームとバックエンド API を追加してください」
VS Code でのチャットの使用についてさらに詳しく知る。
スマート アクション
VS Code には、AI 機能で強化され、エディターに統合された、一般的な開発タスクのための多くの事前定義済みアクションがあります。
コミット メッセージやプル リクエストの説明の作成、コード シンボルの名前変更、エディターでのエラー修正から、関連ファイルを見つけるのに役立つセマンティック検索まで、多岐にわたります。
VS Code のスマート アクションについてさらに詳しく知る。
はじめに
ステップ 1: Copilot の設定
- ステータス バーの Copilot ダッシュボードからCopilot を設定します
- GitHub アカウントでサインインします
ステップ 2: 基本的なコード補完
新しいファイルを作成して入力を開始します。Copilot はゴースト テキストで提案を表示します。
// Try typing this in a new .js file:
function factorial(
Tab キーで提案を受け入れます。
ステップ 3: 自律的なコーディング
チャット インターフェイスとエージェント モードを使用して、Copilot に複雑なタスクを処理させます。AI はタスクが完了するまでコードを反復します。
- チャット ビューを開きます (⌃⌘I (Windows、Linux では Ctrl+Alt+I))
- チャット モードのドロップダウン リストからエージェントを選択します
- 「サイクリングのヒントを共有するための基本的な node.js Web アプリを作成してください。モダンでレスポンシブなデザインにしてください。」のように、基本的な Web アプリの生成を依頼します。
コードが段階的に生成され、依存関係が自動的にインストールされることに注目してください。
ステップ 4: インライン チャット
インライン チャットを使用して、コーディングの流れの中でコードに関する質問をします。
- エディターでコードの一部を選択します
- ⌘I (Windows、Linux では Ctrl+I) を押してエディターのインライン チャットを開きます
- 「このコードをリファクタリングして…」のように、説明や変更を依頼します
- 提案された変更を確認して受け入れます
使用シナリオ
コードの分析とレビュー
既存のコードベースを理解し、問題を特定する
- 「このアプリケーションの認証フローを説明してください」
- 「この支払いハンドラーの潜在的なセキュリティ問題は何ですか？」
- 「この API エンドポイントを適切な JSDoc コメントで文書化してください」
デバッグとトラブルシューティング
コードの問題を特定して解決する
- 「なぜこのコンポーネントは不必要に再レンダリングされるのですか？」
- 「このデータ処理パイプラインのメモリリークを見つけて修正してください」
- 「このデータベース クエリを最適化してパフォーマンスを向上させてください」
デバッグでの AI の使用についてさらに詳しく知る。
機能の実装
新しい機能の構築
- 「メール認証付きのユーザー登録システムを作成してください」
- 「WebSockets を使用してリアルタイム通知を追加してください」
- 「ローカル ストレージへの永続化機能を備えたショッピング カートを実装してください」
テストと品質保証
テストを生成し、コードの品質を確保する
- 「このサービスクラスの包括的な単体テストを生成してください」
- 「API エンドポイントの統合テストを作成してください」
- 「このデータ検証関数にプロパティベースのテストを追加してください」
テストでの AI の使用についてさらに詳しく知る。
学習とドキュメント作成
新しいテクノロジーとパターンを理解する
- 「async/await と Promises の違いを教えてください」
- 「Python の代わりに Go でこのパターンを実装するにはどうすればよいですか？」
- 「React でのエラー処理のベスト プラクティスは何ですか？」
ワークフローに合わせて AI をカスタマイズ
カスタム指示
カスタム指示を使用して、プロジェクト固有のコーディング規約やパターンを定義すると、AI はあなたのスタイルに合ったコードを生成します。これらの指示をすべてのチャットリクエストに自動的に適用したり、特定のファイルタイプのみに適用したりできます。
---
applyTo: "**"
---
# My Coding Style
- Use arrow functions for components
- Prefer const over let
- Always include TypeScript types
- Use descriptive variable names
- Follow the Repository pattern for data access
あなたのコーディング スタイルに AI を合わせるためのカスタム指示の使用についてさらに詳しく知る。
言語モデル
異なる AI モデルをすばやく切り替えて、速度、推論、または専門的なタスクに最適化します。さまざまな組み込みモデルから選択するか、外部プロバイダーに接続して独自の API キーを使用します。
VS Code での言語モデルの使用についてさらに詳しく知る。
カスタム チャット モード
VS Code のチャット体験は、質問、編集、自律的なコーディング セッションの実行を切り替えるために、さまざまなモードで操作できます。また、自分のワークフローに合ったカスタム チャット モードを作成することもできます。たとえば、計画とアーキテクチャの議論に焦点を当てたチャット モードを作成できます。チャットが使用できるツールを指定し、動作すべき適切なコンテキストを提供するためのカスタム指示を提供します。
独自のチャット モードの作成についてさらに詳しく知る。
ツールでチャットを拡張
MCP サーバーや Marketplace 拡張機能からの専門ツールを使用して、チャット体験の機能を拡張します。たとえば、データベースのクエリ、外部 API への接続、または専門的なタスクを実行するためのツールを追加します。
MCP サーバーとツールの使用についてさらに詳しく知る。
ベストプラクティス
-
タスクに適したツールを選びましょう。コーディング中はコード補完を、自然言語での問い合わせにはチャットを、そしてワークフローに合ったチャット モードを選択します。
-
最良の結果を得るために、効果的なプロンプトを作成しましょう。具体的に、適切なコンテキストを提供し、頻繁に反復します。
-
カスタム指示、プロンプト ファイル、またはチャット モードを使用して、AI を自分のコーディング スタイルやプロジェクトの規約に合わせてカスタマイズします。
-
MCP サーバーや Marketplace 拡張機能からのツールで AI の機能を拡張します。
-
タスクに最適化された言語モデルを選択しましょう。迅速なコード提案には高速なモデルを、より複雑なリクエストには推論モデルを使用します。
VS Code で AI を使用するためのヒントとコツをさらに見る。
価格
GitHub Copilot は、補完とチャットのやり取りに月間制限付きで無料で使い始めることができます。より広範な使用のためには、さまざまな有料プランから選択できます。