レッスン 1 - GitHub Copilot app のインストール
GitHub Copilot app は、エージェント主導の開発に使用するデスクトップアプリケーションです。GitHub Copilot CLI を基盤とし、GitHub とネイティブに統合されているため、リポジトリ、ブランチ、CI パイプラインをすぐに利用できます。すべての作業を自分で行うのではなく、複数のエージェントをそれぞれ分離されたワークスペースで並列に指示し、繰り返し発生するタスクを自動化するワークフロー向けに設計されています。Node.js のインストールとプロジェクトのコピーが完了したので、次はアプリをインストールして、そのリポジトリを接続します。
このレッスンでは、次の内容を学習します。
- GitHub Copilot app をインストールしてサインインする。
- GitHub リポジトリからプロジェクトをアプリに追加する。
- テンプレートによって用意されたバックログを含め、ワークスペースを確認する。
- クイックチャットを試して、アプリ自体について学ぶ。
シナリオ
チームは、増え続けるバックログに対応するために AI エージェントを導入しています。Copilot app では、Issue の選択、エージェントの実行、変更のレビュー、pull request のマージを一か所から指示できます。このレッスンでは、アプリをインストールして接続し、プロジェクトについての会話を始められるようにします。
対象となる Copilot プランが必要です。Copilot Student またはいずれかの有料プラン (Pro、Pro+、Business、Enterprise) を利用してください。Copilot Business または Copilot Enterprise を使用している場合、アプリを動作させるには管理者が Copilot CLI ポリシーを有効にする必要があります。
GitHub Copilot app をインストールして構成する
GitHub Copilot app を使用するには、まずアプリをインストールします。Windows、macOS、Linux 向けのバージョンが用意されています。アプリをインストールして認証し、Tailspin Toys リポジトリを追加します。
- ブラウザーで GitHub Copilot app のランディングページを開きます。
- 使用しているプラットフォーム向けのアプリをダウンロードし、ランディングページの手順に従ってインストールします。
- インストールが完了したら、アプリを開きます。
- Sign in to GitHub を選択し、画面の指示に従って認証します。GitHub Enterprise Server を使用している場合は Use GitHub Enterprise を選択し、求められたらサーバーアドレスを入力します。
- 認証後、リポジトリを接続するよう求められます。先ほど作成した
<YOUR_GITHUB_HANDLE>/tailspin-toysという名前の Tailspin Toys リポジトリを選択します。 - Continue を選択してオンボーディングを続けます。
- テーマの選択を求められたら、最も好みのものを選び、Finish を選択します。
Tailspin Toys のコピーが一覧に自動的に表示されなかった場合は、アプリのオンボーディングを完了した後に追加できます。完了すると、Copilot app のホーム画面が表示されます。そこで Choose from GitHub を選択し、リポジトリ名 (<YOUR_GITHUB_HANDLE>/tailspin-toys) で検索して選択します。これでリポジトリが Copilot app に追加されます。
ワークスペースを確認する
プロジェクトを接続したら、各領域を確認します。アプリのサイドバーは、主に次の領域で構成されています。
- New - 名前のとおり、ここから Copilot との新しいチャットセッションを開始できます。
- Pull requests - アプリの GitHub ネイティブ統合を通じて表示される pull request です。アプリを離れずに、pull request の参照や絞り込み、CI ステータスの確認、pull request のレビューを行えます。
- Issues - 同じように表示される Issue です。Issue の参照や絞り込み、Issue からのセッション開始を行えます。
- Automations - スケジュールまたはオンデマンドで実行する、保存済みのエージェントタスクです。やることリストの管理、定期的なプロジェクトの保守、その他の手間のかかる作業を任せるのに役立ちます。振り返りでは次のステップとしてリンクを紹介し、追加の演習にはしません。
- Customize - MCP server、プラグイン、スキルなどのコンポーネントによって、Copilot app に機能を追加します。Playwright MCP の設定に使用します。
- Chats - 独自のブランチやワークスペースを必要としない、質問やブレインストーミング向けの簡易的な会話です。このレッスンの最後に試します。
- Sessions - エージェントが作業する場所です。各セッションは分離された独自のワークスペースで実行されるため、変更が競合することなく複数のセッションを同時に実行できます。次のレッスンで最初のセッションを開始します。
ワークショップを進めながら、ワークスペースを確認していきます。
迷ったときは Copilot に質問しましょう。操作方法がわからない場合や、何かが可能かどうか知りたい場合は、Copilot に尋ねると案内してくれます。
用意されたバックログを確認する
バックログのないプロジェクトはほとんどなく、Tailspin Toys も例外ではありません。テンプレートからリポジトリを作成したときに用意された、現在のバックログを確認しましょう。
-
サイドバーで Issues を選択します。
-
Issue 番号を決めつけず、次のタイトルで検索します。
- Allow users to filter games by category and publisher
- Update our repository coding standards
-
Issue を選択して詳細を読みます。各 Issue はエージェントセッションの開始点にもなります。小規模な最初の変更を完了した後、フィルター機能の Issue から作業を開始します。
Issues と Pull requests の項目一覧は自動的に絞り込まれ、Copilot app に追加したリポジトリの項目だけが表示されます。ほかのリポジトリの作業項目を表示するには、そのリポジトリをアプリに追加してください。
クイックチャットを試す
アプリに慣れるには、アプリ自体について質問するのが効果的です。その用途には quick chat が適しています。Quick chats ではブランチや worktree を作成せずに質問やブレインストーミングができるため、セッションを必要としない、その場限りの簡単な質問に最適です。
-
サイドバーで Chats の横にある + を選択し、新しいチャットを開きます。
-
アプリのセッションがどのように動作するかを尋ねます。
How does the GitHub Copilot app use worktrees? -
会話ビューで回答を読みます。各セッションが分離された独自の git worktree で実行されるため、変更が競合することなく複数のエージェントを並列実行できることがわかります。会話はいつでも継続でき、新しいチャットも開始できます。
まとめと次のステップ
GitHub Copilot app をインストールし、プロジェクトを接続して、ワークスペースを確認しました。学習した内容は次のとおりです。
- アプリをインストールして GitHub にサインインする。
- GitHub リポジトリからプロジェクトを追加する。
- ワークスペースを確認し、Issues で用意されたバックログを見つける。
- クイックチャットを使って、その場限りの簡単な質問をする。
次は、最初のエージェントセッションを開始し、ゲームカードに星評価を表示する最初の変更をプロジェクトに加えます。レッスン 2「星評価の追加で小さな成果を得る」に進んでください。