Mathieu Desnouveaux

L'ensemble de mes sketchnotes

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

109 sketchnotes disponibles

Filtrer par sujet

Années

2

7

2

16

20

28

8

Événements

conference AFUP Day

7

meetup AFUP Lorraine

6

meetup Apéro Agile

1

meetup Apéro Web

18

conference API Days Paris

7

conference API Platform Conference

8

conference Forum PHP

36

Thèmes

♿ Accessibilité

3

3

13

🏗️ Architecture

27

10

9

4

7

✨ Inspiration

19

3

👥 Management

13

🚀 Performance

4

23

1

💡 Soft Skills

17

4

19

Précédent

1 2 3 4 5 6 7 8 9 10

Page 1 / 10

Cette sketchnote représente la conférence 'Le lazy-loading est plus que vous ne le pensez !' présentée par Baptiste Leduc lors de l'AFUP Day Lille le 16 mai. En haut, le titre 'Lazy Loading' est affiché en gros caractères avec le sous-titre 'Charger les données quand on en a besoin'. À gauche, des illustrations représentent '4 Patterns' avec des icônes pour 'Initialization', 'Value Holder', 'Virtual Proxies', et 'Ghost Object'. Au centre, des annotations comme 'Intégré à PHP 8.4' sont illustrées. À droite, des icônes représentent 'Usages' avec 'Injection de dépendance chez Symfony' et 'Entité Doctrine'. En bas, des icônes illustrent 'Cas concret PIM' avec 'Retour des produits par API', 'Les appels sont exécutés en tâche de fond', 'Bloquant uniquement si on accède réellement aux données immédiatement', 'Un listener charge les données', 'Chargement asynchrone avec HTTP client', et 'Batch des requêtes multiples'.

Le lazy-loading est plus que vous ne le pensez !

🚀 Performance 🐘 PHP 🏗️ Architecture

Cette sketchnote représente la conférence 'Mise en œuvre d'une architecture multi-tenant avec Symfony, API Platform et PostgreSQL' présentée par Mehdi Zaidi lors de l'AFUP Day Lille le 16 mai. En haut, le titre 'Architecture Multi-Tenant' est affiché en gros caractères. À gauche, des illustrations représentent 'Groupes d'utilisateurs données cloisonnées' avec des utilisateurs et des bases de données. Au centre, des annotations comme 'Type de Multi-Tenant' avec des types 1, 2, et 3 sont illustrées. À droite, des icônes représentent 'DB', 'DB Globale', et 'Vue' avec des flèches pour l'accès aux données et l'ajout de code pour corriger les bugs. En bas, des icônes illustrent 'User Tenant X', 'Kernel Request' avec l'identification du tenant et la connexion à la bonne base, et 'Controller' avec le même code et des données séparées.

Mise en œuvre d'une architecture multi-tenant

🏗️ Architecture

Cette sketchnote représente la conférence 'Symfony UX dans la vraie vie' présentée par Amélie Guers lors de l'AFUP Day Lille le 16 mai. En haut, le titre 'Symfony UX dans la vrai vie' est affiché en gros caractères. À gauche, des illustrations représentent 'Turbo' avec des pages liées par des flèches pour le chargement AJAX transparent. Au centre, des annotations comme 'Stimulus' avec des frameworks JS légers et des bundles SF/JS pour l'intégration sont illustrées. À droite, des icônes représentent 'Live Component' avec des composants Twig et des formulaires interactifs. En bas, des icônes illustrent 'Reprise sur les principes de Symfony', 'Peut s'appliquer from scratch projet existant', et 'Commencer par ajouter des live components'.

Symfony UX dans la vraie vie

🐘 PHP 🎨 Frontend

Cette sketchnote représente la conférence 'Devenez CTO sans quitter votre poste de développeur' présentée par Pierre Marichez lors de l'AFUP Day Lille le 16 mai. En haut, le titre 'Dev & CTO' est affiché en gros caractères avec le sous-titre 'Un parcours familial'. À gauche, des illustrations représentent 'Premier sites au lycée', 'Dev avec un mentor', et 'Dev de software craftsmanship'. Au centre, des flèches relient des concepts comme 'Tech Lead & Mentoring', 'Responsable d'équipe PHP', et 'CTO Hands On'. À droite, des annotations comme 'Vision Manager', 'Remettre de la communication entre les équipes', et 'Hot Fix' sont illustrées. En bas, des icônes représentent 'Points clés', 'Communication', 'Exagération', 'Dire stop', 'Remettre de l'humain', et 'Déléguer'.

Devenez CTO sans quitter votre poste de développeur

Par Pierre Marichez

👥 Management 💡 Soft Skills

Cette sketchnote représente la conférence 'Retour d'expérience sur la migration d'un RAD vers une Clean Architecture' présentée par Nathan Pretot lors de l'AFUP Day Lille le 16 mai. En haut, le titre 'Clean Architecture' est affiché en gros caractères avec le sous-titre 'Retour d'expérience'. À gauche, un personnage avec une bulle de dialogue dit 'Le code raconte le métier'. Au centre, des flèches relient des concepts comme 'Ubiquitus Language', 'Permet de représenter le métier', 'Service pour la logique', et 'Représente des services métiers'. À droite, des annotations comme 'Entité Valeur Object' et 'Système par couche' sont illustrées. En bas, des hexagones représentent 'Architecture Hexagonale' et 'CQRS'. Des icônes illustrent 'Pour la lecture & écriture', 'Préparer la séparation', et 'Port / Adapter'.

Retour d'expérience sur la migration d'un RAD vers une Clean Architecture

Par Nathan Pretot

🏗️ Architecture

Cette sketchnote représente la conférence 'REX : Comment reprendre en main son legacy' présentée par Nicolas Fatrez lors de l'AFUP Day Lille le 16 mai. En haut, le titre 'REX : Comment reprendre en main son legacy' est affiché en gros caractères avec des mots comme 'Pas d'env simple à installer', 'Pas de docs', et 'Pas de bonnes fondations' en dessous. Au centre, le mot 'LEGACY' est écrit en grandes lettres orange avec des annotations autour. À gauche, une illustration de Docker avec une flèche pointant vers 'Réconcilier Prod & Git' et 'Formation de l'équipe'. Au centre, des icônes représentent 'Ajout de Composer', 'Migration & mise à jour des technos', et 'Script de migration automatique'. À droite, des icônes illustrent 'Migration d'encodage', 'Gestion des secrets', 'Déploiement automatisé', 'Migration sur Symfony par briques', et 'Application de design pattern'. En bas, des illustrations de bâtiments décorent l'image.

REX : Comment reprendre en main son legacy

Par Nicolas Fatrez

🏗️ Architecture 🚀 Performance

Cette sketchnote résume la conférence 'Minority Report : Optimisez votre expérience utilisateur avec du cache par anticipation' présentée lors de l'AFUP Day Lille le 16 mai. En haut, le titre 'Minority Report' est affiché avec le sous-titre 'Optimisez votre expérience utilisateur avec du cache par anticipation'. La sketchnote met en avant plusieurs concepts clés pour utiliser le cache par anticipation. Elle commence par souligner les avantages du cache, comme la réduction des temps de réponse, la diminution de la charge serveur, et l'amélioration de la scalabilité. Un graphique montre la relation entre le temps de réponse et le nombre de visiteurs, illustrant l'impact du cache. La question 'Quoi cacher ?' est posée, avec des éléments comme HTML, JSON, CSS, et les images. La sketchnote aborde également des problèmes comme le premier chargement lourd et propose des solutions comme le cache par expiration et le préchargement des pages qui devraient être utilisées. Des concepts comme les chaînes de Markov et les probabilités de changement d'état sont illustrés pour anticiper les parcours utilisateurs. Enfin, des conseils pour l'implémentation sont partagés, comme l'utilisation de headers et de préchargement.

Minority Report : Optimisez votre expérience utilisateur avec du cache par anticipation

Par Clément Talleu

🚀 Performance 🏗️ Architecture

Sketchnote illustrant une table ronde sur les alternatives à l'agilité, avec des blocs d'idées reliés par des flèches et des liens cycliques, soulignant la vision itérative et humaine de l'agilité.

Quelles alternatives à l'agilité

21 janvier 2025

👥 Management

📅 Apéro Agile

Le sketchnote est divisé en trois blocs principaux, chacun représentant une idée clé de la conférence de Valentin Manceaux Panot sur la dette technique.
1. Définition de la dette technique : Le premier bloc présente une définition commune de la dette technique, souvent utilisée dans le développement logiciel pour décrire le coût futur de choix techniques rapides ou sous-optimaux.
2. Critique de l'analogie financière : Le deuxième bloc remet en question l'analogie financière de la dette technique. Valentin Manceaux Panot souligne que cette analogie est caduque car les développeurs ne sont ni créditeurs ni débiteurs dans ce contexte.
3. Proposition de renommage : Le troisième bloc propose de renommer la dette technique en "poids technique", suggérant une nouvelle perspective sur la manière dont ces défis devraient être perçus et gérés.
Des flèches relient ces blocs pour montrer la progression logique des idées. Certains mots clés sont mis en valeur pour souligner leur importance.

La dette technique n'existe pas

12 décembre 2024

Par Valentin Manceaux Panot

👥 Management

📅 AFUP Lorraine

La sketchnote de la conférence 'Meeting or Missing Target' est une illustration colorée qui explore la durabilité dans le secteur technologique. En haut au centre, le titre 'Meeting or Missing Target' est affiché, avec le sous-titre 'Data Center, Hardware, AI, and Sustainability'. Sous le titre, une flèche horizontale illustre le modèle linéaire de consommation : 'Take', 'Make', 'Consume', 'Dispose'. Au centre, trois blocs blancs distincts représentent trois idées principales : 1. 'Sustainable Consumption' : Cette section propose des conseils pour une consommation durable, avec des bulles et des flèches indiquant des actions telles que 'Think Globally', 'Don't focus on carbon assessment only', 'Consider other things', 'Reuse', 'Material/Social', et 'Circular Economy'. 2. 'How Too' : Ce bloc met en avant les éléments clés à travers des cercles orange et bleus, soulignant l'importance de 'Compare', 'Be Proactive', et 'Evaluate'. 3. 'To Make Informed Decisions' : Cette section insiste sur l'utilisation des 'Right Metrics' et l'augmentation de la collecte de données pour définir des cibles précises et développer des métriques utiles. En bas, une phrase finale rappelle la nécessité de métriques pour aborder la durabilité.

Meeting or missing target: Data center, hardware, AI and sustainability

05 décembre 2024

Par Deborah Andrews

🔗 API 🌱 Ecology

📅 API Days Paris

La sketchnote de la conférence "7 Key Lessons on Building Great REST APIs" par Vedran Cindrić présente une vue d'ensemble des meilleures pratiques pour concevoir des API REST efficaces. En haut à gauche, le titre "API Days Paris 2024" est affiché en lettres blanches sur fond rouge. Le titre de la conférence, "7 Key Lessons on Building Great REST APIs", est écrit en lettres orange et noires sur fond blanc. La sketchnote est organisée autour de sept blocs principaux, chacun représentant une leçon clé relié par une ligne pointillée : 1. Design : Ce bloc met en avant l'importance de la sémantique, des méthodes HTTP spécifiques, des codes de réponse clairs, et de la versioning précoce. 2. Sécurité : Ce bloc souligne l'utilisation de HTTPS, l'authentification rigoureuse, la validation des données, et la protection des données. 3. Performance : Ce bloc recommande la mise en cache, la pagination, et l'optimisation des performances de la base de données. 4. Documentation : Ce bloc conseille une documentation descriptive avec des exemples et l'utilisation de standards comme OpenAPI. 5. Adoption : Ce bloc propose de fournir un SDK, un support technique, et un portail développeur de qualité pour faciliter l'intégration. 6. Gouvernance : Ce bloc recommande de définir des standards, centraliser la versioning, et établir un processus de revue des API. 7. Monétisation : Ce bloc conseille de proposer un niveau gratuit, un support commercial, et des tarifs prévisibles pour monétiser les API. Chaque bloc est entouré d'un cadre rouge et contient des notes manuscrites détaillant les points clés de chaque leçon.

7 Key Lessons on Building Great REST APIs

04 décembre 2024

Par Vedran Cindrić

🔗 API 🏗️ Architecture

📅 API Days Paris

La sketchnote de la conférence de Gregor Hohpe présente les idées clés pour créer des abstractions efficaces. En haut, le titre "API Days Paris 2024" est affiché, suivi du titre de la conférence "Build Abstractions, Not Illusions". La sketchnote est organisée autour de plusieurs points : Limites Technologiques : La technologie doit être poussée à ses limites, tout en respectant ses contraintes. Plateformes et Complexité : Construire une plateforme lorsque quelque chose devient complexe pour augmenter la réutilisation et la collaboration. Pyramide IT : La construction de la base est coûteuse, et une planification excessive peut nuire à l'innovation. Plateforme Partagée : Une plateforme partagée offre une base standardisée pour l'innovation. Abstraction vs Illusion : Créer des abstractions claires et nommer les choses par leurs usages pour éviter les illusions. En bas, une note rappelle l'importance d'être explicite.

Build Abstractions, Not Illusions

04 décembre 2024

Par Gregor Hohpe

🔗 API 🏗️ Architecture

📅 API Days Paris

Précédent

1 2 3 4 5 6 7 8 9 10

Page 1 / 10