Claude Code pour débutant : on a créé un suivi de lecture sans coder

01D’abord : Claude Code est-il gratuit ?

Non. Sur la page des forfaits d’Anthropic, consultée le 23 octobre 2026, la ligne Claude Code affiche un X pour le forfait Free et un crochet pour Pro et Max. La page précise que Claude Code « is included in all paid plans », soit inclus dans tous les forfaits payants. Pro coûte 20 $ par mois en paiement mensuel, ou 17 $ par mois si vous payez 200 $ pour l’année. Pour commencer sans payer, Codex d’OpenAI est inclus dans le forfait gratuit de ChatGPT, avec le modèle GPT-6 Luna dans l’application de bureau, selon le déploiement.

02La demande qu’on a tapée

On l’a écrite comme le ferait n’importe qui : ce qu’on veut voir, ce que fait chaque bouton, les cas pièges et où va le fichier. Elle est en anglais, comme dans la vidéo. Copiez-la et changez les livres.

Build me a simple reading tracker that opens in my web browser.
Start it with three made-up books: River Walk, not read yet. The Blue Room, already read. Small Gardens, not read yet.
I want to:
- add a book by typing its title and clicking Add
- tick a box when I have read a book
- search my books by title, capital letters should not matter
- switch between All and Unread
- see how many books are showing
If I add the same title twice, keep them as two separate books: ticking one must not tick the other. Ignore extra spaces and never add a blank book.
Keep my list when I close and reopen the page, on this computer only.
No account, no payments, nothing sent online. Put everything in one file called index.html.

03Comment on a fait le test

• Claude Code avec Claude Opus 5.5, le modèle par défaut du forfait Pro selon la documentation d’Anthropic, dans un dossier vide, le 23 octobre 2026.
• Codex d’OpenAI avec GPT-6.1 Sol au réglage « ultra », dans un autre dossier vide, le même matin. Ce n’est pas le modèle du forfait gratuit.
• Consigne aux deux : travailler seulement dans leur dossier, sans rien envoyer en ligne. On n’a pas touché au code.

04Ce qu’ils ont livré

Codex a écrit son fichier en 1 min 47 s, Claude Code en 3 min 07 s. Les deux ont vérifié leur travail avec un petit script avant de répondre. Claude Code a expliqué deux limites qu’on n’aurait pas vues :

Your reading tracker is ready: it's the file **index.html** in this folder. Double-click it and it opens in your web browser. You don't need to install anything.
[…]
Two things to know:
- The list is kept by the browser you open it in. If you open the file in a different browser (Safari instead of Chrome, say), you'll see the starting list there instead of yours.
- You can't remove a book yet, because you didn't ask for that. If you add one by mistake, I can add a small delete button.

Your reading tracker is ready: index.html. Double-click it to open in your browser.

All requested features are included, with local saving and independent duplicate books. Passed 44 offline behavior checks.

Nothing is blocked. Browser testing was skipped as instructed; no network or server was used.

05Notre test en 10 vérifications

Un outil qui dit « ça marche », ce n’est pas une preuve. On a ouvert les deux fichiers dans un navigateur pour les mêmes dix vérifications, sans aucune requête Internet :

1. Elle s’ouvre avec 3 livres, The Blue Room coché.
2. Chercher room affiche 1 livre.
3. Décocher The Blue Room fonctionne.
4. Vider la recherche réaffiche les 3 livres.
5. « Atlas » entouré d’espaces est ajouté comme Atlas.
6. Un deuxième Atlas est un livre distinct.
7. Un titre fait seulement d’espaces n’ajoute rien.
8. Cocher le premier Atlas laisse le second décoché.
9. Non lus affiche 4 livres, dont un seul Atlas; Tous en affiche 5.
10. Après un rechargement, les 5 livres et leurs coches sont toujours là.

Les deux obtiennent 10 sur 10. On a ensuite demandé une seule chose de plus : un bouton Supprimer qui retire seulement le livre cliqué, même quand deux livres ont le même titre. Les deux ont réussi du premier coup, 3 sur 3, et Claude Code a ajouté un lien Annuler, en le disant clairement.

Thanks, it works. One more thing: add a small Delete button on each book. If I have two books with the same title, deleting one must keep the other.

06Le faire vous-même en 5 étapes

1. 1
   Choisir son forfait

   Claude Code demande Claude Pro ou plus. Codex fonctionne avec le forfait gratuit de ChatGPT et le modèle GPT-6 Luna.

2. 2
   L’installer

   Sur Mac, le guide de démarrage d’Anthropic donne une seule ligne à coller dans le Terminal : curl -fsSL https://claude.ai/install.sh | bash. Claude Code existe aussi en application de bureau.

3. 3
   Partir d’un dossier vide

   Créez un nouveau dossier, ouvrez-le, tapez claude et connectez-vous la première fois qu’il le demande.

4. 4
   Décrire le résultat, pas le code

   Dites ce qu’on voit, ce que fait chaque bouton, les cas pièges et « un seul fichier appelé index.html ».

5. 5
   Tout cliquer, puis demander un seul changement

   Double-cliquez sur le fichier, essayez chaque bouton, rechargez la page et demandez une correction ou un ajout à la fois.

07Notre verdict

Pour un petit outil personnel, les deux ont fonctionné du premier coup. Claude Code a été plus lent, mais il a expliqué ses limites simplement, ce qui aide un débutant. Codex a été plus rapide et on peut l’essayer gratuitement. Dans tous les cas, testez vous-même : nos dix vérifications prennent deux minutes.