Visual Studio Code のはじめの一歩
初心者向けのハンズオンで、Visual Studio Code の GitHub Copilot を体験します。空のフォルダーからカラフルな Space Quiz を構築し、エディター中心の開発の流れを学びます。ワークスペースで構築し、コンテキストを確認して、Git に変更を記録する前にテストします。編集前に計画を立て、VS Code を離れずに GitHub のツールで Issue とプルリクエストを扱います。
ワークショップの所要時間は約 60～90 分です。プロジェクトは実行時の依存関係を持たない単一の HTML ファイルで構成されるため、エディターでの Copilot の学習に集中できます。
このワークショップは James Montemagno が作成し、First Steps with GitHub Copilot を基に構成されています。元のコンテンツは MIT License で公開されています。
レッスン
| レッスン | トピック | 実施内容 |
|---|---|---|
| 0. 前提条件とセットアップ | セットアップ | 前提条件を確認し、GitHub 拡張機能を追加してフォルダーを開き、モデルを選ぶ |
| 1. ワークスペースでの構築 | 構築 | クイズを構築し、統合ブラウザーでプレビューして、選んだ要素を仕上げる |
| 2. プロジェクトの指示の記録 | 指示 | /init で .github/copilot-instructions.md を生成して調整する |
| 3. コンテキストの確認とテスト | テスト | チャットのコンテキストを確認し、Git に変更を記録する前にスモークテストを実行する |
| 4. プロジェクトの公開 | 公開 | Source Control で初期化、コミット、公開する |
| 5. 編集前の計画 | 計画 | Plan モードを使って次の機能のアプローチに合意する |
| 6. Copilot に GitHub を扱うツールを提供する | ツール | GitHub MCP サーバーを有効にしてレビューする |
| 7. Issue の計画と実装 | 実装 | GitHub のツールで Issue を作成し、新しいセッションで 1 つ実装する |
| 8. レビューとマージ | レビュー | Source Control からプルリクエストを作成し、レビューを依頼してマージする |
| 9. クラウドセッションに引き継ぐ | 委任 | ハーネスを Cloud に切り替え、新機能の作成を委任する |
| 10. 振り返りと次のステップ | 振り返り | ワークフローを振り返り、学習を続ける |