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

A presentation at Cloud Nord in October 2021 in by Horacio Gonzalez

Slide 1

Slide 1

CLOUD NORD VIRTUEL 7 & 8 Octobre 2021 GitPod: IDE as a Service Philippe Charrière - @k33g_org Horacio Gonzalez - @LostInBrittany Retrouvez toutes les informations et la billetterie Cloud Nord sur : www.cloudnord.fr

Slide 2

Slide 2

CLOUD NORD VIRTUEL 7 & 8 Octobre 2021 Merci à vous et à Cloud Nord 😃 Retrouvez toutes les informations et la billetterie Cloud Nord sur : www.cloudnord.fr

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 🌸🌺🌼 “Free DevRel” for beloved products

Slide 4

Slide 4

Being a cloud developer in 2021 Or do we really need 5000$ laptops to develop an app

Slide 5

Slide 5

Laissez moi vous raconter une histoire… Your next project From: Boss boss@mycompany.com To: Developer dev@mycompany.com Hi Developer! Next Monday you will begin a new project with Big Customer. You will be in a team building a system with a distributed architecture, using Redis & MariaDB storage, Go Python and Java applications, RabbitMQ event bus, … And here you have your new laptop, a good one this time, it has 8 GB RAM!

Slide 6

Slide 6

Les containers ont changé le jeu On peut utiliser dans son portable la même archi qu’en prod

Slide 7

Slide 7

Même pour des architectures complexes

Slide 8

Slide 8

Mais un laptop reste un laptop… Et tous ces containers bouffent beaucoup de RAM et CPU

Slide 9

Slide 9

Sans parler du temps et effort d’installation L’installation et la configuration ne sont pas si simples…

Slide 10

Slide 10

Dans un monde idéal je voudrais un IDEaaS Integrated Development Environment as a Service

Slide 11

Slide 11

Et c’est là que Philippe m’a parlé de GitPod

Slide 12

Slide 12

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

Slide 13

Slide 13

Slide 14

Slide 14

GitPod ? Plus besoin de laptop surpuissant et coûteux > Ultraportable low cost

ChromeBook > iPad () > Tablette Android ()

Slide 15

Slide 15

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

Slide 16

Slide 16

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

Slide 17

Slide 17

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 18

Slide 18

Combien ça coûte? ● Version SaaS ● Plan Pro gratuit pour les projets Open Source ● Version installé on-premises (K8S) Open Source (Free) et Pro (29€)

Slide 19

Slide 19

Installer GitPod Open Source

Slide 20

Slide 20

Des bonnes et des mauvaises raisons Bonnes raisons pour utiliser GitPod Open Source: ● Je ne peux pas utiliser un SaaS pour mon code source ○ Cela veut aussi dire pas de GitHub, GitLab ou BitBucket… Des mauvaises GitPod Open Source: ● Je le trouve cher, j’aime pas payer pour du SaaS ○ L’héberger soi même coûte du temps… et de l’argent

Slide 21

Slide 21

L’installer ? Plus facile à dire qu’à faire Il vaut mieux se connaître un peu en Kubernetes

Slide 22

Slide 22

Sauf si tu as VRAIMENT besoin, utilise un K8s managé Tu as le cluster, l’opérateur garde les soucis

Slide 23

Slide 23

K3S sur une VM… ou avec CiVo Pas besoin de cluster Kubernetes

Slide 24

Slide 24

Pourquoi GitPod plutôt que CodeSpace ?

Slide 25

Slide 25

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 26

Slide 26

Pourquoi (mais en démo) ?

Slide 27

Slide 27

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

Slide 28

Slide 28

🖐 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 29

Slide 29

🖐 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/cloud-nord-2021/docker-compose

Slide 30

Slide 30

🖐 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/cloud-nord-2021/civo-cluster

Slide 31

Slide 31

🖐 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/cloud-nord-2021/tinygo

Slide 32

Slide 32

🖐 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 33

Slide 33

🖐 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 34

Slide 34

👋 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 35

Slide 35

Slide 36

Slide 36

Slide 37

Slide 37

⏱ 5 minutes

Slide 38

Slide 38

One more thing 😍

Slide 39

Slide 39

Slide 40

Slide 40

Slide 41

Slide 41

Slide 42

Slide 42

Bossez léger 😉

Slide 43

Slide 43

Merci Questions ?