Mathieu Desnouveaux

Apéro Web

19 sketchnotes disponibles pour cet événement

📅

Meetup développement web à Nancy

📍 Nancy, France

👥 Meetup
← Retour aux sketchnotes
Sketchnote illustrant l'évolution de l'IA engineering présentée lors d'un Apéro Web à Nancy. Le schéma montre la progression de Copilot (2023, autocomplétion avec comics) vers Vibe Coding (2024, prototypage avec doc LLM AI-IDE) puis Claude Code (2025, AI engineering CLI). La productivité s'améliore avec un impact engineering (moins de tickets traités) et business (livraison plus rapide), ainsi qu'une meilleure qualité du code (code rabbit, code/test, sécurité). Les astuces incluent 4 niveaux de pensée avec Ultra Think Hard prompt, Plan Mode pour réflexion, Edit Mode pour modification, itération des prompts, découpage du contexte en tickets, et estimation par IA. MCP permet l'usage des LLM, APIs, docs, tickets. Le mode parallel utilise Git worktree pour multi-clone headless.

You Shouldn't Write Code Anymore - Claude Code

Publié le 07 décembre 2025
Par Jonathan Petitcolas
🛠️ Tools 🤖 AI/ML
📅 Apéro Web
Illustration d'un arbre représentant l'AST (Abstract Syntax Tree) avec des branches montrant ses usages : compilation, interprétation, IDE, analyse statique, transpilation, réécriture automatique. L'AST est décrit comme 'partout et puissant'. Un exemple (3×7+42) est décomposé en arbre pour expliquer l'extraction de l'essentiel, le stockage du contexte, et la gestion des nœuds. La modification de code est illustrée avec des actions comme le déplacement, l'ajout ou la suppression de nœuds.

L'AST, L'arme Secrète Des Développeurs

Publié le 27 novembre 2024
Par Jean-Baptiste Kaiser
🛠️ Tools 🏗️ Architecture
📅 Apéro Web
IOT Build Your Own Smart Object

Build your own smart objects IoT like a pro

Publié le 20 décembre 2023
Par Guillaume Cadet
✨ Inspiration
📅 Apéro Web
Open Source Au Service De L'humanité

L'Open source au service de l'humanité

Publié le 25 octobre 2023
Par Moncef ABBOUD
🛠️ Tools
📅 Apéro Web
Illustration d'une conférence, présentant 15 astuces pour des réunions efficaces. Chaque conseil est illustré de dessins reprenant les concepts évoqué dans les conseils. Les conseils incluent : présence obligatoire, définition des rôles, discussions en 3D, utilisation de templates, durée maximale de 30 minutes, horaires standardisés, inclusivité, répétition et reformulation, partage des résultats, suppression des réunions inutiles, encouragement à prendre la parole, utilisation du chat pour éviter les interruptions, et partage des ressources.

Comment réparer vos réunions en 15 étapes ?

Publié le 29 mars 2023
Par Jonathan Petitcolas
👥 Management 💡 Soft Skills
📅 Apéro Web
Cette sketchnote résume la conférence 'Les Aventuriers du Code Legacy' présentée par Mathieu Desnouveaux lors de l'Apéro Web Nancy le 28 février 2023. Elle est organisée comme une carte au trésor avec un scout symbolisant l'amélioration continue du code legacy. Le code legacy est défini comme du code en production non testé, illustré par une affiche humoristique. Les types de code legacy incluent le code exécuté en production, le code rentable, et le code contenant de la valeur métier. Une balance montre l'équilibre nécessaire entre la correction de bugs, l'ajout de fonctionnalités, et la confiance garantie par les tests. Un cycle illustre le paradoxe du legacy : besoin de tests pour changer le code, mais besoin de changer le code pour ajouter des tests. Les raisons pour toucher au code legacy sont montrées avec des icônes de risque, de correction de bugs, et d'ajout de fonctionnalités. La règle des Boy Scouts est représentée par un scout avec un drapeau, symbolisant l'amélioration continue. Les actions recommandées incluent lever les ambiguïtés, réduire la complexité, découpler le code, et se protéger avec des tests et des feature flags. Un robot symbolise l'automatisation avec des outils comme l'analyse statique et Rector en PHP. Des ressources supplémentaires sont recommandées, avec des icônes de livres et des liens vers des katas et des comptes Twitter. La livraison par étapes est illustrée par des icônes de tests, de réécriture de code, et d'ajout de fonctionnalités, avec une flèche indiquant la réduction du scope. La sketchnote souligne l'importance de l'amélioration continue et de l'utilisation d'outils pour faciliter le travail avec le code legacy.

Les aventuriers du code legacy

Publié le 28 février 2023
Par Mathieu Desnouveaux
🏗️ Architecture
📅 Apéro Web
Design System

Le design system pour les nuls (et pour les moins nuls aussi)

Publié le 30 novembre 2022
Par Valentin Manceaux Panot
🎨 Frontend 🛠️ Tools
📅 Apéro Web
Cette sketchnote résume la conférence 'Mockoon : Mock to the Moon' présentée lors de l'Apéro Web Nancy le 28 septembre. Elle est organisée autour d'un robot central qui symbolise le processus de proxy et de mocking. En haut, le titre 'Mock to the Moon' est accompagné d'une date et de la mention du meetup Apéro Web Nancy. Les principes de base du mocking sont illustrés par des flèches et des étapes numérotées : 1. Intercepter les échanges, 2. Enregistrer les échanges, 3. Forger des mocks, 4. Transformer en mock, et 5. Sert une réponse ou direct mocké/réelle. Le robot central tient un panneau 'Proxy & Mock' et est entouré de flèches vertes représentant les requêtes et les réponses. En bas à gauche, les options de Mockoon sont listées : mocks modifiables, template de mock, automatisable, conteneurisable, et compatible Open API. En bas à droite, les usages de Mockoon sont décrits : mocks, debug, valider une API, tester les limites, et accès limités. La sketchnote est signée par @mdesnouveaux.

Mockoon : Mock to the Moon !

Publié le 28 septembre 2022
Par Benjamin Vouillaume
🧪 Testing
📅 Apéro Web
Sketchnote illustrant la présentation sur la sobriété numérique par François Zaninotto aux AperoWeb Nancy. La schématisation visuelle présente le constat (4% d'émissions numériques mondiales, +8% par an, 45% fabrication/55% usage), l'analyse (outils de mesure, Green Frame pour audit CO2), et les actions d'éco-conception (limiter fonctionnalités, compatibilité anciens appareils, hébergement vert, éviter crypto, utiliser moins d'énergie).

Vers la sobriété numérique

Publié le 30 mars 2022
Par François Zaninotto
🌱 Ecology
📅 Apéro Web
Sketchnote illustrant la présentation sur le Dark Web par Lucas Oberhauser aux AperoWeb Nancy. La schématisation visuelle présente la distinction Dark Web vs Deep Web, l'architecture TOR (The Onion Router) avec ses couches de chiffrement, les types de contenus (légaux: liberté expression/presse/opposition politique vs illégaux: armes/drogues/pornographie), les mécanismes d'anonymat et les avertissements de sécurité pour naviguer sans danger.

Dark Web - Entre Mythes et Réalités

Publié le 26 janvier 2022
Par Lucas Oberhauser
🔒 Security 🎭 Culture
📅 Apéro Web
Sketchnote sur Event Sourcing Made Easy. L'illustration présente la progression problème-solution : interactions client/API/externe vers event store, projections et audit log. Détaille CQRS avec lecture/écriture séparées, snapshots pour optimisation, bilan avec vision sur les process, simplification des agrégats, et philosophie 'ne pas le faire parfait'.

Event Sourcing Made Easy

Publié le 24 novembre 2021
Par Jonathan Petitcolas
🏗️ Architecture
📅 Apéro Web
Sketchnote comparant programmation orientée objet et fonctionnelle par Valentin Manceaux-Panot. L'illustration présente une timeline historique (LISP 1958, Haskell 1990, Simula 1968, Smalltalk 1980), les concepts clés de chaque paradigme (impératif vs déclaratif, objet vs fonction), et conclut sur le fait que le choix dépend du projet et de l'équipe.

Objet et fonctionnel, ou lequel est mieux que l'autre ?

Publié le 27 janvier 2021
Par Valentin Manceaux-Panot
🏗️ Architecture
📅 Apéro Web