Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
•
0 gostou•237 visualizações
Developers Summit 2023 9-D-1 「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」でお話した資料です。 https://event.shoeisha.jp/devsumi/20230209/session/4155/
Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
Semelhante a Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」 (20)
Mais de Kazumi IWANAGA
Mais de Kazumi IWANAGA (20)
Último
Último (9)
Developers Summit 2023 9-D-1「もう悩まされない開発環境、プロジェクトで統一した環境をいつでもどこでも」
- 2. 岩永かづみ / Kazumi IWANAGA • Microsoft MVP for Azure • ZEN Architects 所属 • GitHub公認トレーナー • 得意な領域 • Infrastructure as Code • GitHub Actions による自動化 • 技術コミュニティ • Code Polaris / Hack Everything. • @dz_ • @dzeyelid • @dzeyelid
- 3. わたしの開発環境移り変わり 2006 ～ 2012 組込み開発 C/C＋＋ • Visual Studio • Carbide(Eclipseベース) • サクラエディタ • 秀丸 Androidアプリ開発 Java • Eclipse 2013 ～ 2020 ウェブアプリケーション開発 Ruby • emacs PHP • Sublime Text • PhpStorm • Visual Studio Code Python • Visual Studio Code? 2021 ～ ウェブアプリケーション開発 JavaScript/TypeScript • Visual Studio Code
- 7. 苦悩のストーリー プロジェクトごとに異なる環境 エディタ、IDE ランタイム SDK packages plugins, extensions フレームワーク データベース … + エディタ、IDE ランタイム SDK packages plugins, extensions フレームワーク データベース … + エディタ、IDE ランタイム SDK packages plugins, extensions フレームワーク データベース … +
- 12. 苦悩のストーリー 手順書でしっかりサポート？ • バージョンなどの小さな差異の追随が疎かになり がち • 手順書のメンテナンスが疎かになりがち • 新規構築と更新で手順が異なったり
- 13. 苦悩のストーリー IDE の設定を共有？ • .vimrc • .emacs • IntelliJ IDEA/PyCharm/PhpStorm Settings Sync • Visual Studio Code Settings Sync • Visual Studio の設定共有は複雑で、秘伝のたれになってしまうらし い…
- 16. 苦悩のストーリー レビューやデバッグで増える環境 • ブランチを切り替えて対応するも… • 書き途中のコードを退避し忘れ、レビューに影響 • 書き途中のコードの退避するも、ミスして変更分をロスト… • ブランチを戻し忘れて、違うブランチにコミットしてしまったり • 結局 git clone し直すも… • .env などの設定を忘れて起動して、小一時間悩んだり…
- 18. リモート開発環境への注目
- 19. これまでの Web IDE は用途が限られる • CodePen • CodeSandbox • AWS Cloud9 • Microsoft Azure - App Service Editor （現在は終了）
- 20. リモート開発環境に期待 • Gitpod • JetBrains Space • Google Cloud - Cloud Workstations (preview) • Amazon CodeCatalyst (preview) - Dev Environments • GitHub Codespaces
- 21. リモート開発環境に期待 • Gitpod • JetBrains Space • Google Cloud - Cloud Workstations (preview) • Amazon CodeCatalyst (preview) - Dev Environments • GitHub Codespaces
- 24. コンテナを使って環境を統一 コンテナ ランタイム エディタ コンテナ インスタンス
- 25. GitHub Codespaces の場合 エディタ GitHub Codespaces codespace インスタンス
- 26. GitHub Codespaces の場合 エディタ GitHub Codespaces codespace インスタンス ウェブブラウザ
- 27. GitHub Codespaces の場合 エディタ GitHub Codespaces codespace インスタンス
- 28. GitHub Codespaces の場合 エディタ GitHub Codespaces codespace インスタンス dev エディタ codespace インスタンス review
- 29. 実際に触ってみるデモ
- 31. 使い慣れたインタフェースから使う • ブラウザ、または対応したエディタやIDEから接続し、あたかもローカ ルで開発している感覚で利用できる • Visual Studio Code • JetBrains IDEs • JupyterLab (Visual Studio Code 拡張機能)
- 32. 使い慣れたインタフェースから使う • 参考: Visual Studio Code で GitHub Codespaces を使用する - GitHub Docs • 参考: JetBrains IDE で GitHub Codespaces を使う - GitHub Docs • 参考: 機械学習のための GitHub Codespaces の概要 - GitHub Docs
- 34. リポジトリから環境を立ち上げられる • リポジトリを clone した状態で環境が立ち上がる
- 35. 必要な環境を数クリックで作成できる • 認証済み、またはコミュニティによるベースイメージが提供されている • Features （後述）で主要なCLIや言語をインストールできる
- 36. 必要な環境を数クリックで作成できる • 認証済み、またはコミュニティによるベースイメージが提供されている • Features （後述）で主要なCLIや言語をインストールできる
- 37. 必要な環境を数クリックで作成できる • 認証済み、またはコミュニティによるベースイメージが提供されている • Features （後述）で主要なCLIや言語をインストールできる
- 39. インスタンスはアカウントごと • 立ち上げたインスタンスはアカウントごとに分離されている • コラボレーションには、Live share やポートフォワーディング（後述） の公開を利用できる
- 41. マシンタイプ マシンタイプ メモリ ストレージ 備考 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 申請が必要
- 42. localhost へのポートフォワーディング • localhost にポートフォワードしてくれるため、あたかもローカル環境 のようにシームレスに開発できる • パブリック、または Organization 内向けに公開することもできる
- 43. Dev container でカスタマイズ • Features による簡単インストール • VS Code のエクステンションのインストール • OnCreateCommand などのライフサイクルへのフック • Dockerfile を用いた、より自由なカスタマイズ
- 46. 課金体系 • 利用時間とストレージの使用量で算出 • 個人アカウントには、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 ３２ core $2.88 ストレージ量 ストレージ量の価格/月 1 GB $0.07
- 47. 課金の様子 ※ GitHub Pro の無料利用枠が適用されています
- 48. 使用状況（CSV）
- 49. 課金体系（Organization） • Organization 配下のリポジトリで codespace を立ち上げる場合、 Organization の設定によって、課金される対象が異なる 説明 Organization の設定 上限に達するまでは、Organization に課金される • そのユーザーに対して codespaces の利用が許 可されている • spending limit の設定が 1 以上、または Unlimited spending codespace を起動するユーザーに課金される • 上記を満たさない
- 50. 課金周りのケース紹介 ストレージの無料枠を使い切ったとき メール通知の例 spending limit に達したとき spending limit に達した状態では、インスタンスを 起動できない（Organization の例） Codespaces インスタンス一覧画面の表記 （Organizationでの例）
- 51. 課金に関する資料 • GitHub Codespaces の請求について - GitHub Docs • GitHub Codespaces の使用状況の表示 - GitHub Docs • GitHub Codespaces の使用制限の管理 - GitHub Docs
- 52. 管理 • Dotfiles • シークレット • アカウント • リポジトリ • GPG verification • デフォルトのエディタ • アイドル タイムアウト • 保持期間 • リージョン
- 53. 管理（Organization） • 利用可能なメンバー • ポリシー • マシンタイプ • ポートの公開範囲 • アイドル タイムアウトの最大値 • 保持期間の最大値 • 利用可能なイメージの制限 • API により、メンバーの利用状況を取得できる
- 54. 管理（Organization）
- 57. Thank you so much🍩.