Aller au contenu
Programmer avec l'IA

Et après ?

Bloc 4 — Et après ?

Durée : 15 min | Type : Théorie + partage | Slides : ~5-6

Slides du chapitre

4.1 — Partage des créations (5 min)

Chacun montre sa meilleure réalisation. Les apps web sont accessibles par URL, les apps Python en démo sur l'écran du participant.

Pas besoin que ce soit fini — ce qui compte c'est le potentiel. Vous avez 50 minutes d'expérience. Imaginez ce que vous ferez en une journée.

4.2 — Et après ? Inspiration et pistes (10 min)

Vous avez maintenant les bases : la méthode, les outils, les fichiers de pilotage. Voici les pistes pour aller plus loin.

🌐 Ajouter un navigateur à votre agent (MCP)

Par défaut, votre agent sait lire/écrire des fichiers et exécuter des commandes dans le terminal. Avec MCP (Model Context Protocol), vous pouvez lui ajouter des super-pouvoirs — et le plus utile pour commencer, c'est un navigateur.

Un agent avec un navigateur peut :

  • Tester votre site automatiquement (naviguer, cliquer, vérifier le résultat)
  • Faire des recherches web pendant qu'il code
  • Prendre des screenshots de votre app pour debug
  • Interagir avec des services en ligne

Comment ajouter Chrome DevTools MCP

Le serveur MCP Chrome DevTools est le plus simple à configurer. Voici comment faire selon votre agent :

Codex (dans VSCode)

Deux options :

Option 1 — Via l'interface :

  1. Ouvrez le panneau Codex
  2. Cliquez sur l'engrenage ⚙️ en haut à droite
  3. Sélectionnez "MCP settings"
  4. Cliquez "Open config.toml"
  5. Ajoutez la configuration

Le fichier config.toml ressemble à ça :

Ajoutez ceci puis relancez VS code :

[mcp_servers.chrome-devtools]
command = "cmd"
args = [
  "/c",
  "npx",
  "-y",
  "chrome-devtools-mcp@latest",
]

Option 2 — Via le terminal (si vous avez le CLI Codex installé) :

codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

Claude Code (terminal)

claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

GitHub Copilot / Cursor (VSCode natif)

VSCode a son propre système MCP. Ouvrez la palette de commandes (Ctrl+Shift+P), tapez "MCP: Add Server", et suivez les instructions. Ou créez un fichier .vscode/mcp.json :

{
  "servers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

💡 Il existe des centaines de serveurs MCP : GitHub, bases de données, Slack, Google Drive, Figma... Explorez sur https://github.com/modelcontextprotocol/servers

🔀 Multitasking : travailler pendant que l'agent code

Quand l'agent travaille sur une tâche longue, vous n'êtes pas obligé de le regarder faire. Pendant qu'il code :

  • Réfléchissez à la phase suivante
  • Préparez vos données de test
  • Travaillez sur un autre projet dans une autre fenêtre VSCode
  • Rédigez la documentation

C'est un changement fondamental : votre temps de travail n'est plus bloqué par le temps de codage. L'agent code, vous orchestrez.

🤖 Multi-agents : la vraie puissance

Ça, c'est le niveau suivant. Un développeur qui pilote plusieurs agents en parallèle sur le même projet ou sur des projets différents. Chaque fenêtre VSCode a son propre agent qui travaille de manière autonome.

Pour éviter que les agents se marchent dessus sur un même projet, on utilise des git worktrees — des copies de travail parallèles du même dépôt, chacune sur sa propre branche :

# Agent 1 travaille sur le frontend
git worktree add ../mon-projet-frontend feature/frontend

# Agent 2 travaille sur l'API
git worktree add ../mon-projet-api feature/api

Quand les deux ont fini, on fusionne les branches. C'est de l'orchestration avancée, mais c'est là que les gains de productivité deviennent exponentiels.

💡 Le mème est drôle, mais il dit quelque chose de vrai : les outils sont puissants, peut-être même plus que ce qu'on sait en faire aujourd'hui. L'important c'est d'apprendre à les manier — c'est exactement ce qu'on vient de commencer.

📝 L'agent ne code pas que du code

L'agent peut aussi vous aider pour des tâches non-code :

  • Rédaction de cours : donnez-lui vos références, il structure un cours complet en markdown
  • Correction de travaux : il analyse les soumissions et produit un rapport
  • Traitement de données : nettoyage, fusion, analyse de fichiers Excel/CSV
  • Documentation : il documente votre code, crée des README, des guides utilisateur
  • Préparation de réunions : résumés, ordres du jour, comptes-rendus

🔮 Le futur : ça va devenir de plus en plus facile

Les modèles progressent à une vitesse exponentielle (on l'a vu avec les benchmarks au début du cours). Ce qui est compliqué aujourd'hui sera trivial dans 6 mois. Les outils deviennent plus intégrés, plus simples, plus accessibles.

Votre avantage : vous avez la méthode. Les outils changent, la méthode reste.

Le message final

Après ce cours, je ne serai plus là pour vous aider au quotidien. Mais votre IA, elle, sera toujours là.

Vous avez maintenant la méthode et les outils. Ce n'est qu'une question de curiosité, d'imagination et de persévérance.

Lancez-vous, expérimentez, et n'ayez pas peur de casser des trucs — c'est comme ça qu'on apprend.

Conseils pratiques pour la suite

Conseil Pourquoi
Apps jetables vs maintenance Parfois c'est plus rapide de refaire en mieux que de maintenir. Vous connaissez mieux le problème, vous évitez les erreurs.
Commencez petit Un outil simple qui marche > un projet ambitieux jamais fini
Combinez les abonnements Un seul abo suffit pour démarrer. Pour travailler sérieusement : 2-3 abos complémentaires.
Les prix et modèles changent Ce qui est cher ou limité aujourd'hui sera peut-être gratuit dans 3 mois. Restez curieux.
Partagez avec vos collègues Un outil que vous créez peut servir à toute l'équipe.

Ressources