TechBlog

GitHub Copilot完全ガイド:無料プランの始め方から実務での活用術まで

by あくえり
#GitHub Copilot #AI #VSCode #生産性 #コーディング
GitHub Copilot完全ガイド
目次

GitHub Copilotとは

GitHub Copilotは、GitHubとOpenAIが共同開発したAIコーディングアシスタントです。コードを書く途中でコンテキストを読み取り、次のコードを提案してくれます。単純な補完にとどまらず、チャット形式での質問応答、テストコードの自動生成、バグの指摘まで行えます。

料金プラン(2026年2月時点)

プラン月額補完回数チャット回数
Free無料2,000回/月50回/月
Pro$10/月無制限無制限
Business$19/月無制限無制限 + 管理機能

個人開発や学習目的ならFreeプランで十分試せます。Proプランはサブスクリプションを開始した月から課金が始まります。

GitHub Copilot Freeの登録手順

Step 1: GitHubアカウントの準備

GitHub.comのアカウントが必要です。まだ持っていない場合は無料で作成できます。

Step 2: Copilotを有効化

  1. GitHubにログインし、右上のプロフィールアイコン → Settings をクリック
  2. 左サイドバーの Copilot をクリック
  3. 「Get started with Copilot Free」ボタンをクリック
  4. 利用規約に同意して有効化

有効化が完了すると、設定ページで補完回数の残量が確認できます。

Step 3: VSCodeに拡張機能をインストール

  1. VSCodeを開き、Extensions(Ctrl+Shift+X)を開く
  2. 検索欄に「GitHub Copilot」と入力
  3. GitHub Copilot(公式、Microsoft/GitHub製)をインストール
  4. 拡張機能が要求するGitHubのサインインを完了する

インストール後、VSCodeのステータスバー右下にCopilotのアイコンが表示されれば設定完了です。

コード補完の使い方

基本的な補完の受け方

コードを書き始めると、Copilotが薄いグレーでサジェスト(提案)を表示します。

// 関数名とコメントを書くと実装を提案してくれる
// ユーザーのメールアドレスを検証する関数
function validateEmail(email: string): boolean {
  // ↑ここまで書くとCopilotが以下を提案
  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  return emailRegex.test(email);
}
キー操作動作
Tab提案を受け入れる
Esc提案を却下する
Alt + ]次の提案を表示
Alt + [前の提案を表示
Ctrl + →提案を1単語ずつ受け入れる

コメントから実装を生成する

具体的なコメントを書くと、それに沿った実装が提案されます。

# CSVファイルを読み込んでJSONに変換する。
# ヘッダー行をキーとして使用し、各行をオブジェクトに変換する。
def csv_to_json(csv_filepath: str) -> list[dict]:
    # Copilotがimport文から実装まで提案してくれる

インラインチャットでコードを質問・変換する

VSCodeでコードを選択し、Ctrl+I(Macは Cmd+I)でインラインチャットを開けます。選択したコードに対して自然言語で指示を出せます。

活用例

// このコードを選択してCtrl+I → 「TypeScriptに変換して」
function fetchUser(id) {
  return fetch(`/api/users/${id}`).then(r => r.json());
}

// Copilotが変換してくれる
async function fetchUser(id: number): Promise<User> {
  const response = await fetch(`/api/users/${id}`);
  if (!response.ok) {
    throw new Error(`HTTP error! status: ${response.status}`);
  }
  return response.json() as Promise<User>;
}

便利なインラインチャットの指示例

  • 「このコードのバグを見つけて修正して」
  • 「エラーハンドリングを追加して」
  • 「このループをmapを使って書き直して」
  • 「日本語でコメントを追加して」
  • 「この関数の計算量を教えて」

テストコードの自動生成

関数やクラスを選択して右クリック → CopilotGenerate Tests でテストコードの雛形を生成できます。

// テスト生成元の関数
export function clamp(value: number, min: number, max: number): number {
  return Math.min(Math.max(value, min), max);
}

Copilotが生成するテスト(Vitest/Jestの場合):

import { describe, it, expect } from 'vitest';
import { clamp } from './utils';

describe('clamp', () => {
  it('should return the value when within range', () => {
    expect(clamp(5, 0, 10)).toBe(5);
  });

  it('should return min when value is below min', () => {
    expect(clamp(-5, 0, 10)).toBe(0);
  });

  it('should return max when value exceeds max', () => {
    expect(clamp(15, 0, 10)).toBe(10);
  });

  it('should handle min equals max', () => {
    expect(clamp(5, 3, 3)).toBe(3);
  });
});

生成されたコードは必ずレビューしてください。ロジックが正しいかどうかの判断は人間が行う必要があります。

サイドパネルのCopilot Chatを使う

Ctrl+Alt+I(Mac: Cmd+Ctrl+I)でサイドパネルのCopilot Chatを開けます。ここではより長い質問や、プロジェクト全体についての相談ができます。

便利なスラッシュコマンド

コマンド用途
/explain選択コードの動作を説明
/fixバグの検出・修正提案
/testsテストコードを生成
/docドキュメントコメントを生成
@workspaceプロジェクト全体について質問

使用例

/explain
この関数でなぜPromise.allを使っているのか教えてください

→ Copilotが並列処理のメリットと、このケースでの使い方を説明してくれる

効果的なプロンプトの書き方

Copilotへの指示を工夫すると生成コードの質が上がります。

具体的な条件を付ける

❌「ソート関数を書いて」
✅「日本語の文字列を含む配列を、ひらがな・カタカナ・漢字の順でlocaleCompareを使ってソートする関数を書いて」

使用ライブラリ・バージョンを明示する

「React 19のuseActionStateフックを使って、フォームの送信状態とエラーを管理するコンポーネントを書いて」

既存コードのパターンを示す

既存のコードをチャットに貼り付けて「これと同じパターンで〇〇を実装して」と伝えると、プロジェクトの命名規則やスタイルに合わせた提案が得られます。

注意点と使い方のルール

  1. 生成コードを必ずレビューする: AIは間違いを犯します。特にセキュリティ関連のコードは必ず人間がチェックしてください。
  2. 機密情報をチャットに貼らない: APIキー、パスワード、個人情報を含むコードをそのままチャットに貼り付けないようにしましょう。
  3. Freeプランの上限に注意: 月2,000回の補完上限に達すると月末まで補完が止まります。大量に使う場合はProプランを検討してください。

ChatGPT/GitHub Copilotによるプログラミング入門

AIツールをプログラミング学習に活用する方法を実践的に解説。Copilotを使った効率的なコーディング手法や、プロンプトエンジニアリングの基礎が学べます。

※ アフィリエイトリンクを含みます

まとめ

GitHub Copilotを使いこなすポイントをまとめます。

  • Freeプランで今すぐ始められる: 月2,000回補完・50回チャットが無料
  • コード補完: Tabで受け入れ、Alt+]で別案を見る
  • インラインチャット(Ctrl+I): 選択コードに対して変換・修正を指示
  • テスト生成: 右クリック → Copilot → Generate Tests
  • チャット(Ctrl+Alt+I): /explain /fix /testsコマンドが便利

AIに任せすぎず、生成されたコードを理解・レビューする習慣を持つことが、Copilotを長く活用するコツです。

共有: