GitPod : IDE as a service, ou comment ne pas acheter un MacBook Pro à 6000 € et être heureux avec une petite machine

A presentation at JUG Summer Camp in September 2021 in La Rochelle, France by Horacio Gonzalez

Slide 1

Slide 1

GitPod: IDE as a Service Speakers : Horacio Gonzalez - @LostInBrittany Philippe Charrière - @k33g_org

Slide 2

Slide 2

Merci à vous et au JUG Summer Camp

Slide 3

Slide 3

Qui sommes nous ? Horacio Gonzalez: Espagnol perdu en Bretagne Head of DevRel @OVHcloud Philippe Charrière: TAM @ GitLab & Side Projects’ Gardener 🌸🌺🌼 Geek à +50 ans

Slide 4

Slide 4

Slide 5

Slide 5

GitPod ? IDE WEB 🌍 ○ Eclipse Theia → VS Code ○ Remote ○ Workspaces

Slide 6

Slide 6

Slide 7

Slide 7

GitPod ? Plus besoin de laptop surpuissant et coûteux > Ultraportable low cost > ChromeBook > iPad () > Tablette Android ()

Slide 8

Slide 8

Un projet GitPod ? ● une image Docker 🐳 par défaut: gitpod/workspace-full ● 2 fichiers 📝 de configuration: .gitpod.dockerfile (optionel) .gitpod.yml (optionel)

Slide 9

Slide 9

Un projet GitPod utilisable avec GitLab avec GitHub avec Bitbucket SaaS ou On-Premises (K8S)

Slide 10

Slide 10

Un projet GitPod : Workspaces ● Plusieurs workspaces (🐳 environnements) pour un même projet ● Possibilité de faire “discuter” les workspaces de différents projets ● Partage de workspaces

Slide 11

Slide 11

Pricing (SaaS) ● Open source / Free / 50h par mois ● Perso 8€ par mois / 100h par mois / 4 // workspaces / Timeout 30 mins ● Pro 23€ par mois / h: no limit / 8 // workspaces / Teams ● Unleashed 35€ par mois / 16 // workspaces / Timeout 1h ● Free Professional Open Source plan / h: no limit (public projects) ● Self hosted (K8S) Open Source (Free) et Pro (29€)

Slide 12

Slide 12

Pourquoi GitPod plutôt que CodeSpace ?

Slide 13

Slide 13

Pourquoi GitPod plutôt que CodeSpace ? ○ ○ ○ ○ ○ ○ Plus de ressources machine (cpu & ram) Disponible pour GitLab, BitBucket, GitHub Open source Self-Hosted possible (GCP, AWS, K8S) SnapShots PreBuilds

Slide 14

Slide 14

Pourquoi (mais en démo) ?

Slide 15

Slide 15

👋 Hello World 🌍 https://gitlab.com/k33g_org/jugsummercamp-2021/hello-world

Slide 16

Slide 16

🖐 Hola Horacio Bonjour Horacio, tu as été accepté à Devoxx BE pour faire un hands-on Web Components la semaine prochaine 👏 🎉 … Pour 200 participants 😈 … Mais tu peux encore refuser https://github.com/LostInBrittany/stencil-beers

Slide 17

Slide 17

🖐 Hello Philippe Bonjour Philippe, bienvenu dans le monde des chefs de projets, nous sommes vendredi, ton équipe de 15 développeurs arrive lundi, voici 15 PCs et 3 serveurs … 🥶 https://gitlab.com/k33g_org/jugsummercamp-2021/docker-compose

Slide 18

Slide 18

🖐 Salut Sam Salut Sam, au fait le client a appelé, la formation kubernetes c’est demain, même pas mal hein ? 😬 https://gitlab.com/k33g_org/jugsummercamp-2021/civo-cluster

Slide 19

Slide 19

🖐 Coucou Kristen Coucou Kristen, il faudrait préparer 30 postes de développement GoLang 1.16, TinyGo 1.19 et Wasmer pour le nouveau projet wasm pour le client Pouillou https://gitlab.com/k33g_org/jugsummercamp-2021/tinygo

Slide 20

Slide 20

🖐 Au fait Philippe, tes sides projects … Au fait Philippe pour tes sides projects, tu utilises aussi GitPod ? https://gitlab.com/galago.fun/galago.server https://gitlab.com/galago.fun/galago.server/-/boards/3117518 https://gitlab.com/galago.fun/galago.cli

Slide 21

Slide 21

🖐 Hey Philippe, c’est encore ton boss Salut Philippe, désolé de t’embêter, je viens d’avoir le client au téléphone, il voudrait pouvoir tester facilement le projet lui même. J’ai dit que c’était comme si c’était fait. Mais on est large, c’est pour demain … matin pour son codir 🤬 https://gitlab.com/galago.fun/galago.install.demo.template

Slide 22

Slide 22

👋 Hey Jane ! Salut Jane, bienvenue chez GitLab, tu vas contribuer au code source d’une application avec une architecture multi nodes, avec du Redis, du PostgreSQL, du Ruby, du Go, du NodeJS, du … … Et voici ton portable avec 8Go de RAM 😉 https://gitlab.com/gitlab-org/gitlab-development-kit/-/blob/main/doc/howto/gitpod.md

Slide 23

Slide 23

Slide 24

Slide 24

Slide 25

Slide 25

⏱ 5 minutes

Slide 26

Slide 26

Bossez léger 😉

Slide 27

Slide 27

Merci Questions ?

Slide 28

Slide 28

Les choses à traiter (ceci n’est pas un slide) - https://www.gitpod.io/blog/local-app (localhost is going remote) - https://www.gitpod.io/docs/develop/local-companion - installer des extensions - https://www.gitpod.io/docs/prebuilds - https://www.gitpod.io/blog/gitpodify/ -