一言で
題材は このプレイブックサイトの簡略版。あなたが今読んでいるこのサイトを、Copilot と一緒にゼロから作り直します。
リポジトリを Codespaces で開けば、環境構築なしでブラウザからすぐに始められます。
🪞 作るもの = 今読んでいるこのサイト(の簡略版)。だからゴールが分かりやすく、各機能がどの場面で効くかを実感できます。 🎮 使う機能 — MCP / Instructions / Agent Skills / Plan モード / Cloud Agent / Code Review / Agentic Workflow を 一気通貫 で体験。
📘 リポジトリと Codelabs:
ワークショップで体験する流れ
このプレイブックサイトの簡略版 を作りながら、5 つのフェーズで主要機能を一気通貫に体験します。
flowchart TB
Prep["🛠️ <b>リポジトリ準備</b><br/>MCP / Instructions / Skill"]
Plan["📋 <b>Copilot</b><br/>Plan / Implement モード"]
Review["🔍 <b>Copilot</b><br/>Code Review"]
Improve["🤖 <b>Cloud Agent</b><br/>改善タスク"]
Maint["🔁 <b>Agentic Workflow</b><br/>リポジトリ運用自動化"]
Prep --> Plan --> Review --> Improve --> Maint
classDef prep fill:#0a1a14,stroke:#9bbc0f,color:#9bbc0f,stroke-width:2px
classDef dev fill:#1a0a2e,stroke:#ff2e88,color:#ff2e88,stroke-width:2px
classDef rev fill:#1a1408,stroke:#ffb000,color:#ffb000,stroke-width:2px
classDef ops fill:#0a0e27,stroke:#00f0ff,color:#00f0ff,stroke-width:2px
class Prep prep
class Plan,Improve dev
class Review rev
class Maint ops📝 ワークショップ用の 簡略フロー です。実際の SDLC ではフェーズが行き来したり並列で走ったりします。「どの場面でどの機能を使うか」の感覚を掴むことが目的。
はじめ方
最短ルート — ブラウザだけで完結:
- 🌐 リポジトリを開く: theomonfort/Github-copilot-workshop ↗
- 🟢 緑の Code ボタン → Codespaces タブ → Create codespace on main
- 📖 Codelabs を開く: ワークショップを開く ↗
- ⌨️ 1 ステップずつ進めながら Copilot に話しかける
💡 ローカルに環境が無くても OK。Codespaces で必要な拡張機能・依存関係はすべて準備済みです。 🤖 ワークショップ中に詰まったら、その場で Copilot Chat に質問するのも学びの一部です。