LES ACTUALITÉS DU JOUR DANS LES MÉTIERS DU WEB - MARMITS.COM - REIMS

Les derniers chiffres officiels américains montrent une croissance soutenue accompagnée d'un refroidissement du marché du travail et d'une stabilisation de l'inflation, autant de facteurs qui pointent vers un accroissement de la productivité lié à l'IA.

L'optimisation algorithmique épuise les créateurs utiles et fait fuir la Gen Z. Un psychiatre décrypte cette "Taxe d'Utilité" et propose le modèle de la Durabilité Cognitive.

Build a smooth horizontal parallax gallery in DOM/CSS/JS, then upgrade it to GPU-powered WebGL (Three.js) with shaders.

Pendant des années, la question des seniors en entreprise a été traitée sous l'angle démographique, social ou réglementaire. Aujourd'hui, un nouvel acteur redistribue les cartes : l'IA.

En 2026, les stablecoins deviennent une infrastructure clé des paiements. Tour d'horizon des mutations qui imposent à l'Europe de devenir "blockchain native".

Vous pensiez que votre compte WhatsApp était sécurisé parce que vous n’avez jamais partagé votre mot de passe ? Méfiez-vous. Une nouvelle méthode de piratage sophistiquée, baptisée « Ghost Pairing » (ou jumelage fantôme), fait actuellement des ravages. Plus sournoise que le phishing classique, elle permet aux pirates de s’inviter dans vos conversations sans que vous ne vous en rendiez compte. Décryptage de cette menace invisible et guide pratique pour protéger votre vie privée. Le Ghost Pairing : Un espion dans votre poche Contrairement aux piratages traditionnels qui tentent de deviner vos mots de passe ou de cloner votre carte ...

Lire la suite

Aujourd'hui j'aimerais vous parler un peu de bidouille et plus particulièrement de domotique. Hé oui, si comme moi, vous en avez marre que tous vos objets connectés passent par des serveurs chinois (souvent à la sécurité douteuse) ou américains (souvent directement connecté à la NSA) pour vous dire qu'il fait 22°C dans votre salon, on va voir comment ensemble créer ses propres capteurs 100% locaux avec ESPHome .

ESPHome, c'est un framework open source qui transforme n'importe quel ESP32 ou ESP8266 en appareil connecté intelligent sans vous prendre la tête. Vous écrivez un petit fichier YAML, vous flashez la puce, et hop, vous avez un capteur qui cause directement avec Home Assistant. Comme ça y'a pas de cloud et encore moins de données qui partent on ne sait où.

Le « vibe coding » est une expression inventée par Andrej Karpathy au début de l'année 2025. Il désigne une nouvelle façon de programmer, en déléguant entièrement l'écriture du code à l'intelligence artificielle d'un agent. Le terme est controversé et sa définition est floue. Dans ce tutoriel, nous montrons comment utiliser l'agent IA comme un outil afin de générer du code de manière solide et maîtrisée.

À qui s'adresse ce tutoriel ? Aux développeurs sous Visual Studio Code, avec un abonnement GitHub Copilot payant.

Le plan gratuit ne suffit pas car nous aurons besoin des derniers modèles d'Anthropic ou d'OpenAI. En outre, mieux vaut avoir un système de gestion de versions (comme Git).

Sommaire

• Configurer Visual Studio Code
• Les modes de l'agent
• Gérer le contexte de l'agent
• Surveiller les requêtes premium
• Discuter d'abord, générer le code ensuite
• Sécurité et conclusion

Configurer Visual Studio Code

Si ce n'est pas déjà fait, ouvrez la barre latérale du chat en cliquant sur son icône en haut à droite du champ de recherche. En bas de cette barre latérale, passez en mode Agent et sélectionnez un modèle — les derniers modèles d'Anthropic ou d'OpenAI feront l'affaire.

Même si cela n'est pas obligatoire, je recommande au développeur qui connaît bien son travail d'essayer le mode « auto-approve ». Votre VS Code et les plugins de Copilot doivent être à jour. Voici la configuration :

  "chat.agent.maxRequests": 1000,
  "chat.tools.global.autoApprove": true,

Attention : cela fait passer l'agent IA de VS Code dans un mode « auto-approve » efficace, mais aussi risqué. Vous devrez désormais le surveiller durant son travail et systématiquement utiliser votre système de gestion de versions afin de pouvoir revenir à une version antérieure en cas de problème.

Petit point de vocabulaire pour distinguer modèles de langage et agents. On peut voir un modèle de langage (ou « LLM », pour Large Language Model) comme une capacité de raisonnement sur étagère. Des exemples de LLM : Claude Sonnet, GPT, Gemini pro. Ils n'ont pas les mêmes points forts. Un agent de programmation IA est un programme doté d'un chat qui utilise un ou plusieurs modèles pour accomplir des tâches de programmation. Des exemples d'agents : Claude Code, l'agent de GitHub Copilot, celui de Cursor, Gemini CLI, OpenAI Codex. Ces solutions ne se valent pas, les coûts diffèrent aussi. Il ne faut pas hésiter à les essayer et à les réessayer régulièrement car le paysage évolue rapidement.

Les modes de l'agent

VS Code propose plusieurs modes accessibles depuis le sélecteur en bas de la barre latérale du chat :

• Agent : planifie et implémente, exécute des commandes, utilise des outils. C'est le mode par défaut.
• Plan : crée un plan structuré avant de coder.
• Ask : répond aux questions sans modifier de fichiers.

Gérer le contexte de l'agent

Un agent de programmation IA doit être traité comme un perpétuel nouveau venu. À chaque session de travail, il redécouvre le projet depuis zéro. En pratique, une session ne dure que quelques minutes ou dizaines de minutes.

Démarrez toujours une nouvelle session du chat (« ＋ ») pour chaque nouvelle tâche. Cela évite de polluer le contexte avec des informations issues d'une tâche précédente.

La fenêtre de contexte représente la quantité maximale de texte que l'agent peut traiter simultanément. Elle contient tout : les instructions, la discussion, le code lu, écrit, corrigé, relu etc. Sa taille est limitée. Lorsqu'elle est remplie, il faut redémarrer avec un agent tout neuf. C'est pourquoi il est important de ne pas la surcharger et de commencer une session propre pour chaque tâche.

Surveiller les requêtes premium

Nous utilisons les derniers modèles premium. Il y a une limite mensuelle de requêtes premium, il faut donc surveiller la consommation. Cliquez sur l'icône du chat en bas de la barre latérale. Repérez le pourcentage de requêtes premium restantes pour le mois en cours.

Discuter d'abord, générer le code ensuite

Implémenter une fonctionnalité, cela commence par la rédaction de spécifications. Lorsque cela est fait, n'oublions pas qu'un agent de programmation IA est, à chaque nouvelle session, un nouveau venu. Même après qu'il ait lu la documentation, on ne lâche pas un nouveau venu sur une base de code existante en lui disant de faire comme il le sent. On lui demande comment il envisage de traiter le problème (c'est le plan d'implémentation), on en discute avec lui. Ensuite on le laisse travailler. À la fin, on vérifie le travail.

1. Décrire ce dont on a besoin ;
2. Concevoir un plan avec l'agent ;
3. Relire et corriger le plan ;
4. Faire implémenter ;
5. Revue de code et corrections.

Ce processus est adapté aux tickets complexes. Il n'y a aucune raison d'être rigide sur quoi que ce soit. Mais dans le cadre de ce tutoriel, suivons toutes les étapes.

1. Décrire le besoin

Quelques lignes ou phrases suffisent pour décrire ce que l'on veut obtenir. Expliquer ce que l'on a au départ et ce que l'on souhaite obtenir. Si l'on sait quels fichiers sources sont concernés, on peut le mentionner. Mais à cette étape, le prompt n'a pas besoin d'être très solide. Il sera complété à l'étape suivante.

Pour ma part, je rédige ce genre de prompts dans un éditeur de texte à part. C'est plus confortable.

2. Concevoir un plan avec l'agent

Passez en mode Plan dans le sélecteur en bas de la barre latérale du chat. Ce mode est conçu pour que l'agent explore le code et propose un plan structuré avant de toucher à quoi que ce soit.

Donnez-lui un prompt qui l'invite à investiguer, poser des questions, proposer des approches et leurs compromis. C'est une collaboration : le développeur corrige, clarifie, tranche. N'hésitez pas à challenger l'agent. Vous pouvez glisser-déposer des fichiers pertinents dans le chat pour lui fournir du contexte supplémentaire.

Voici un exemple de prompt :

[ICI_VOTRE_BESOIN]



Investigate the codebase to understand how it currently works. Then discuss with me: present your findings, what needs to change, possible approaches and their trade-offs. Ask clarifying questions. Once we agree on an approach, write a step-by-step implementation plan with file paths and function names. Do not start coding.

Le principe ici est d'inciter l'agent à poser des questions afin de passer dans un mode collaboratif. L'idée est d'éviter que l'agent ne se précipite vers une solution. Et réfléchir avec lui sur les différents choix de conception dans un premier temps.

Lors de cette étape de conception, on peut demander à l'agent de faire des recherches sur le web. En ce qui concerne les bibliothèques de programmation, le MCP Context7 vous sera d'une grande utilité, il contient de la documentation prête à emploi pour les agents. Une fois Context7 installé, c'est une bonne idée de demander à l'agent de l'utiliser avant d'écrire le plan. Bien entendu, Context7 est une source externe et donc un risque d'injection de prompts. C'est pourquoi le meilleur moment pour s'en servir est lors de la conception du plan, alors que nous (humains) sommes présents et interagissons avec l'agent.

J'écris mes prompts en anglais, mais le français marchera très bien.

3. Relire et corriger le plan

Le mode Plan de Visual Studio Code produit un plan structuré. Le relire attentivement. Demander des ajustements si nécessaire. Ne pas hésiter à itérer.

Mettez une attention particulière sur les structures de données. N'espérez jamais qu'un problème complexe puisse se résoudre correctement comme par magie sans que vous n'ayez à comprendre comment !

4. Faire implémenter

Depuis le mode Plan, l'agent propose d'implémenter. On peut aussi copier le plan et ouvrir un nouveau chat en mode Agent.

Pensez à faire une sauvegarde du projet (git commit) avant de lancer l'implémentation. Cela permet de revenir en arrière en cas de problème et de comparer le code avant et après.

Gardez un œil sur l'agent pendant qu'il travaille. Le cas échéant, interrompez-le dès que vous vous apercevez qu'il va dans une mauvaise direction. Expliquez-lui ce qui ne va pas, il continuera sa session en prenant en compte votre message.

Relancez de préférence une nouvelle session de l'agent avant d'exécuter un plan. D'abord pour éviter la contamination des informations entre tâches. Ensuite parce que l'agent IA devient parfois moins fiable lorsque sa fenêtre de contexte se remplit.

Astuce : pendant que l'agent travaille, mettez ce temps à profit pour discuter du plan suivant dans une autre session en parallèle. Toutefois, gardez un œil sur ce que fait votre agent.

5. Revue de code et corrections

Parfois ça fonctionne du premier coup — et c'est fun ! Mais il est impératif de vérifier la qualité du code produit. Les agents sont têtus sur certains choix. Ils ont tendance à dupliquer paresseusement et à complexifier le code plutôt qu'à refactoriser, quand bien même ils en seraient parfaitement capables.

Passez en revue le code généré. Ne laissez rien passer. N'acceptez pas un code qui serait moins bon que ce que vous auriez écrit vous-même.

Si vous ne comprenez pas le code généré : si vous vous êtes aventuré loin de votre zone de confort, c'est peut-être le moment d'apprendre ? La responsabilité du développeur reste entière : de même que le conducteur d'un véhicule est toujours responsable — en cas d'accident, le comportement de la voiture n'est pas une bonne excuse.

Lorsque vous modifiez à la main le résultat du travail de l'agent sans prendre la peine de lui expliquer pourquoi, considérez que la session de l'agent devient inutilisable et démarrez-en une neuve. Autrement il restera sur ses idées initiales.

Sécurité et conclusion

Rappelez-vous que nous avons désactivé des protections à l'étape de configuration : l'agent peut exécuter des commandes potentiellement dangereuses dans le terminal. Il peut aussi se retrouver bloqué dans une boucle infinie en cherchant une solution, et consommer une grande partie — voire la totalité — de vos requêtes premium.

Le système de gestion de versions est un filet de sécurité, mais gardez à l'esprit que l'agent sait aussi l'utiliser.

Méfiez-vous des prompts malintentionnés. Ne lancez jamais votre agent sur un projet inconnu. Et soyez vigilant à chaque fois que vous lui demandez de rechercher des informations sur Internet.

Les principes vus dans ce tutoriel : discuter avant de coder, découpler la conception d'un plan de son implémentation, sont généraux. Vous trouverez qu'ils s'appliquent aussi en dehors de la programmation.

Il existe un autre axe qui augmente considérablement la qualité du travail de l'agent, c'est la documentation interne du projet. En 2026, la documentation technique devrait être écrite sous la forme de « skills ». Les Agent Skills sont une nouvelle norme créée par Anthropic et adoptée par la plupart des agents. Bien que cette norme soit loin d'être aboutie et sera amenée à évoluer, elle est opérationnelle et répond au double besoin de partager des instructions réutilisables entre plusieurs projets, et de rédiger de la documentation interne spécifique à un projet.

Pour ceux qui seraient intéressés, j'ai créé AlignFirst sous la forme d'un skill open source (github.com/paleo/alignfirst). Le but est de faire écrire le code tel que nous l'aurions écrit. Sans magie ni fioritures, juste l'essentiel. Ce qui est particulièrement adapté aux développeurs qui aiment le code bien écrit.

Happy Vibe Coding !

Mise à jour du 14 août 2025 — Ajout de GPT-5. La section sur les spécifications techniques a été enrichie. La partie « Documenter le projet » a été complètement réécrite.

Mise à jour du 20 septembre — Mise à jour des prompts.

Mise à jour du 30 septembre — Suppression du prompt de refactoring automatique.

Mise à jour du 8 décembre — Modification des étapes, pour mettre l'accent sur les spécifications plus que le(s) plan(s).

Mise à jour du 18 février 2026 — Réécriture complète du tutoriel. La documentation sort du tutoriel, car, depuis fin 2025, elle est un sujet à part entière, à écrire sous la forme de « skills ». Le tutoriel est recentré sur la production de code. Les lecteurs qui auraient appliqué une ancienne version du tutoriel sont invités à passer aux skills en exécutant ce prompt.

Retrouvez l'intégralité de ce tutoriel en ligne sur Alsacreations.com

Il est loin le temps où Visual Studio Code courait derrière Cursor ou Claude Code. Aujourd'hui, l'éditeur open source de Microsoft est l'un des environnements de développement qui intègre le mieux l'intelligence artificielle. [...]

Retrouvez l'intégralité de ce tutoriel en ligne sur Alsacreations.com

Alors que beaucoup disposent d’une capacité d’épargne, parfois d’un bien identifié, une nouvelle génération d’investisseurs, qu’ils soient primo-accédants ou en réflexion sur un premier investissement locatif hésitent à franchir le pas. En cause : la difficulté à maîtriser les mécanismes financiers et fiscaux qui encadrent l’immobilier. Dans FW.MEDIA, nous recevons Léa Paveze, cofondatrice et CEO …

L’article MONEYSHAPE : comment simuler, comparer et sécuriser un projet immobilier avant d’acheter est apparu en premier sur FW.MEDIA.

Des salariés, des fonctionnaires et des étudiants peuvent réclamer une prime pouvant allant jusqu'à plusieurs centaines d'euros. Beaucoup oublient de la demander alors que son montant est en hausse cette année.

Profitant d'une matière dont la valeur ne faiblit pas, ces pièces de monnaie rarissimes peuvent rapporter des milliers d'euros.

Selon Reuters, Washington préparerait le lancement d’un portail baptisé freedom.gov, destiné à permettre aux internautes situés en Europe et ailleurs d’accéder à des contenus bloqués par leurs gouvernements, y compris des publications qualifiées de discours de haine ou de propagande terroriste. Le projet, piloté par le U.S. Department of State, pourrait inclure une fonctionnalité assimilable …

L’article Nouvelle offensive américaine contre la régulation numérique européenne est apparu en premier sur FW.MEDIA.