02 - Jardin
JARDIN NUMERIQUE
Un jardin numérique : les idées mûrissent par stades, du brouillon à la référence. C'est quoi ?
Projets
- Cherry Jelly - Platformer en 24h Un platformer nerveux fabriqué en 24h lors d une jam à trois. Bob le blob doit fuir un monde sombre infesté de pièges, de ronces et d une ombre tentaculaire. Wall-jump, sprint, 10 niveaux, un boss, un compteur de morts et un chrono pour les speedrunners. IV
- PDF Manager - Éditeur PDF client-side Chaque fois que je devais fusionner deux PDF, je me retrouvais sur ilovepdf.com à uploader des fichiers parfois confidentiels. Contrats, audits, données client... envoyés sur un serveur inconnu. J ai voulu un outil où tout reste dans le navigateur. Zéro upload, zéro compromis. IV
- Visual Experience - Installation audio-réactive Une installation artistique interactive créée en hackathon à Clermont-Ferrand. Le micro du spectateur pilote des animations visuelles en temps réel : une reine prend vie à travers 9 tableaux qui réagissent au son ambiant, chaque fréquence audio contrôlant l opacité, l échelle et le rythme des compositions. IV
- Totem - Design System maison Mon design system maison, pur SCSS, qui donne sa personnalité à tous mes projets. Atomic design, direction artistique 'Soft Minimal', et une architecture pensée pour être détournée. Le socle invisible qui rend chaque interface un peu tordue. IV
- Basalt Beholder - Outil d’audit industrialisé Chez Siliceum, un audit technique prenait plus de 10 jours et la qualité variait selon qui le menait. Le vrai problème : chaque auditeur improvisait ses questions, rédigeait son rapport à la main. J ai construit une PWA local-first pour que les audits soient reproductibles, rapides et exploitables. IV
- Summoner - Orchestrateur Claude Code Cinq terminaux ouverts, cinq sessions Claude Code, cinq contextes perdus. La frustration de switcher entre les projets m'a poussé à construire un control center web pour tout centraliser. Et l'IA qui l'orchestre peut s'orchestrer elle-même. III
- Granit Golem - Plateforme de monitoring qualité continu Uptime Robot dit que tout est vert. Trois semaines plus tard, le client appelle : le site est lent, les headers de sécurité ont disparu, le certificat expire dans 4 jours. Il manquait un outil qui surveille non pas si c'est up, mais si c'est aussi bien qu'avant. III
- Cloud - Infra self-hosted IaC Reprendre le contrôle sur son infrastructure : un VPS self-hosted pour comprendre chaque couche entre mon code et mes utilisateurs. Tout est automatisé, parce que la config manuelle ne scale pas, même pour un seul serveur. III
- dr-test - Disaster Recovery en local Et si le serveur brûlait ce soir ? Plutôt que de croiser les doigts, j’ai simulé 10 scénarios catastrophe dans une VM jetable. Résultat : tout reconstruit en 3 minutes 30. Maintenant je dors tranquille. III
- Où est mon doc ? - Bibliothèque PDF pour profs ‘Ma petite soeur est prof d arts plastiques. Elle avait des centaines de PDF pédagogiques éparpillés dans des dossiers, et passait un temps fou à retrouver le bon document avant un cours. Je lui ai construit un gestionnaire de bibliothèque qui indexe ses fichiers sans les copier, avec une IA locale pour les tagger automatiquement.’ III
- Tordu Jardin - Ce blog, méta Le jardin numérique que vous lisez en ce moment. Un blog déguisé en jeu vidéo : barres d’XP, stades de croissance, HUD forestier, et une direction artistique acide qui ne ressemble à rien d’autre. III
- QA Panel - Extension DevTools pour la QA En tant que dev, j ai passé des heures à décrypter des tickets QA qui disaient 'ça marche pas' sans contexte. URL manquante, navigateur inconnu, pas d étapes de reproduction. J ai voulu une extension DevTools qui capture tout ça automatiquement pour que le testeur se concentre sur le bug, pas sur la rédaction. II
- Whisper - Dictée vocale locale Deux fichiers, un raccourci clavier, zéro cloud. De la dictée vocale en français qui tourne 100% en local sur Linux. Le genre de petit outil invisible qui change la vie au quotidien. I
Notes & Réflexions
- A propos de ce jardin Cédric, développeur à Nantes. RPG Maker à 14 ans, doctorat, puis des boîtes montées et des side projects empilés. Parcours, motivations et connexions derrière ce jardin. IV
- Qu’est-ce qu’un jardin numérique ? Ni blog, ni wiki : un espace vivant où les idées sont plantées comme des graines et mûrissent progressivement. Topologie plutôt que chronologie, connexions plutôt que flux. IV
- Jungle tropicale - identité visuelle du site Comment une palette tropicale, un fond de jungle nocturne et des accents saturés fabriquent l'identité visuelle de ce jardin. III
- Patterns UI de jeux vidéo pour le web Barres d’XP, badges, niveaux de maturité, HUD stats : les recettes d’engagement du jeu vidéo appliquées au web. Ce site en est le terrain d’expérimentation. III
- Astuces Markdown pour le jardin Callouts, frontmatter, liens internes, stades de croissance : les conventions Markdown utilisées dans ce jardin et comment en tirer le maximum. II
- Veille techno - signaux faibles SQLite everywhere, edge computing, AI-native UI, local-first : les signaux faibles que je surveille en 2026, classés par priorité et testés sur de vrais projets. II
Carnet de bord
- Organic Canvas : un écosystème vivant sur la page d'accueil Soirée de hack sur la simulation WebGL du hero : interactions souris, 5 espèces d'arbres, bestioles avec IA, prédateurs spectraux et persistance localStorage.
- Simuler la catastrophe pour dormir tranquille Et si le VPS brûlait ce soir ? 10 scénarios de disaster recovery, une VM QEMU jetable, 407 lignes de Bash. RTO mesuré : 3 minutes 30.
- Summoner - Quand l orchestrateur s orchestre lui-même Le serveur MCP qui permet à Claude Code de piloter Summoner. L IA qui contrôle l outil qui contrôle l IA. Récursion et vertige.
- De zéro à dashboard en 12 heures Speed-run avec Claude Code. Monorepo 4 packages, WebSocket temps réel, 80 fichiers TypeScript. Le récit d un orchestrateur multi-projet construit en un weekend.
- La nuit où Traefik a avalé les WebSocket Trois heures à chercher pourquoi le streaming ne marchait pas en production. Le coupable : un reverse proxy trop zélé et des timeouts par défaut.
- 260 commits en 8 jours avec 12 agents Claude Remplacer JotForm + Make.com par une plateforme custom. Le récit d une collaboration humain-IA à grande échelle, 260 commits en 8 jours.
- 12 jours pour une infra complète De zéro à 21 rôles Ansible, 15 services, observabilité full-stack. Le plaisir d automatiser from scratch, couche par couche.
- QA Panel - Quand les DevTools ne suffisent plus Reproduire un bug, capturer le contexte, rédiger un ticket. Trois étapes de trop. L histoire d une extension DevTools née pour fusionner tout ça.
- Un panneau QA dans les DevTools Enregistrer des actions, capturer le contexte, générer un ticket. L idée d une extension navigateur qui fusionne le workflow QA en un seul endroit.
- Le jour où Totem s est réveillé Deux ans de sommeil, un dimanche de février, et un reboot complet. Webpack viré, Eleventy viré, @import massacrés. Chronique d une migration violente mais nécessaire.
- Le dossier aux centaines de PDF Une prof d arts plastiques, des centaines de PDF pédagogiques, et un explorateur de fichiers qui ne suffit plus. L histoire de « Où est mon doc ? »
- Où est mon doc ? - Un outil pour une vraie personne Des centaines de PDF éparpillés sur un disque dur de prof. Un LLM local pour les indexer. Une app desktop Tauri pour les retrouver. Récit d un projet construit pour un utilisateur réel.
- Quand Totem a rencontré la jungle Remplacer des pastels par de l orange tropical et du vert lime. Comment le jardin numérique a volé le design system et l a repeint en jungle nocturne.
- Construire un jardin numérique avec Astro et Totem Astro 5, une palette acide, des barres d XP et du game design. Comment j ai construit ce blog-portfolio-wiki en surchargeant mon propre design system.
- Pourquoi j’ai choisi le jardin numérique Blog, wiki, portfolio... et si la bonne métaphore était un jardin ?
- Whisper - 135 lignes et rien de plus Dictée vocale en français, 100% locale. Deux fichiers, un raccourci clavier, zéro cloud. Parfois le meilleur outil est celui qu on écrit en une après-midi.
- Le premier audit Basalt - 500 questions, zéro improvisation On lance Basalt Beholder sur un vrai client. Fini les audits improvisés de 10 jours. Récit du premier audit industrialisé avec une PWA locale.
- 53 commits en 3 jours : naissance de Basalt Beholder Créer un outil d audit complet en un weekend. Le pari du zéro-backend, IndexedDB everywhere, PWA offline-first.
- Totem - 3 ans d’un design system maison D une bibliothèque CSS bricolée pour Shaman à un design system atomic avec Storybook 10. Trois ans de sommeil, un reboot brutal, et une direction artistique qui s appelle Soft Minimal.