コンテンツにスキップ
Copilot Workshops

レッスン 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 リポジトリを追加します。

  1. ブラウザーで GitHub Copilot app のランディングページを開きます。
  2. 使用しているプラットフォーム向けのアプリをダウンロードし、ランディングページの手順に従ってインストールします。
  3. インストールが完了したら、アプリを開きます。
  4. Sign in to GitHub を選択し、画面の指示に従って認証します。GitHub Enterprise Server を使用している場合は Use GitHub Enterprise を選択し、求められたらサーバーアドレスを入力します。
  5. 認証後、リポジトリを接続するよう求められます。先ほど作成した <YOUR_GITHUB_HANDLE>/tailspin-toys という名前の Tailspin Toys リポジトリを選択します。
  6. Continue を選択してオンボーディングを続けます。
  7. テーマの選択を求められたら、最も好みのものを選び、Finish を選択します。

Tailspin Toys のコピーが一覧に自動的に表示されなかった場合は、アプリのオンボーディングを完了した後に追加できます。完了すると、Copilot app のホーム画面が表示されます。そこで Choose from GitHub を選択し、リポジトリ名 (<YOUR_GITHUB_HANDLE>/tailspin-toys) で検索して選択します。これでリポジトリが Copilot app に追加されます。

ワークスペースを確認する

プロジェクトを接続したら、各領域を確認します。アプリのサイドバーは、主に次の領域で構成されています。

  • Sessions - エージェントが作業する場所です。各セッションは分離された独自のワークスペースで実行されるため、変更が競合することなく複数のセッションを同時に実行できます。次のレッスンで最初のセッションを開始します。
  • Quick chats - 独自のブランチやワークスペースを必要としない、質問やブレインストーミング向けの簡易的な会話です。このレッスンの最後に試します。
  • My work - アプリの GitHub ネイティブ統合を通じて表示される Issue と pull request です。アプリを離れずに、Issue と pull request の参照や絞り込み、CI ステータスの確認、Issue からのセッション開始、pull request のレビューを行えます。
  • Automations - スケジュールまたはオンデマンドで実行する、保存済みのエージェントタスクです。ハーネスの終盤で作成します。

用意されたバックログを確認する

アプリは GitHub とネイティブに統合されているため、リポジトリで待機中の作業がアプリ内に表示されます。テンプレートからリポジトリを作成したときに、バックログとなる Issue が用意されています。表示されていることを確認します。

  1. サイドバーで My work を選択します。

  2. テンプレートによってバックログに用意された次の3件の Issue が表示されることを確認します。

    • Allow users to filter games by category and publisher
    • Add a custom instructions standard so generated TypeScript code includes clear TSDoc doc comments
    • Stretch Goal: Implement pagination on the game list page

  3. Issue を選択して詳細を読みます。各 Issue はエージェントセッションの開始点にもなります。ハーネスの後半では、これらの Issue から作業を開始します。

My work の項目一覧は自動的に絞り込まれ、Copilot app に追加したリポジトリの項目だけが表示されます。ほかのリポジトリの作業項目を表示するには、そのリポジトリをアプリに追加してください。

クイックチャットを試す

アプリに慣れるには、アプリ自体について質問するのが効果的です。その用途には quick chat が適しています。Quick chats ではブランチや worktree を作成せずに質問やブレインストーミングができるため、セッションを必要としない、その場限りの簡単な質問に最適です。

  1. サイドバーで Quick chats の横にある + を選択し、新しいチャットを開きます。

  2. アプリのセッションがどのように動作するかを尋ねます。

    How does the GitHub Copilot app use worktrees?

  3. 会話ビューで回答を読みます。各セッションが分離された独自の git worktree で実行されるため、変更が競合することなく複数のエージェントを並列実行できることがわかります。会話はいつでも継続でき、新しいチャットも開始できます。

まとめと次のステップ

GitHub Copilot app をインストールし、プロジェクトを接続して、ワークスペースを確認しました。学習した内容は次のとおりです。

  • アプリをインストールして GitHub にサインインする。
  • GitHub リポジトリからプロジェクトを追加する。
  • ワークスペースを確認し、My work で用意されたバックログを見つける。
  • クイックチャットを使って、その場限りの簡単な質問をする。

次は、最初のエージェントセッションを開始し、ゲームカードに星評価を表示する最初の変更をプロジェクトに加えます。レッスン 2「最初のエージェントセッションの実行」に進んでください。

リソース