GitHub Codespacesの概要

GitHub Copilot Global Bootcamp のセッションとなります
デモのコード：https://github.com/Takas0522/dotnetlab-demos/tree/main/2025/06/demo3

Transcript

1. GitHub Copilot Global Bootcamp GitHub Codespacesの概要
2. Takas(@DevTakas) M365 & Developer Technologies Facilitators and Community Staff
3. AGENDA • 私達の様々な課題 • Dev Container • GitHub Codespaces • デモ • まとめ
4. 私たちの様々な課題 Chapter 1
5. 「このソースを動かし始めるのに丸一 日費やした」 「僕のPCだと動くけどほかのPCだと動 かない」 「16コアのマシン持ってる？」 「動いているけど何をインストールす ればいいかわからない」
6. 環境に起因する問題が多くなった • 多様な開発言語や開発環境の増加 • マイクロサービスなどを起因とした開発環境の複雑化 • コンテナで動作させるアプリケーションの増加 • BYOD • 開発用マシンの多様化 やりたいことと それに適応した環境が多すぎる…
7. Dev Container Chapter 2
8. Dev Containerで開発を行うということ • 開発環境のパッケージング • 依存関係・ミドルウェア・データ等々… • 必要な構成と必要なツールなどを提供する Webアプリケーションの開発環境 node.js xxx-CLI 拡張機能 Etc…
9. Dev Containerのはじめかた • 必要なアプリケーション • Docker Desktopなどのコンテナ管理ツール • VS Code 以上
10. Dev Containerのはじめかた • C#の開発環境を構築する
11. Dev Containerのはじめかた • C#の開発環境を構築する
12. Dev Containerのはじめかた • C#の開発環境を構築する
13. Dev Containerのはじめかた • C#の開発環境を構築する
14. Dev Containerのはじめかた
15. Dev Containerをカスタマイズする方法 • 3パターンある • Featureを追加していく方法 • Dockerfile/Docker Compose • 独自イメージを作成する
16. Dev Containerをカスタマイズする方法 • デモ
17. まだ足りない… • 主にマシンパワーのばらつき。物理環境制約。 • チップ問題 • DevContainer動かすまで時間もかかる • 通信帯域の問題 • ポータビリティ
18. GitHub Codespaces Chapter 3
19. Code with GitHub Codespaces
22. あらゆる管理された環境 完全に管理された開発環境を提供しセットアップとメンテナンスを大 幅に削減します どこからでも同じ開発体験 開発者あるいはTeam独自の設定やテーマの環境を設定することがで きるため常に、どこからでもローカルで開発するような体験で開発で きます 最適な共同開発 共同開発するための開発環境とAI支援が整っています
23. すべての個人GitHubアカウ ントは、月間クォータ内で GitHub Codespacesが無料 で使用できます 月間クォータ ・1コア120時間の使用 ・または2コア60時間の使用 ・15 GBのストレージ
24. Codespaceの作り方/使い方
25. Codespaceの作り方/使い方
26. Codespacesをカスタマイズする方法 • 3パターンある(基本的にDev Containerと同じ) • Featureを追加していく方法 • Dockerfile/Docker Compose • 独自イメージを作成する
27. Codespaceでカスタムイメージを使用する docker build Container Registry
28. デモ Chapter 4 https://github.com/Takas0522/ghcs-demo
29. 後片付け • https://github.com/codespaces • 削除か止めるかしておきましょう
30. まとめ • オンボーディング一番の課題の開発環境の構築が楽になる • OSなどの依存を解消しよう • DevContainerで不足する問題はCodespacesを利用しよう