Slides de notre meetup de novembre 2022 - devcontainers & github codespaces - docusaurus Encore merci à the camp pour l'organisation Liens annexes : - https://docusaurus.io/ - https://youtu.be/Nq0cERANO7g - https://github.com/webofmars/gophers-api/tree/feat-add-devcontainer

1. November Rain
Tooling #3
2022/11/22

2. Un Grand Merci A

5. Qui sommes-nous ?
Frédéric Léger
Emilien Escalle

6. Agenda
● #1 - DevContainers
● #2 - Docusaurus

7. DevContainers

8. Il a bien longtemps
dans une galaxie pas si lointaine…

9. Épisode MCMXCVII
Le challenge de la développeur expérience
Il était une fois le challenge des devs, des ops, et des différences avec la production.
"Mais ça marche sur mon poste" était devenu le refrain habituel qui rythmait nos journées déjà bien chargées
...
Heureusement le DevOps est arrivé pour tous nous sauver !

10. Ou pas ;-)
Les seigneurs Siths des mauvaises habitudes veillent dans
l'ombre !

11. Heureusement, on a inventé la VM de dev !
● Lourde
○ Exécution
○ Transfert
● Peu automatisable
● Non maintenue ?

12. ● 2013
● Et si on pouvait packager notre app ainsi que ses dépendances (de dev ?)
● Qué s’appelerio Docker …

15. DevContainers
https://containers.dev

16. Tools
● Devcontainers CLI
● Visual Studio Code
● Github Codespaces
● Wait for it … devcontainer support is coming !

17. Principe
● Un conteneur (ou stack) construit à la demande
● Support natif de ssh (priv repos), GPG (commits), git
● Contenant tous les outils de dev
● Possibilités de mise à jour
● Modulaire avec des “features”

18. Configuration
https://containers.dev/implementors/json_reference/
.devcontainer/devcontainer.json

19. ● Une “bonne quantité” de features disponibles (la flemme de compter !)
● Et ça augmente chaque jour !
● Extensible
○ devcontainer-feature.json
○ install.sh
○ README.md
Features
https://containers.dev/features

20. Extensions
● Possibilité d’installer des extensions “recommandées” via le fichier de
configuration
● Installées automatiquement au démarrage

22. Docusaurus

23. Docusaurus

24. Who is using it?

25. Features

26. Easy start

27. React pages
Markdown pages

29. MD(X) features

30. What’s new in 2.2?
Mermaid diagrams Head tags
Translations

32. Quizz !!
www.kahoot.it

33. meetup.com/Devops-Aix-
Marseille
ibd.sh/openbar