Mathieu Desnouveaux

L'ensemble de mes sketchnotes

J'ai regroupé ci-dessous l'ensemble des sketchnotes que je partage depuis 2019.

145 sketchnotes disponibles
Filtrer par sujet
Sketchnote illustrant l'obstination présentée lors d'un meetup AFUP Lorraine. Le schéma explique que l'obstination peut avoir comme origine un mauvais choix initial avec des conséquences à long terme. Elle identifie 3 biais cognitifs : le coût irrécupérable (trop investi pour arrêter), l'engagement (on va jusqu'au bout), et la confirmation (portion de vérité validée par théorie). Ces biais créent un cercle vicieux : il faut ne pas penser au futur passé ou au coût passé, il faut concurrencer nos idées, et il faut accepter la critique. Le positif : l'obstination peut apporter de la cohérence si elle est bien gérée.

L'obstination : l'origine et quoi en faire

Publié le 15 décembre 2025
Par Gaëtan Lickel
💡 Soft Skills 👥 Management
📅 AFUP Lorraine
Sketchnote illustrant la communication entre utilisateur et agent IA présentée lors d'un meetup AFUP Lorraine. Le schéma explique l'architecture API Multi Platform avec IA (FastAPI, Laravel) connectée via un MCP. Le flux commence par une APP (mail, trad, météo, domotique) qui communique avec une API (Fast API streaming pour l'IA), puis un agent IA (Mistral Small 3.5 en local, Ollama) et enfin le MCP (protocole agent-outil). Le processus se décompose en demande, transmission, analyse (avec un cerveau illustré), réponse (avec icône message), réponse (avec icône crayon pour écriture), et outils (clé à molette). L'architecture permet une communication fluide et structurée entre l'utilisateur et l'intelligence artificielle.

Communication entre utilisateur et agent IA

Publié le 11 décembre 2025
Par Nathanael Heitz
🔗 API 🤖 AI/ML
📅 AFUP Lorraine
Sketchnote illustrant la programmation asynchrone en PHP présentée lors d'un meetup AFUP Lorraine. Le schéma explique ce qui ne se déroule pas en même temps grâce au parallélisme. Trois modes d'exécution sont comparés : séquentiel (tâches 1-2-3-4 en série), asynchrone (tâches 1-2 puis 4 pendant que 3 s'exécute), et parallèle (tâches 1-2-4 pendant tâche 3). Le traitement non bloquant est possible depuis PHP 3 avec set/stream_select, puis les coroutines depuis PHP 5.5 via les générateurs, les Fiber depuis PHP 8.1, et l'event loop qui connecte Promises et Futur. En discussion : RFC true async pour enchaîner rapidement ces mécanismes.

PHP est-il asynchrone ?

Publié le 08 décembre 2025
Par Frédéric Bouchery
🐘 PHP 🚀 Performance
📅 AFUP Lorraine
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
Sketchnote illustrant SOLID pour repenser les données personnelles présentée lors d'un meetup AFUP Lorraine. Le schéma montre une proposition de Sir Tim Berners-Lee pour un web plus respectueux, transparent et décentralisé. Les deux concepts clés sont la décentralisation des données (chacun est propriétaire de ses données) et l'interopérabilité via Linked Data. Les principes montrent le Pod Personnel Raisonné avec les données personnelles au centre, puis les services s'abonnent aux données. Les standards du web W3C permettent l'interopérabilité avec Service stocké par URL, Data décrit par OIDC, et ACL qui authentifie et autorise.

SOLID : repenser les données personnelles

Publié le 30 novembre 2025
Par William Malenfant-Gérard
🏗️ Architecture 🔒 Security 🎭 Culture
📅 AFUP Lorraine
Sketchnote illustrant les filtres API Platform présentée lors d'un meetup AFUP Lorraine. Le schéma explique qu'un filtre permet de limiter des ressources selon des critères par des attributs sur nos entités (ORM/ODM & Elastic Search). Il y a une refonte suite à l'arrivée de la compatibilité avec Laravel. Le découpage d'un filtre fourre-tout (SearchFilter avec IRI Filter, Exact Filter, Partial Filter, OR Filter, etc.) devient plus simple et respectueux. Les filtres plus simples montrent l'usage d'objets > tableaux pour la maintenance du framework et la possibilité de créer ses filtres personnalisés avec un Query Builder. Le Parameter Provider permet de transformer un paramètre (URI + parent + chain + resource) et la documentation automatique. La génération par Maker ainsi que la migration sans BC break avec les commandes Maker & Rector pour migrer.

API Platform : repenser les filtres

Publié le 30 novembre 2025
Par Vincent Amstoutz
🐘 PHP 🔗 API 🏗️ Architecture
📅 AFUP Lorraine
Sketchnote illustrant Symfony UX présentée lors d'un meetup AFUP Lorraine. Le schéma montre comment faire du front sans être un expert avec des composants Twig (classe PHP + template) incluant du PHP. Les Live Component permettent la mise à jour du front avec des éléments d'interaction dans la classe PHP déclenchant une mise à jour du composant. Les Live Action ajoutent des actions interactives. Les Live Listener écoutent les événements déclenchés par un composant. Le Formulaire permet la validation déclenchée par une Live Action. Stimulus est une librairie JavaScript au cœur de Symfony UX avec la possibilité d'étendre les fonctionnalités en JS.

Découverte de Symfony UX

Publié le 30 novembre 2025
Par Kevin Nadin
🐘 PHP 🎨 Frontend
📅 AFUP Lorraine
Sketchnote illustrant le métier de dessinateur de presse au Forum PHP 2025. Le schéma montre qu'un dessinateur de presse (journaliste, dessinateur, humoriste) fait des blagues sur l'actu. Le processus créatif suit un cycle: publication, dessins, commandes, puis esquisses. Les tips donnés incluent utiliser des métaphores et références populaires, jouer avec les clichés (la caricature c'est l'exagération, provoquer un décalage 'qui qui mouton'), mettre un peu de soi (noter les thèmes, associer les idées, croquer les associations, tirer tous les fils jusqu'au bout). Le schéma note: esquisses puis commandes montrant rire et réfléchir.

C'est pas marrant de devoir être drôle tous le temps

Publié le 30 novembre 2025
Par Thibaut Soulcié
🎭 Culture ✨ Inspiration 💡 Soft Skills
📅 Forum PHP
Sketchnote illustrant comment améliorer les réunions présentée au Forum PHP 2025. Le schéma présente 3 secrets pour tous acteurs (pas de figurants): commencer par la fin (idée, décision, engagement menant à formaliser un objectif), venir préparé (avant - ordre du jour, question, pendant - garder un œil sur l'objectif et les participants, après - quoi, qui, quand), et faire mieux demain ((s')évaluer et feedback). Une idée lumineuse montre que pas plus de 8 personnes pour une décision, 12 personnes pour un brainstorm, et 120 personnes pour l'embarquement. Le bas montre qu'attends tu de moi avec la question magique venir préparer et pichenettes.

Changer le monde une réunion après l'autre

Publié le 30 novembre 2025
Par Louis Vareille
💡 Soft Skills 🎭 Culture
📅 Forum PHP
Sketchnote illustrant la gestion des dépréciations en PHP présentée au Forum PHP 2025. Le cycle montre: code, modification, dépréciation (signal clair d'évolution d'une version de code à une autre), log de dépréciations, traitement des dépréciations. La dépréciation est une feature à venir avec automatiser les corrections (robot). PHPUnit et Bridge permettent d'isoler les dépréciations pour les traiter (au runtime via des tests ou en static via une évolution de PHPStan). L'error handler intercepte la dépréciation. Liste les dépréciations dans un hook, jira (ampoule). Suivre un chemin de migration continue. Les dépréciations Symfony vont de l'angoisse à l'opportunité.

Comment ne jamais être à court de chaussettes propres

Publié le 30 novembre 2025
Par Mathias Arlaud
🐘 PHP 🛠️ Tools
📅 Forum PHP
Sketchnote illustrant comment utiliser PHP pour créer des jeux vidéo sur console au Forum PHP 2025. Le parcours commence avec les jeux vidéo 2D puis le hack (rétro ingénierie) permettant de construire avec Unity. Un manque de challenge mène à utiliser KallistyOS (SDK non officiel, moderne, pas un OS) avec Dreamcast. Le processus PHP inclut: compiler PHP, désactiver les extensions, modifier PHP, puis PHPEmbed menant à embarquer PHP. Un affichage par double buffering permet de coder le jeu. Il y a ensuite allouer correctement la mémoire et préallouer via un registre. Le fork de PHP (PTSD) mène à d'autres supports. Un chemin montre reste à faire et optimisation.

Et si vous utilisiez PHP pour coder des jeux sur votre console de jeux (favorite)

Publié le 30 novembre 2025
Par Éric Courtial
🐘 PHP 🎭 Culture ✨ Inspiration
📅 Forum PHP
Sketchnote illustrant la transformation de la veille technologique en squads collaboratives au Forum PHP 2025. Le schéma montre les objectifs (se tenir au courant, se développer, veille) et le constat (partager et réagir menant à avoir un impact mais c'est compliqué). Les solutions proposées sont: apprendre en faisant (clé et par les interactions sociales), dans une communauté de pratique. Le modèle Tech Squad (inspiré de Spotify) est présenté avec un facilitator et coordinator qui gèrent plusieurs squads. Le processus inclut l'analyse de la veille menant à un article (rapport de veille, demo, open source). Trois piliers sont identifiés: engagement mutuel, entreprise commune, et répertoire partagé.

De la veille isolée aux squads collaboratives : révolutionnez votre tech watch

Publié le 30 novembre 2025
Par Julien Joye
🎭 Culture 💡 Soft Skills
📅 Forum PHP