Go to Qiita Advent Calendar Top
LoginSignup
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

@okokok

🚀 GitHub Copilot「超」活用術大全：もう手書きコードには戻れない！生産性を爆上げするAIペアプログラミングの極意

Posted at

🌟 序章：Copilotは「未来のキーボード」だ！

開発者の皆さん、毎日お疲れ様です！

GitHub Copilot。このAIペアプログラマーは、もはや「ちょっと便利なコード補完」ではありません。これは、あなたの開発プロセスそのものを根底から変革する「未来のキーボード」です。

しかし、ただ漫然と使っているだけではその真価は発揮されません。本記事では、筆者が実践し、「マジで開発効率が30%以上上がった！」と断言できる、GitHub Copilotの超実践的な使い方と、「これ、Copilotが書いたの！？」と驚くようなコード事例を一挙公開します。

「AIは雑用をやらせるとめちゃくちゃ便利」です。面倒な定型処理はCopilotに任せ、あなたは創造的で価値の高い作業に集中しましょう！

🎯 必須テクニック1：コメント駆動開発の徹底
Copilotを最大限に活かす最大の秘訣は、「コードを書く前に、何をしたいかコメントで明確に伝えること」です。

Copilotは、自然言語の指示を最も得意としています。詳細で具体的なコメントこそが、質の高いコードを一発で生成させるための最強のプロンプトになります。

事例：外部APIからデータを取得し、整形する（Python）

#
# ユーザーIDリスト (user_ids) に基づいて、
# 外部APIからユーザー情報を非同期で取得する関数 async_fetch_users(user_ids) を定義
# APIエンドポイントは 'https://api.example.com/users/{user_id}'
# 取得したJSONデータのうち、'name' と 'email' のみを抽出し、リストとして返す
# エラー発生時はNoneを返し、コンソールにエラーメッセージを出力する
#
import asyncio
import aiohttp
import json

async def async_fetch_users(user_ids: list[int]) -> list[dict] | None:
    """
    指定されたユーザーIDリストからユーザー情報を非同期で取得し、整形して返す。
    """
    results = []
    async def fetch(user_id):
        url = f'https://api.example.com/users/{user_id}'
        try:
            async with aiohttp.ClientSession() as session:
                async with session.get(url) as response:
                    if response.status == 200:
                        data = await response.json()
                        return {'name': data.get('name'), 'email': data.get('email')}
                    else:
                        print(f"Error fetching user {user_id}: Status {response.status}")
                        return None
        except Exception as e:
            print(f"Exception for user {user_id}: {e}")
            return None

    tasks = [fetch(user_id) for user_id in user_ids]
    results = await asyncio.gather(*tasks)
    return [res for res in results if res is not None]

# 実行例（以降のコードはCopilotがコメントを見て自動補完）
# if __name__ == '__main__':
#     user_ids_to_fetch = [101, 102, 103]
#     users = asyncio.run(async_fetch_users(user_ids_to_fetch))
#     print(users)

👆ポイント： コメントの具体性が高ければ高いほど、Copilotは適切な非同期処理（asyncio, aiohttp）まで含めて、一気にコードを生成してくれます。

⚙️ 必須テクニック2：「面倒くさい定型処理」はAIの餌にしろ！
Copilotの真骨頂は、人間が退屈に感じる繰り返し作業や定型処理を一瞬で片付ける点にあります。これらを積極的にCopilotに任せることで、ミスを減らし、スピードを飛躍的に向上させることができます。

💡 事例1：データ構造の変換・マッピング（TypeScript/JavaScript）

ネストしたデータ構造を、別のシンプルな構造に変換する処理は非常に面倒です。

type UserApiData = {
    id: number;
    profile: {
        firstName: string;
        lastName: string;
        contact: {
            emailAddress: string;
            phoneNumber: string;
        }
    }
};

type SimpleUser = {
    userId: number;
    fullName: string;
    email: string;
};

// apiDataをSimpleUserの配列に変換する関数を定義
const transformUserData = (apiData: UserApiData[]): SimpleUser[] => {
    // ここで改行するだけでCopilotが提案
    return apiData.map(data => ({
        userId: data.id,
        fullName: `${data.profile.firstName} ${data.profile.lastName}`,
        email: data.profile.contact.emailAddress,
    }));
};

👆ポイント： 型定義（type）を見ただけで、Copilotは「開発者が何をしたいか」推測し、複雑なオブジェクトマッピングのロジックを一瞬で提案します。

💡 事例2：定型的なSwitch文の生成（Java/Kotlinなど）
処理がシンプルなEnumや定数に基づくswitch文は、頭を使わず指が疲れるだけの作業です。

public enum PaymentStatus {
    PENDING,
    PAID,
    FAILED,
    REFUNDED
}

// PaymentStatusに応じて、ユーザーに表示する日本語のステータス文字列を返す関数
public String getDisplayStatus(PaymentStatus status) {
    // ここで改行、または 'switch (status) {' まで入力
    return switch (status) {
        case PENDING -> "支払い待ち";
        case PAID -> "支払い完了";
        case FAILED -> "支払い失敗";
        case REFUNDED -> "返金済み";
    };
}

🤯 バズり必至！ 秘伝の裏技活用法
通常のコード生成以外にも、Copilotは驚くべき能力を発揮します。

1. 🌈 テストコードの自動生成

本番コードの関数定義の直後に、// Test cases for や describe(' などと入力するだけで、Copilotは関数の仕様を理解したテストコードを生成します。

def is_valid_email(email: str) -> bool:
    """
    基本的なメールアドレスの形式チェックを行う
    """
    import re
    # Copilotが正規表現を補完
    return re.match(r'^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$', email) is not None

# Test cases for is_valid_email
def test_is_valid_email():
    assert is_valid_email("test@example.com") == True
    assert is_valid_email("invalid-email") == False
    assert is_valid_email("a@b.co") == True
    assert is_valid_email("a@b") == False
    assert is_valid_email("test.user+tag@sub.domain.net") == True

2. 📝 ドキュメンテーションの自動生成

2関数やクラス定義の直後で、ドキュメンテーションコメント（JavaDoc、JSDoc、Python docstringなど）の開始文字を入力すると、Copilotが引数、戻り値、処理内容を完璧に記述します。

/**
 * 与えられた配列から重複する要素を削除し、一意の要素のみを含む新しい配列を返す。
 * @param {Array<T>} arr - 入力となる配列
 * @returns {Array<T>} 重複が取り除かれた配列
 * @template T
 */
const removeDuplicates = <T>(arr: T[]): T[] => {
    return Array.from(new Set(arr));
};

3. 🖼️ HTML/CSSのまるごと生成

特にデザインのラフスケッチを実装する際など、Copilotは自然言語の指示でHTML構造とCSSをまとめて生成できます。

<div class="card-container">
  <div class="card">
    <img src="image1.jpg" alt="Image 1">
    <h3>カードタイトル 1</h3>
    <p>魅力的な説明文がここに入ります。読みやすく簡潔に。</p>
  </div>
  </div>

<style>
/* CSSの生成もここで開始 */
.card-container {
    display: grid;
    gap: 20px;
    padding: 20px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* レスポンシブの基盤 */
}

/* ... 以下、Copilotがメディアクエリまで補完 ... */
</style>

まとめ：健全なCopilot活用で幸せになろう

GitHub Copilotは、「雑用」を任せるための最高のツールです。

コメントを具体的に書くことで、Copilotの性能を最大限に引き出す。

定型的なデータ変換、ボイラープレート、switch文などは迷わずAIに任せる。

テストやドキュメントの生成に活用し、コーディング以外の付加作業の時間を短縮する。

ただし、生成されたコードは必ず目視でレビューしましょう。Copilotは「それっぽい」コードを生成しますが、セキュリティ上の問題や意図しないバグを含んでいる可能性があるからです。

面倒なことはAIに任せて、自分はアーキテクチャ設計やユーザー体験の向上といった、人間でしかできない創造的な作業に集中しましょう！

Happy VSCoding!!!

🤝 次なるステップ
この記事を読んで、すぐに試してみたいテクニックは見つかりましたか？

「このテクニックを使って、特定の言語での別のコード事例を見てみたい」などのご要望があれば、ぜひコメントやリプライで教えてください！

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?