Slides de notre meetup chez 7 lieues - Tilt by @ Ivan Beauté - Plugins Grafana mermaidjs et flowchart by @ Alexis Ducastel

1. Dry January
Don’t Repeat Yourself (again)
Mardi 24 Janvier 2023

2. Un grand merci à

3. recrutement CDI
DIGITAL
ELECTRONICS
spécialisation
par stack
technique
prestation
DIGITAL
ELECTRONICS
spécialisation
par stack
technique
recrutement CDI
LIFE
SCIENCES
spécialisation
par métier
recrutement CDI
INDUSTRIE
spécialisation
par métier
Nos marques

4. 1
Depuis 2014, nous accompagnons les talents et les
entreprises innovantes grâce à notre expertise et nos
spécialisations technologiques.
Depuis Marseille, nous travaillons sur toute la France
auprès d’entreprises à forte valeur ajoutée technique :
Startups, PME, ETI et Grands Groupes.
Nos recrutements sont sur mesure, centrés sur vous et
vos attentes.
Notre histoire
Marie, Hugo et Mathieu
Co-fondateurs

5. 1
Marie Jaubert → CDI
● marie.jaubert@sept-lieues.com
● 06 61 25 40 65
Nos coordonnées
Louise Wasson → Freelance
● louise@nextmondays.com
● 07 85 77 62 55

6. Qui sommes-nous ?
Alexis Ducastel
Ivan Beauté
Fabrique-IT

7. Sommaire I. Tilt
II. Grafana

8. I. Tilt
II. Grafana

9. Tilt

10. Tilt
Comment gérer le développement
local pour chaque MSA

11. Tilt
Utiliser de la conteneurisation ?

12. Tilt
Que faire de mon docker-compose
pour le passage en staging,
production ?

13. Tilt

14. Tilt
curl -fsSL https://raw.githubusercontent.com/tilt-dev/tilt/master/scripts/install.sh | bash
Install / Upgrade
Usage

15. Tilt

16. Tilt
❏ https://blog.tilt.dev/
❏ https://docs.tilt.dev/
❏ https://github.com/tilt-dev/tilt
✓ https://github.com/fabriqueit/meetup-tilt

17. Sommaire I. Tilt
II. Grafana

18. Grafana
Reconstitution d'un schéma d'infrastructure à l'ère du pré-legacy

19. Grafana
Microsoft Visio

20. Grafana
flowchart TB
c1-->a2
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end
<mxGraphModel dx="1562" dy="867" grid="1" gridSize="10"
guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1"
pageScale="1" pageWidth="800" pageHeight="320" math="0"
shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="tsUN5KFxfHON3ZQecAmD-26" value=""
style="rounded=1;whiteSpace=wrap;html=1;shadow=1;fillColor=#FFFF
FF;gradientColor=none;" parent="1" vertex="1">
<mxGeometry x="590" y="10" width="200" height="290"
as="geometry" />
</mxCell>
…
</root>
</mxGraphModel>

21. Grafana
Les plugins Grafana ajoutant des schémas d'architecture au monitoring :
● Diagram (alias jdbranham-diagram-panel) pour du MermaidJS
● FlowCharting (alias agenty-flowcharting-panel) pour du diagram.net/draw.io

22. Demo !
( garantie sans huile de palme )
Grafana

23. QUESTIONS ?

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