📘 Introduction STEP 01 / 15 ⏱ 5分 ⏳ 残り195分

INTRO：勉強会について

こんにちは、Mona です 🐙

今日は、となりのタブで開いている Copilot Playbook サイト（の簡易版）を、Copilot と一緒にゼロから作ります。

今日作る Copilot Playbook サイトのプレビュー（Context Engineering ページ）

この勉強会では、Copilot Playbook で紹介されているシンプルな概念を実際に手を動かして体験します。PLAN → CODE → REVIEW → TEST & SECURE → OPERATE のフェーズに沿って GitHub Copilot を使い、最終的には Playbook の簡易版を Copilot と一緒に作り上げます。

1.1 — 本日のゴール

  • PLAN: MCP・Instruction・Skill で Copilot に「文脈」「ルール」「型」を仕込む
  • CODE: Copilot Chat（Plan / Agent）でサイトを設計・実装、Copilot Agent で追加フィーチャーを実装
  • REVIEW: Copilot Code Review で PR を自動レビューする
  • TEST & SECURE: Dependabot・CodeQL（GHAS）と GitHub Actions（Playwright）で品質と安全性を担保する
  • OPERATE: Agentic Workflow で日常運用に AI を組み込む

1.2 — 管理者向け

本セクションは Enterprise 管理者の方向けのご案内です。受講者の皆様がハンズオンを問題なく一通り実施できるよう、Enterprise / Organization 側で事前に有効化いただきたい設定を以下にまとめております。

ご注意： これらの設定は、受講者の皆様が Copilot ライセンスを付与されている Enterprise / Organization に対して行う必要があります。別の Enterprise / Organization で有効化しても、受講者には反映されませんのでご注意ください。

【必須】

  • テスト用 Organization が 1 つ必要です。受講者の皆様がハンズオン用のテストリポジトリを自由に作成できる場所として使用します。

【Enterprise レベルで有効化いただきたい機能（できる範囲で結構です）】

※ 下記が Enterprise 側で許可されていないと、Org 側で有効化できません。

  1. Codespaces

    • 設定箇所：Your Enterprise → Policies → Codespaces → Enable for all organizations
    • 私と同じ環境で進めるためです。ローカル PC でも代替可能ですが、Codespaces を推奨いたします。

  2. Actions

    • 設定箇所：Your Enterprise → Policies → Actions → Enable for all organizations →「Allow all actions and reusable workflows」

  3. Copilot Code Review

    • 設定箇所：Your Enterprise → AI Controls → Agents → Available Agents → Copilot Code Review → Enabled

  4. Copilot Cloud Agent

    • 設定箇所：Your Enterprise → AI Controls → Agents → Available Agents → Copilot Cloud Agent → Enabled

  5. Copilot CLI / Chat / Agent Mode

    • 設定箇所：Your Enterprise → AI Controls → Copilot
      • Copilot CLI → Enable everywhere
      • Copilot Agent Mode in IDE Chat → Enable everywhere
      • Auto-Approval in Copilot Agent Mode → Enable everywhere

  6. Partner Agents

    • 設定箇所：Your Enterprise → AI Controls → Agents → Partner Agents (Preview)
      • Anthropic Claude → Allowed
      • OpenAI Codex → Allowed

  7. MCP

    • 設定箇所：Your Enterprise → AI Controls → MCP
      • MCP servers in Copilot → Enable everywhere

【テスト用 Organization で有効化いただきたい機能（できる範囲で結構です）】

  1. GitHub Codespaces

    • 設定箇所：Org Settings → Codespaces → General → User permissions →「All members」を選択
    • 私と同じ環境で進めるためです。ローカル PC でも代替可能ですが、Codespaces を推奨いたします。

  2. GitHub Actions

    • 設定箇所：Org Settings → Actions → General →「Allow all actions and reusable workflows」
    • Workflow の実行および後述の Copilot Code Review / Cloud Agent / Agentic Workflow の動作に必要です。

  3. Copilot Code Review

    • 設定箇所：Org Settings → Copilot → Policies → Features →「Copilot code review」→ Enabled

  4. Copilot Cloud Agent

    • 設定箇所：Org Settings → Copilot → Policies → Features →「Copilot cloud agent」→ Enabled

  5. Copilot CLI

    • 設定箇所：Org Settings → Copilot → Policies → Features →「Copilot CLI」→ Enabled

  6. レポジトリを作成する権限

    • 設定箇所：Org Settings → Member privileges → Repository creation → ☑ Private（Members will be able to create private repositories）

【スキップ可能】

  • セキュリティ関連のパート（GHAS）はスキップしても問題なく進められます。