【初心者】GitHub Copilotの始め方と使いこなし術 – コード例付き完全ガイド

GitHub Copilotは、コーディング作業を効率化するAIペアプログラミングツールです。初めて使う方でも簡単に導入できるように、ステップバイステップで解説します。

1. 前提条件
2. GitHub Copilotのサブスクリプション登録
3. Visual Studio Codeへの拡張機能インストール
4. Visual Studio Codeでの認証設定
5. GitHub Copilotを使ってみる
1. 基本的な使い方
2. コード例とCopilotの活用方法
  1. 例1: JavaScriptでの関数作成
  2. 例2: Pythonでのデータ処理
6. Copilotの便利なショートカットキー
AIツールのご紹介
【初心者】GitHub Copilotの始め方と使いこなし術 – コード例付き完全ガイドまとめ

1. 前提条件

GitHubアカウント（持っていない場合はGitHubで無料登録）
コードエディタ（Visual Studio Code推奨）

2. GitHub Copilotのサブスクリプション登録

1. GitHub Copilotの公式ページにアクセス

「Start a free trial」または「Sign up」ボタンをクリック

2.GitHubアカウントでログイン

個人プラン（月額10ドル）またはビジネスプラン（月額19ドル）を選択

3.支払い情報を入力して登録完了

3. Visual Studio Codeへの拡張機能インストール

Visual Studio Codeを起動
左側のサイドバーから拡張機能ボタン（四角が4つのアイコン）をクリック
検索ボックスに「GitHub Copilot」と入力
表示された「GitHub Copilot」拡張機能の「Install」ボタンをクリック

こちらの環境ではインストールが自動的に行われました。

インストールが確認出来たらVisual Studio Codeを再起動します。

4. Visual Studio Codeでの認証設定

Visual Studio CodeとGitHubがすでに連携できている場合は自動で認証が行われます。
連携できていない場合はVisual Studio Codeの右下にあるベルマークをクリックし認証します。
認証が完了しましたら、GitHub Copilotのインストールが完了し使用できます。

5. GitHub Copilotを使ってみる

基本的な使い方

新しいファイルを作成し、プログラミング言語に応じた拡張子を付けて保存（例：ファイル名.js、ファイル名.py、ファイル名.htmlなど）
コードを書き始めると、Copilotが自動的に提案を表示します
提案を受け入れるにはTabキーを押します
提案を無視するには、そのまま入力を続けるかEscキーを押します。

コード例とCopilotの活用方法

例1: JavaScriptでの関数作成

以下のようにコメントを書くだけで、Copilotが適切な関数を提案してくれます。

// ユーザー名とパスワードが有効かどうかを確認する関数
function validateCredentials(username, password) {
  // ユーザー名は3文字以上20文字以下
  if (username.length < 3 || username.length > 20) {
    return false;
  }
  
  // パスワードは8文字以上で、数字と特殊文字を含む
  if (password.length < 8) {
    return false;
  }
  
  const hasNumber = /\d/.test(password);
  const hasSpecialChar = /[!@#$%^&*(),.?":{}|<>]/.test(password);
  
  return hasNumber && hasSpecialChar;
}

上記のコメントだけを入力すると、Copilotが関数の実装を提案してくれます。

例2: Pythonでのデータ処理

Pythonでデータ処理をする際にも、Copilotがサポートをしてくれます。

# CSVファイルからデータを読み込み、平均値を計算する
import pandas as pd

def calculate_average_from_csv(file_path, column_name):
    # CSVファイルを読み込む
    df = pd.read_csv(file_path)
    
    # 指定された列の平均値を計算
    average = df[column_name].mean()
    
    return average

6. Copilotの便利なショートカットキー

ショートカット	説明
Tab	提案を受け入れる
Esc	提案を無視する
Alt + ]	次の提案を表示
Alt + [	前の提案を表示
Ctrl+Enter	Copilot Chatを開く（Copilot Chatも導入している場合）