La suite de notre feuilleton sur le portail du Dernier Clic, l'application qu'on a construite en vibe coding pour produire nos épisodes. Le cadrage et la maquette sont derrière nous. On reprend donc le fil à la confrontation, ce passage où on démêle les écarts entre la maquette de Lulu et le PRD, et où chaque arbitrage reste une décision humaine plutôt qu'un choix délégué à l'IA. Viennent ensuite le choix d'architecture, l'audit avant développement et le cahier de recettes, les dernières marches avant le code.

Le développement occupe ensuite la plus grande place de la discussion. Les modes automatiques de l'IA, dont le plus permissif qu'on déconseille franchement, les plans d'implémentation à garder à l'œil, et les tests posés en garde-fou à chaque fonctionnalité. Un chiffre donne l'échelle : le portail tourne aujourd'hui avec 1 410 tests automatisés. En contrepoint, Lulu raconte ses petites applications locales, un générateur de templates fait maison pour les visuels du podcast en tête, le cas où dérouler toute la méthode serait de l'overengineering. Et la discussion se referme sur ce qu'on doit aux personnes qui utilisent nos outils : leurs données ne sont pas les nôtres.

Les skills personnalisés
Supabase
Convex
Lovable
Jam
Proton Pass
GPT-5.6 Sol efface la prod

00:12 - Récap : là où on en était sur le portail

05:35 - La confrontation entre la maquette et le PRD

13:56 - Le choix d'architecture et les apps locales de Lulu

30:37 - Audit avant développement et cahier de recettes

36:48 - Le développement : modes automatiques, plans et lots

49:05 - Les tests du portail et les données des utilisateurs

Retrouvez nous sur :

https://www.instagram.com/ledernierclic/

https://www.linkedin.com/in/emmanuel-fernandez-b28740180/

https://www.linkedin.com/in/lucile-mothiron/

contact@ledernierclic.fr

Hébergé par Ausha. Visitez ausha.co/politique-de-confidentialite pour plus d'informations.

Un épisode un peu à part, dans la continuité de celui sur notre portail. Cette fois, on quitte notre propre cas pour dérouler le chemin complet derrière n'importe quel logiciel, du premier besoin jusqu'à la maintenance. L'idée part d'un constat simple. À force d'entendre qu'avec l'IA on sort une application juste en promptant, on oublie tout ce que fabriquer un produit demande vraiment. Alors on pose le vocabulaire et les grandes étapes, celles par lesquelles on passe qu'on soit client d'un éditeur, en discussion avec un dev, ou soi-même tenté de se lancer en vibe coding.

Plutôt que de tout détailler, on suit le même fil d'un bout à l'autre : sur un logiciel, on gagne presque toujours à réfléchir avant de coder, et à découper pour ne pas tout casser au premier changement. Deux images reviennent pour le rendre concret. Celle de l'architecte, qui pose ses plans avant de monter les murs. Et celle du document qu'on écrit à plusieurs, qui sert à expliquer Git et GitHub, ces mots qu'on croise partout avec le vibe coding sans toujours savoir ce qu'ils recouvrent. Le recueil des besoins et les tests prennent le plus de place, ces derniers avec leurs familles et la dette technique qui s'installe quand on va trop vite. Et comme le sujet parle surtout à celles et ceux qui se lancent avec l'IA, on ramène chaque étape à leur pratique. La suite, elle, montrera concrètement le développement de notre portail.

Git
Formation Git
Github

00:12 - À l'ère du vibe coding, tout le chemin derrière un logiciel

04:40 - Le recueil des besoins : métiers, existant, fonctionnel et non-fonctionnel

20:47 - Conception : PRD, user stories et le découpage en briques

30:40 - Développement et versionnage : Git, GitHub, branches et pull requests

44:47 - Les familles de tests, la dette technique et les refontes

1:14:03 - Mise en production, maintenance et modèles de développement

Retrouvez nous sur :

https://www.instagram.com/ledernierclic/

https://www.linkedin.com/in/emmanuel-fernandez-b28740180/

https://www.linkedin.com/in/lucile-mothiron/

contact@ledernierclic.fr

Hébergé par Ausha. Visitez ausha.co/politique-de-confidentialite pour plus d'informations.

Un Côté Outils presque thématique, consacré au vibe coding, le développement assisté par IA. Entre les formations qui promettent un site web en une heure et celles qui vendent un SaaS en trois semaines, il nous semblait temps de recadrer un peu les choses : ce que ces promesses recouvrent vraiment, ce qui sépare un site vitrine d'un site avec CMS et d'une application, et où commencent les vraies responsabilités, la sécurité et les données des utilisateurs en tête.

Pour illustrer tout ça, on prend un exemple qu'on connaît bien : notre portail, celui qu'on utilise en production depuis un mois et demi pour produire les épisodes du Dernier Clic. On raconte d'où il vient, des mois de bricolage entre Discord, Fibery et un drive qui nous ont fait comprendre ce dont on avait vraiment besoin, puis la méthode qu'on a suivie avant d'écrire la moindre ligne de code, du cadrage du problème sur papier jusqu'aux user stories. Le maquettage occupe une bonne partie de la discussion, raconté de l'intérieur par Lulu : ses inspirations Pinterest, ses croquis sur feuille, puis les itérations dans Claude Design qui ont fait émerger des idées absentes du papier. Et comme tout ce qu'on présente a été construit avec Claude, on termine en assumant le paradoxe : profiter de ces outils tant qu'ils restent financièrement accessibles, tout en préparant la bascule vers l'open source hébergé en Europe. Le développement, lui, viendra dans la deuxième partie.

Site web d'Alexis Kovalenko
Understanding Spec-Driven-Development: Kiro, spec-kit, and Tessl
Radio Vibe Code #6 : Focus sur la sécurité
Traité de vibe coding éclairé
Claude Design
Open Design
Elestio
Cortecs

00:12 - Le vibe coding et la promesse du site en une heure

09:56 - Site vitrine, CMS, application : les niveaux d'enjeux et la sécurité

21:21 - Le portail du Dernier Clic : du bricolage au vrai problème

31:04 - Cadrage papier-crayon, PRD et user stories

45:26 - Le maquettage par Lulu : Pinterest, croquis et Claude Design

1:00:31 - Développer avec Claude en visant l'open source européen

Retrouvez nous sur :

https://www.instagram.com/ledernierclic/

https://www.linkedin.com/in/emmanuel-fernandez-b28740180/

https://www.linkedin.com/in/lucile-mothiron/

contact@ledernierclic.fr

Hébergé par Ausha. Visitez ausha.co/politique-de-confidentialite pour plus d'informations.