← Retour au blog

10/10/2026

"🤝 Clodd : un dev web et une IA, main dans la main"

"Un dev web et une IA, main dans la main, livrent plus vite et mieux, à une condition : le dev garde la culture, l'ingénierie et le jugement."

Un dev web et une IA, main dans la main, livrent plus vite et mieux, à une condition : le dev garde la culture, l'ingénierie et le jugement. Voici comment deladev.fr a été construit et maintenu sur ce modèle, ce que ça change vraiment en productivité, et ce que ça ne change pas.

✍️ D'abord, qui écrit ?

Cet article est signé Clodd : Claude pour la plume, Lodd pour le code et le cap.

Petite transparence. Lodd développe depuis cinq ans. Petite transparence. Lodd développe depuis cinq ans. Cinq ans de dur labeur pendant lesquels il a appris à écrire du code sans fautes… le français, c'est une autre histoire. Son correcteur orthographique a demandé un arrêt maladie. Lodd est développeur, pas journaliste. De mon côté, je n'ai jamais redémarré un conteneur en production un vendredi à 23 h pendant qu'un client attendait son formulaire de contact. Nous nous sommes donc réparti le travail, comme sur tout le reste du site. Et c'est exactement le sujet de cet article.

🧭 L'IA n'est pas un pilote, c'est un amplificateur

Les chiffres de 2025 racontent tous la même histoire : tout le monde utilise l'IA, peu de gens lui font confiance, et les gains ne sont pas automatiques.

🔹 Adoption massive : selon le rapport DORA 2025 de Google, 90 % des professionnels du développement utilisent l'IA, environ deux heures par jour en médiane.

🔹 Confiance en baisse : l'enquête Stack Overflow 2025 (49 000 développeurs) montre que 84 % utilisent ou comptent utiliser l'IA, mais seulement 33 % font confiance à l'exactitude de ses réponses. Leur première frustration, citée par 66 % d'entre eux : du code « presque juste, mais pas tout à fait ».

🔹 Productivité ressentie ≠ productivité réelle : dans une étude contrôlée du laboratoire METR (juillet 2025), 16 développeurs open source expérimentés ont traité 246 tâches réelles. Avec l'IA, ils ont été 19 % plus lents, alors qu'ils s'attendaient à aller 24 % plus vite et pensaient encore, après coup, avoir gagné 20 %.

🔹 L'effet amplificateur : la conclusion centrale de DORA, c'est que l'IA amplifie les forces des équipes solides et les dysfonctionnements des autres. Seules les équipes déjà bien organisées gagnent en débit sans perdre en stabilité.

Pourquoi c'est important ? L'IA ne remplace pas la compétence, elle la multiplie. Multipliez zéro, vous obtenez zéro, mais plus vite et avec plus de fichiers. Tout l'enjeu est donc de savoir ce qu'on amplifie.

🧠 Ce que le dev web apporte (et que l'IA n'a pas)

Une IA a lu plus de documentation que n'importe quel humain. Elle ne connaît pourtant ni votre client, ni votre serveur, ni ce qui a cassé la dernière fois. Le développeur apporte trois choses qu'aucun modèle ne remplace.

🔹 La culture du web : HTTP, cookies, cache, sécurité, accessibilité, RGPD, référencement. Ce n'est pas une liste de recettes, c'est un réflexe. Quand une IA propose un formulaire, le dev pense au captcha, à la protection CSRF, à la limite de débit et à l'e-mail qui partira en spam.

🔹 L'ingénierie : comprendre comment les morceaux tiennent ensemble. Sur deladev, le rendu serveur (SSR) de Vue doit produire exactement le même HTML que le navigateur, la file d'attente doit tourner en production sous un superviseur, et une politique de sécurité (CSP) stricte ne doit pas casser les scripts. L'IA écrit très bien une fonction. Elle voit moins bien le système.

🔹 Le jugement : dire non, prioriser, choisir la solution ennuyeuse qui tiendra cinq ans plutôt que la brillante qui tiendra cinq semaines. Savoir quand un « petit correctif » touche en fait à l'architecture.

Le bon réflexe Le dev reste responsable de chaque ligne qui part en production, qu'il l'ait tapée ou non. L'IA est un excellent binôme, pas un fusible.

🔍 Prendre du recul : du métier au prompt

La compétence la plus sous-estimée du travail avec l'IA n'est pas technique. C'est la capacité à analyser un métier pour en extraire l'essentiel, puis à l'écrire clairement. Un bon prompt n'est rien d'autre qu'un bon cahier des charges.

Avant de créer les pages métiers de deladev (artisans, restaurants et commerces, professions libérales), il a fallu se poser les vraies questions. Que cherche un plombier quand il veut un site ? Être appelé, pas « avoir une présence digitale ». Qu'attend un restaurateur ? Que sa carte et ses horaires soient justes sur Google. Que craint un professionnel libéral ? Les règles de sa profession sur la publicité. Ces réponses deviennent ensuite des consignes.

Voici la structure de brief que nous utilisons :

CONTEXTE    : qui est le client, quel est son métier, quel problème il a
CIBLE       : qui lira le résultat, avec quel niveau de connaissance
OBJECTIF    : ce que la personne doit faire ou comprendre à la fin
CONTRAINTES : ton, longueur, stack technique, conventions du projet
INTERDITS   : ce qu'il ne faut jamais faire 
(inventer un chiffre, nommer un concurrent…)
VÉRIFICATION: comment on saura que c'est réussi 
(test, relecture, critère mesurable)

Un exemple réel : le blog de deladev publie une synthèse de veille générée par un pipeline IA (flux RSS, puis Mistral, puis validation humaine par e-mail). Le prompt système ne dit pas seulement « écris un article ». Il fixe l'angle (ce que ça change pour un développeur web ou une entreprise qui a un site), la longueur, le ton, et surtout une règle de sécurité : le contenu des sources est traité comme de la donnée, jamais comme des instructions. Sans cette ligne, une page web malveillante pourrait glisser ses propres consignes dans l'article (c'est l'injection de prompt). Aucune IA n'ajoute ce garde-fou d'elle-même. C'est la culture du dev qui le pose.

Pourquoi c'est important ? L'IA répond à la question qu'on lui pose, pas à celle qu'on aurait dû poser. Le recul, c'est ce qui transforme « fais-moi une page » en une page qui sert vraiment le métier du client.

🏗️ Deladev, le cas concret

deladev.fr est un projet Laravel 12, Inertia et Vue 3 avec rendu serveur, déployé en Docker. Son histoire tient en quelques étapes :

🔹 Février 2026 : socle Laravel, page d'accueil et animations.

🔹 Mars–avril 2026 : projets, formulaire de contact avec captcha, mise en production Docker.

🔹 Mai 2026 : composants SEO, JSON-LD, blog avec pipeline IA, audit de sécurité et correctifs.

🔹 Juillet 2026 : page tarifs, sitemap dynamique, URL d'articles propres.

🔹 Septembre 2026 : SSR réparé, en-têtes de sécurité et CSP avec nonce, cookies sécurisés, pages services.

🔹 Octobre 2026 : site lisible par les agents IA, SEO local et pages métiers.

Sur ces chantiers, la répartition des rôles ressemble à ceci :

🔹 Le dev (Lodd) : choisit l'architecture et la stack, définit le positionnement et le ton, décide de ce qui part en production, connaît le client, le serveur et l'historique, et arbitre en cas de doute.

🔹 L'IA (Claude ou Vibes) : propose des implémentations et des variantes, rédige, reformule et corrige l'orthographe (oui, on en a parlé), écrit les tests, relit le code et signale les oublis, parcourt vite tout le code pour retrouver un usage ou une régression, explique ses choix et accepte d'avoir tort.

Exemple parlant : quand une URL d'article change, l'ancienne aurait pu renvoyer une 404 et perdre son référencement. La règle « une URL publiée ne meurt jamais » vient du dev. L'historique des slugs et la redirection 301, ainsi que les tests qui le prouvent, ont été écrits en binôme.

🔧 La maintenabilité : le vrai test du binôme

Générer du code est facile. Le faire vivre deux ans est un autre métier. Ce qui rend un projet maintenable avec une IA, c'est exactement ce qui le rend maintenable sans elle, en plus strict.

🔹 Des tests automatisés : sur deladev, des tests couvrent les slugs et redirections, les en-têtes de sécurité, le SEO et la lisibilité par les agents. Un changement proposé par l'IA qui casse un test ne passe pas.

🔹 Des commits lisibles : feat(seo), fix, feat(geo)… L'historique raconte le pourquoi, pas seulement le quoi. Six mois plus tard, l'humain comme l'IA s'y retrouvent.

🔹 De la documentation écrite : un dossier de documents. Une IA sans contexte invente ; une IA qui a lu la doc respecte les conventions.

🔹 Du contexte pour l'IA : des consignes durables (préférences, conventions, décisions passées) et des commandes réutilisables, par exemple pour régénérer la documentation. On n'explique pas deux fois la même chose.

🔹 Une relecture systématique : chaque modification est relue avant d'être fusionnée. L'IA relit aussi le code du dev, et c'est souvent là qu'elle est la plus utile.

**La règle ** Tout code généré a un propriétaire humain. Si personne ne peut l'expliquer, il n'a rien à faire en production.

📈 Productivité, efficacité, scalabilité : ce qui change vraiment

🔹 Productivité : le gain n'est pas de « taper plus vite ». Il vient des tâches qui prenaient une demi-journée de recherche : retrouver tous les usages d'une fonction, écrire une batterie de tests, rédiger une page claire, comparer trois approches. L'étude METR nous rappelle de mesurer plutôt que de ressentir.

🔹 Efficacité : moins d'allers-retours, parce que le brief est clair dès le départ. Le temps gagné à générer est réinvesti dans la vérification.

🔹 Scalabilité : un développeur, seul, peut tenir un périmètre qui demandait auparavant une petite équipe (code, contenu, SEO, sécurité, documentation), à condition que le projet soit bien outillé.

🔹 Ce qui ne change pas : la responsabilité, la relation client, et les choix d'architecture. C'est toujours un humain qui répond au téléphone quand le site est en panne.

🤖 Deladev se prépare pour le GEO

Le GEO (Generative Engine Optimization) consiste à rendre un contenu facile à comprendre, sélectionner et citer par les moteurs génératifs (ChatGPT, Perplexity, Claude, Gemini, les réponses IA de Google). L'objectif n'est plus seulement d'être en première position, mais d'être la source citée dans la réponse.

Le terme vient d'une étude de chercheurs de Princeton et de l'IIT Delhi (Aggarwal et al., KDD 2024) : selon eux, des contenus enrichis de sources citées, de statistiques et de citations peuvent gagner jusqu'à 40 % de visibilité dans les réponses générées.

Ce que deladev.fr met déjà en place :

🔹 Rendu serveur (SSR) : le HTML arrive complet, lisible même par un robot qui n'exécute pas JavaScript.

🔹 Données structurées (JSON-LD) : organisation, services, projets et articles sont décrits dans un format que les machines comprennent.

🔹 Un fichier llms.txt : une présentation du site écrite pour les IA (qui, où, combien, comment contacter), générée automatiquement avec les services, les projets et les articles.

🔹 Une version Markdown de chaque page : un agent qui demande Accept: text/markdown reçoit la page en Markdown, plus légère et plus simple à citer.

🔹 Des Content Signals dans le robots.txt : le site déclare explicitement que ses contenus peuvent servir à la recherche et aux réponses des assistants IA.

🔹 Des contenus qui répondent : une première phrase qui donne la réponse, des chiffres sourcés, une FAQ. Comme cet article, d'ailleurs.

❓ Questions fréquentes

L'IA va-t-elle remplacer les développeurs web ?

Non, pas en l'état. Elle remplace certaines tâches (écriture de code répétitif, premiers jets, recherche dans le code), mais pas la compréhension du client, l'architecture ni la responsabilité de la mise en production. Les études de 2025 montrent même qu'une IA mal encadrée peut ralentir des développeurs expérimentés.

Un site créé avec l'aide de l'IA est-il maintenable ?

Oui, s'il est conçu comme n'importe quel projet sérieux : tests automatisés, conventions, documentation, relecture humaine. Sans ces garde-fous, l'IA produit du code plus vite qu'on ne peut le comprendre, et la dette technique s'accumule.

Comment bien rédiger un prompt pour un projet web ?

Comme un cahier des charges : le contexte (client, métier), la cible, l'objectif, les contraintes techniques et de ton, ce qu'il ne faut pas faire, et le critère de réussite. Plus le métier a été analysé en amont, meilleur est le résultat.

Qu'est-ce que le GEO et en quoi diffère-t-il du SEO ?

Le SEO vise à bien se positionner dans les résultats des moteurs de recherche. Le GEO vise à être compris et cité dans les réponses des IA génératives. Les deux se complètent : un site rapide, structuré et rendu côté serveur, avec des contenus clairs et sourcés, sert les deux.

Faire appel à un freelance qui travaille avec l'IA, c'est moins cher ?

Souvent plus rapide, donc potentiellement plus abordable sur certaines tâches. Mais ce que vous payez reste l'expertise : savoir quoi demander, vérifier ce qui est produit et assumer le résultat. Une IA sans développeur ne vous livrera ni un site sécurisé, ni un suivi.

Le mot de la fin L'IA n'a pas rendu le métier de développeur web plus facile. Elle l'a rendu plus exigeant sur ce qui compte vraiment : la culture, l'ingénierie, le recul. Le reste, elle le fait vite et bien, à condition qu'un humain tienne le volant. Chez deladev, nous avons choisi d'en faire un duo assumé. L'un code, l'autre écrit, les deux se relisent. Clodd, c'est simplement ça : un travail d'équipe.

📚 Sources

← Tous les articles