CarnetDocumenter son projet web
Chapitres

Chapitres

Sur cette page

Choisir les outils et vérifier les sources

Sources consultées les 9 et 10 septembre 2026. Les versions du kit sont fixées pour reproduire la démonstration. Les outils cités comme alternatives demandent un essai sur le langage et le projet de l’équipe.

Commencer avec une chaîne courte

Le kit utilise des fichiers Markdown, des sources Mermaid ou Mocodo, des tests et des commentaires JavaScript. MkDocs rassemble les pages, le rapport BDD et la référence générée dans un site avec recherche.

Pour un premier projet, choisir une règle métier, un ADR et une vue d’architecture. Automatiser leur vérification ou leur génération quand l’entrée est clairement identifiée. Éviter de commencer par un plugin censé comprendre tous les fichiers du dépôt.

Ce que chaque outil produit

OutilEntrée et sortieUsage et limite
MermaidTexte de diagramme vers SVGSchémas relus dans Git. Le texte écrit à la main doit suivre les changements du logiciel
C4 dans MermaidModèle C4 textuel vers dessinSyntaxe encore signalée expérimentale. Vérifier le moteur réellement utilisé par le lecteur Markdown
Structurizr DSLModèle d’architecture vers plusieurs vuesRéutilise les mêmes éléments entre vues. Le modèle ne se déduit pas automatiquement de tout le code
LikeC4Modèle textuel vers vues navigablesExploration interactive. Il faut définir et entretenir le modèle
dependency-cruiserImports JavaScript ou TypeScript vers graphe et contrôlesMontre les dépendances détectées. Ne découvre pas à lui seul les échanges réseau ou le sens métier
MocodoModèle Merise textuel vers MCD et transformationsPermet de garder le modèle dans Git. La justesse des règles reste à discuter
SchemaSpyMétadonnées d’une base accessible vers documentation et relationsDécrit le schéma observé. Ce résultat n’est pas un MCD conceptuel
JSDocCode et annotations JavaScript vers HTMLRéférence de fonctions et types documentés. La prose n’est pas vérifiée sémantiquement
TypeDocTypeScript et commentaires vers HTML ou JSONAdapté aux projets TypeScript. Compléter la référence avec des usages testés
TSDocConvention de commentaires pour TypeScriptDécrit une syntaxe commune. Le survol vient du service de langage, et la génération de pages d’un outil comme TypeDoc
mkdocstringsSources via un gestionnaire de langage vers pages MkDocsChoisir et installer le gestionnaire compatible, par exemple Python. Ne pas supposer une prise en charge universelle
CucumberScénarios et définitions d’étapes vers exécution et rapportRend des exemples exécutables. La conversation métier précède l’outil
MkDocsMarkdown et ressources vers site statiqueNavigation et recherche. Les contenus inclus doivent être choisis pour les lecteurs

Pour une API HTTP, OpenAPI décrit un contrat. Choisir une stratégie explicite : contrat écrit d’abord ou contrat extrait du serveur. Vérifier les exemples contre l’implémentation. Le kit n’inclut pas de serveur HTTP et ne prétend pas valider un contrat OpenAPI.

Versions utilisées dans la démonstration

Le prolongement sur la documentation dans l’éditeur fournit les exemples JavaScript et TypeScript, les raccourcis de survol et les commandes de génération TypeDoc. Ses outils optionnels sont séparés des dépendances du kit de base.

ComposantVersion du kit
Node.jsSérie 24
Cucumber.js13.2.1
Mermaid CLI11.17.0
dependency-cruiser18.2.0
JSDoc4.0.5
Python3.12
MkDocs1.6.1
Mocodo4.3.2

Le verrou npm conserve les versions des dépendances JavaScript. Le fichier requirements-docs.txt fixe les deux outils Python principaux, sans verrouiller toutes leurs dépendances transitives. Le rendu local a été préparé avec Helium sur macOS. Le README explique la configuration du navigateur.

Inclure des fichiers ou écrire un plugin MkDocs

Un hook MkDocs suffit pour la transformation spécifique du kit. Il reconnaît des marqueurs d’inclusion et lit les fichiers autorisés. La référence des annotations JavaScript est produite séparément par JSDoc.

Un plugin MkDocs complet devient utile lorsque cette logique doit être empaquetée, configurée et partagée entre plusieurs projets. Avant de l’écrire, vérifier si un générateur ou un gestionnaire de langage couvre déjà le besoin. Extraire tous les commentaires sans sélection produirait aussi des notes internes, des détails inutiles et des textes potentiellement périmés.

Conférence Living Documentation

La vidéo indiquée par Samuel Rozé correspond au sujet présenté au Forum PHP 2020. Le diaporama et les captures fournies montrent les exemples cités ici.

Trois idées sont mises en pratique dans le kit : relier des scénarios au comportement, conserver les décisions dans le dépôt et publier une documentation que d’autres métiers peuvent consulter. La capture suivante montre le résultat présenté dans la conférence, pas une interface fournie par ce kit.

Exemple de documentation publiée présenté dans la conférence Living Documentation.

Crédits de la capture.

Le chiffre de 40 à 60 % visible sur une autre diapositive n’est pas repris comme fait établi : la source primaire et sa méthode n’ont pas été vérifiées. De même, les noms d’outils d’une conférence de 2020 doivent être recontrôlés avant installation.

Retour d’expérience sur les agents IA

Dans Our top code contributor is an AI agent: our learnings so far, publié le 14 septembre 2025, Samuel Rozé décrit l’importance des tests exécutables, du retour conservé dans les consignes et de la préparation technique des tâches. Il présente une expérience d’équipe, sans démontrer une supériorité générale des agents.

Application au cours : donner à un collègue ou à un agent des exemples, les décisions applicables et une procédure de vérification. Relire les changements et mesurer les défauts ou le temps de reprise. Le nombre de contributions ne mesure pas à lui seul la qualité.

Un plan de réalisation et un ADR peuvent se compléter. Le premier organise des tâches, le second conserve une décision et ses conséquences. Une documentation générée par une IA demande aussi de vérifier les faits, les liens et le comportement décrit.

Lectures par chapitre

ChapitreSources et intérêt
1. BesoinsPrincipes de documentation, Write the Docs
2. OrganisationDiátaxis, intentions des quatre types de pages
3. RédactionGoogle Technical Writing One, exercices sur la clarté
4. GuidesDocs as Code, Write the Docs, pratiques de maintenance
5. ArchitectureModèle C4, niveaux et choix des vues
6. MeriseMémento Merise et Bibi d’objets, ressources pédagogiques à comparer au cas du cours
7. DécisionsMichael Nygard, ADR et git blame
8. VérificationArtefacts GitHub Actions et configuration MkDocs
9. Documentation vivanteLivre de Cyrille Martraire, Example Mapping, Gherkin

L’exercice sur les emprunts successifs part du dictionnaire de Bibi d’objets. Les règles complémentaires proposées au chapitre 6 restent à confirmer avec le métier.