コンテンツにスキップ

レッスン 0 - 前提条件

GitHub Copilot app は、Copilot と GitHub の両方を一元的に扱うデスクトップアプリです。Issue や pull request にすばやくアクセスでき、もちろん GitHub Copilot を使った開発も可能です。このワークショップでは、Astro で構築された Tailspin Toys アプリと GitHub Copilot app を使い、ローカル環境で作業します。始める前に、Node.js がローカルにインストールされていることを確認してから、Copilot app をインストールします。

このレッスンでは、次の内容を学習します。

  • プロジェクトのテストを実行できるよう Node.js をインストールする。
  • テンプレートから Tailspin Toys プロジェクトの自分用コピーを作成する。

Node.js をインストールする

いくつかのレッスンでは、エージェントに機能を構築させ、Tailspin Toys のテストスイートをローカルで実行します。そのためには Node.js (プロジェクトに必要な唯一のランタイム) が必要です。現在の LTS リリースをインストールしてください。

どのプラットフォームでも、公式インストーラーを使うのが最も簡単です。

  1. Windows Terminal、macOS のターミナル、または普段使用しているターミナルを開きます。

  2. 次のコマンドを実行し、インストールされている Node.js のバージョンを確認します。

    Terminal window
    node --version
  3. プロジェクトの README と package.json に記載されている要件を満たしていれば、次のセクションに進めます。

Node.js がインストールされていない場合、または更新が必要な場合にのみ、以降の手順を実行してください。

  1. Node.js のダウンロードページを開きます。

  2. 使用しているオペレーティングシステム向けの LTS ビルドをダウンロードします。

  3. インストーラーを実行し、既定の設定を選択します。Windows では、Add to PATH を選択したままにします。

  4. インストールが完了したら、新しいターミナルを開きます。

  5. 新しいターミナルで次のコマンドを実行し、インストールを確認します。

    Terminal window
    node --version
  6. インストールしたバージョンが表示されることを確認します。

各ワークツリーには、プロジェクトの依存関係と E2E チェック用の Playwright Chromium も必要です。ワークツリーの準備では学習用リポジトリの README に従い、インストールの要求は内容を確認してから承認してください。

ラボ用リポジトリを設定する

Tailspin Toys プロジェクトの自分用コピーを使って作業します。テンプレートリポジトリからコピーを作成してください。新しいリポジトリにはラボに必要なすべてのファイルが含まれています。次のレッスンで、このリポジトリをアプリに接続します。

  1. 新しいブラウザーウィンドウで、このラボの GitHub リポジトリ https://github.com/github-samples/tailspin-toys を開きます。

  2. ラボ用リポジトリのページで Use this template ボタンを選択し、Create a new repository を選択して、リポジトリの自分用コピーを作成します。

    Use this template ボタンのドロップダウンで Create a new repository が選択されている画面

  3. GitHub または Microsoft が主催するイベントの一環としてワークショップに参加している場合は、メンターの指示に従ってください。それ以外の場合は、GitHub Copilot を利用できる Organization に新しいリポジトリを作成できます。

    github-samples/tailspin-toys がテンプレートに設定され、リポジトリ名が入力された Create a new repository フォーム

  4. 作成したリポジトリのパス (organization-or-user-name/repository-name) を記録します。このラボで後ほど使用します。

テンプレートからリポジトリを作成すると、GitHub Issue のバックログが自動的に作成されます。ワークショップ全体を通してこれらの Issue を使用するため、自分で作成する必要はありません。

ワークショップのテンプレートの新しいコピーを使用してください。リポジトリの指示、アプリケーションコード、テスト、quality-checks スキル、既存のキャンバス拡張機能が含まれています。ワークショップ中にスキルをカスタマイズし、QA エージェントを作成します。古いコピーを使う場合は、必要なファイルが含まれているか進行役に確認してください。

まとめと次のステップ

準備が整いました。このレッスンでは、次の作業を行いました。

  • プロジェクトをコンピューター上でビルドしてテストできるように Node.js をインストールした。
  • テンプレートから Tailspin Toys リポジトリの自分用コピーを作成した。

次は、GitHub Copilot app をインストールし、作成したリポジトリを接続して、ワークスペースを確認します。

リソース