Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
GitHub Codespaces が拡げる開発環境、いつでもどこでも Visual Stud...
Search
Kazumi IWANAGA
January 21, 2023
Technology
3
2k
GitHub Codespaces が拡げる開発環境、いつでもどこでも Visual Studio Code で!
VS Code Conference Japan 2022 - 2023 でお話したセッションの資料です。
https://vscode.connpass.com/event/263206/
Kazumi IWANAGA
January 21, 2023
Tweet
Share
More Decks by Kazumi IWANAGA
See All by Kazumi IWANAGA
【再】#2 GitHub Copilot Enterprise&GitHub Actionsナレッジ オープニング資料
dzeyelid
0
64
GitHub最新情報キャッチアップ 2024年3月
dzeyelid
17
5.1k
GitHub dockyardコミュニティ 竣工イベント!オープニング資料
dzeyelid
0
260
地味だけど劇的に便利になるGitHubリポジトリ設定あれこれ
dzeyelid
1
1.9k
GitHub最新情報キャッチアップ 2023年6月
dzeyelid
2
2.8k
GitHub と Azure でアプリケーションとインフラストラクチャの守りを固めるDevSecOps
dzeyelid
1
190
高さ比べじゃない、キャリアは歩んできた道
dzeyelid
0
490
GitHub Copilotとともに次の開発体験へ
dzeyelid
1
350
突如登場したAzure Developer CLIでなにができるのか?検証してみる
dzeyelid
0
100
Other Decks in Technology
See All in Technology
Advancing the 3D Geospatial Ecosystem in Japan via Global Collaborations
osgeojp
0
190
問題を認識して解決できる人は何でもできる
i999rri
0
110
Explain EXPLAIN
keiko713
10
2.8k
同一クラスタ上でのFluxCDとArgoCDのリソース最適化の話
kumorn5s
0
150
PostgreSQL Conference Japan 2024 A4 Comparison of column-oriented access methods
nori_shinoda
0
150
高品質と高スピードを両立させるソフトウェアQA/Software QA that Supports Agility and Quality
goyoki
10
1.7k
後処理で位置情報を補正する技術を試してみた
kensuketakahara
0
100
リクルートのデータ基盤 Crois 年3倍成長!1日40,000コンテナの実行を支える AWS 活用とプラットフォームエンジニアリング
recruitengineers
PRO
1
240
re:Inventで発表された Bedrockの新機能を色々使って、マルチRAGエージェントにクラウド選定させてみた件
minorun365
PRO
3
260
A/Aテストにおけるサンプルサイズ/japanr2024
nikkei_engineer_recruiting
1
620
つくってあそぼ! ユビキタス言語作文の紹介
ndadayo
1
150
振る舞い駆動開発(BDD)における、テスト自動化の前に大切にしていること #stac2024 / BDD formulation
nihonbuson
3
1.1k
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Building Applications with DynamoDB
mza
91
6.1k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
790
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Building Your Own Lightsaber
phodgson
103
6.1k
Navigating Team Friction
lara
183
15k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Designing for humans not robots
tammielis
250
25k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
Transcript
GitHub Codespaces が拡げ る開発環境、いつでもどこでも Visual Studio Code で! VS Code
Conference Japan 2022 - 2023
岩永かづみ / Kazumi IWANAGA • Microsoft MVP for Azure •
ZEN Architects 所属 • GitHub公認トレーナー • 得意な領域 • Infrastructure as Code • GitHub Actions による自動化 • 技術コミュニティ • Code Polaris / Hack Everything. • @dz_ • @dzeyelid • @dzeyelid
ハピバ!🫶🍩 • Birthday donation • 国連UNHCR協会 • 難民支援 • 認定NPO法人フローレンス
• 病児保育、待機児童、障害児保育、虐待、ひとり親貧困などの問題の解決 • 継続支援 • NPO法人 CLACK • 貧困家庭の高校生に、プログラミング学習支援とキャリア支援で自走の力を
イントロ
開発は一カ所にとどまらない
Visual Studio Code があれば • Windows, MacOS, Linux などマルチプラットフォーム対応 •
Settings Sync で設定を共有できる • Live Share で環境を共有できる • コンテナや Vagrant などを利用して構築した環境に、Remote development で接続して開発できる
Visual Studio Code の開発環境の例 コンテナ ランタイム Visual Studio Code コンテナ
インスタンス Remote development
でもまだ"運用でカバー"がなくならない? デバッグ中だけど、もう出かけないと。 途中のコード、push したくないなぁ… ノートPC、しばらく使ってなかったから npm install 終わらん! 出先で更新したとこ、取込み忘れてた! コンフリクト直さないと、めんどうだーー
しかも、モバイル回線…
そこで、 GitHub Codespaces
GitHub Codespaces とは
Visual Studio Code の開発環境の例 コンテナ ランタイム Visual Studio Code コンテナ
インスタンス Remote development
GitHub Codespaces の場合 Visual Studio Code codespace インスタンス Remote development
GitHub Codespaces
GitHub Codespaces の場合 Visual Studio Code codespace インスタンス GitHub Codespaces
ウェブブラウザ
GitHub Codespaces の場合 Visual Studio Code codespace インスタンス GitHub Codespaces
GitHub Codespaces の場合 Visual Studio Code codespace インスタンス dev GitHub
Codespaces codespace インスタンス review
実際に触ってみるデモ
GitHub Codespaces ポイント
使い慣れたインタフェースから使う • ブラウザ、または対応したエディタやIDEから接続し、あたかもローカ ルで開発している感覚で利用できる • Visual Studio Code • JetBrains
IDE • JupyterLab
使い慣れたインタフェースから使う • Visual Studio Code で GitHub Codespaces を使用する -
GitHub Docs • JetBrains IDE で GitHub Codespaces を使う - GitHub Docs • 機械学習のための GitHub Codespaces の概要 - GitHub Docs
テンプレートから環境を立上げられる • テンプレートから立ち上げる場合は、リポジトリがなくても利用できる
リポジトリから環境を立ち上げられる • リポジトリを clone した状態で環境が立ち上がる
必要な環境を数クリックで作成できる • 認証済み、またはコミュニティによるベースイメージが提供されている • Features (後述)で主要なCLIや言語をインストールできる
必要な環境を数クリックで作成できる • 認証済み、またはコミュニティによるベースイメージが提供されている • Features (後述)で主要なCLIや言語をインストールできる
必要な環境を数クリックで作成できる • 認証済み、またはコミュニティによるベースイメージが提供されている • Features (後述)で主要なCLIや言語をインストールできる
誰でも同じ環境を立ち上げられる • 作成した環境設定(devcontainer.json)をリポジトリに置いて共有 うすることで、誰でも同じ環境を立ち上げることができる
インスタンスはアカウントごと • 立ち上げたインスタンスはアカウントごとに分離されている • コラボレーションには、Live share やポートフォワーディング(後述) の公開を利用できる
インスタンスのスペックを選択できる
マシンタイプ マシンタイプ メモリ ストレージ 備考 2 core 4 GB RAM
32 GB 4 core 8 GB RAM 32 GB 8 core 16 GB RAM 64 GB 16 core 32 GB RAM 128 GB 32 core 64 GB RAM 128 GB 申請が必要 6 core (1 GPU) 112 GB RAM 128 GB 申請が必要
localhost へのポートフォワーディング • localhost にポートフォワードしてくれるため、あたかもローカル環境 のようにシームレスに開発できる • パブリック、または Organization 内向けに公開することもできる
Dev container でカスタマイズ • Features による簡単インストール • VS Code のエクステンションのインストール
• Dockerfile によるより自由なカスタマイズ
Dev container でカスタマイズ
prebuild で素早く立上げる
課金体系 • 利用時間とストレージの使用量で算出 • 個人アカウントには、1ヶ月あたり無料利用枠がふくまれる • GitHub Free – 15GB/月のストレージ、120時間/コアの利用時間
• GitHub Pro – 20GB/月のストレージ、180時間/コアの利用時間 マシンタイプ 利用時間の価格/時間 2 core $0.18 4 core $0.36 8 core $0.72 16 core $1.44 32 core $2.88 ストレージ量 ストレージ量の価格/月 1 GB $0.07
課金の様子 ※ GitHub Pro の無料利用枠が適用されています
課金体系(Organization) • Organization 配下のリポジトリで codespace を立ち上げる場合、 Organization の設定によって、課金される対象が異なる Organization の
spending limit 説明 0 codespace を起動するユーザーに課金される 1 以上、または Unlimited spending 上限に達するまでは、Organization に課金される
管理 • Dotfiles • シークレット • アカウント • リポジトリ •
GPG verification • デフォルトのエディタ • アイドル タイムアウト • 保持期間 • リージョン
管理(Organization) • 利用可能なメンバー • ポリシー • マシンタイプ • ポートの公開範囲 •
アイドル タイムアウトの最大値 • 保持期間の最大値 • 利用可能なイメージの制限 • API により、メンバーの利用状況を取得できる
管理(Organization)
ぜひ体験してみてね! GitHub Codespaces
GitHub Codespaces と Azure でつくる、 エンタープライズレベルの開発環境 https://msevents.microsoft.com/event?id=2453316745
Thank you so much🍩.