Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Gitpodでラクラク環境構築/easy_Development_environment_for_Gitpod

kirimaru
September 07, 2020

 Gitpodでラクラク環境構築/easy_Development_environment_for_Gitpod

簡単に開発環境構築できるぞ

kirimaru

September 07, 2020
Tweet

More Decks by kirimaru

Other Decks in Programming

Transcript

  1. Gitpodでラクラク環境構築
    推しの技術LTしない? 2020/09/07
    きり丸(水上 皓登)

    View Slide

  2. Gitpodとは
    VS Code ライクな
    クラウド開発環境

    View Slide

  3. 対象者 / 非対象者
    ● 初心者
    ● 新しい言語を触りたい人
    ● ローカル環境汚したくない人
    ● ローカルでいいマシン持ってる人
    ● ローカル環境が汚れても気にしない

    対象者 非対象者

    View Slide

  4. 名前:きり丸(水上 皓登)
    年齢:28歳(1992/02/04)
    twitter: nainaistar
    ブログ:きり丸の日記
    https://nainaistar.hatenablog.com/
    4
    サーバーサイドエンジニア
    勉強会はフロントエンド
    ばっかり行く

    View Slide

  5. 複数の有名企業やOSSで使われています

    View Slide

  6. メリット

    View Slide

  7. メリット一覧
    ● すぐ使える
    ○ 常にきれいな開発環境で開発できる
    ● 月に50時間無料
    ● 最初から多数の言語の開発環境が整っている
    ● ペアプロができる

    View Slide

  8. すぐ使える

    View Slide

  9. すぐ使える
    ①リポジトリを用意します

    View Slide

  10. すぐ使える
    ②URLに「gitpod.io/#」を付与します

    View Slide

  11. すぐ使える
    ③終わり

    View Slide

  12. すぐ使える
    ※「gitpod.io/#」を付けるのすら、めんどくさい。
    という場合に対応した、Chrome拡張機能があります

    View Slide

  13. 月に50時間無料

    View Slide

  14. 月に50時間無料

    View Slide

  15. 最初から多数の言語の
    開発環境が整っている

    View Slide

  16. 開発環境が整っている
    すぐ使えるサンプルがたくさん

    View Slide

  17. 開発環境が整っている

    View Slide

  18. ペアプロができる

    View Slide

  19. ペアプロができる
    ①自アイコンをクリックして、Share Running Workspaceを表示する

    View Slide

  20. ペアプロができる
    ②リンクを共有すれば、他の人ともペアプロ出来ます

    View Slide

  21. ユースケース

    View Slide

  22. ユースケース
    ● 新しい言語を学びたい
    ● LeetCodeやAtCoderで得意な言語に挑戦後、
    別言語でチャレンジしたい
    ● VimGolf等で環境構築でRubyが必要だけど、
    普段使わないからローカルにRubyを入れたくない
    ○ ※ただし、キーバインドの制限があって、100%は遊べなかった

    View Slide

  23. と、
    Gitpodを推しているが

    View Slide

  24. GitHub codespaces
    でも同じことが出来そう

    View Slide

  25. ※現在、Early Access中で
    きり丸は触れてない

    View Slide

  26. https://www.publickey1.jp/blog/20/webidevisual_studio_codespaecsgithub_codespaces.html
    無料で使える?

    View Slide

  27. GitHub codespaces
    待ってます!
    【レビュー】新しいマウス買いました
    (MX Master 2S)

    View Slide

  28. まとめ
    ● すぐ使える
    ○ 常にきれいな開発環境で開発できる
    ● 月に50時間無料
    ● 最初から多数の言語の開発環境が整っている
    ● ペアプロができる

    View Slide

  29. Appendix

    View Slide

  30. 新しい言語を学びたければgitpodいいぞ
    https://nainaistar.hatenablog.com/entry/2020/07/15/%E6%96%B0%E3%81%97%E3%81%84%E8%A8%80%E8%AA%9E%E
    3%82%92%E5%AD%A6%E3%81%B3%E3%81%9F%E3%81%91%E3%82%8C%E3%81%B0gitpod%E3%81%84%E3%81%84%E3
    %81%9E

    View Slide

  31. Remote Container
    でもローカルは汚さなくてもでき
    そう…。

    View Slide