Plan

• Utiliser un agent conversationnel
• Complétion de code
• Complétion de code : exemple de mise en œuvre
• Utilisation d’un agent de codage
• Open code : présentation et installation
• Open code : pour bien commencer
• Open code : 1er exemple
• Open code : exemple de la calculatrice
• Ajouter des compétences (skills)
• Open code : pour aller plus loin

Utiliser un agent conversationnel

• la question que l’on se pose trouve-t-elle sa réponse dans le cours ? Dans un ouvrage / un site web de référence ?
• une “bonne” requête dans un moteur de recherche sans IA pourrait-elle me permettre d’obtenir la réponse ?
• s’assurer de ce que l’on est prêt à envoyer comme information et qui va la recevoir.
• s’assurer qu’on est sur un cas simple, relativement “clos”.

Précautions à prendre

• définir préalablement des façons de vérifier le résultat produit (par exemple avec des jeux de tests)
• rédiger soigneusement son prompt :
  • décrire la structure des données en entrée ;
  • décrire la structure du résultat attendu ;
  • définir précisément le problème avec des exemples (entrée, résultat) différents des jeux de tests
  • préciser le contexte ;
  • donner les normes de codage à respecter ;
  • demander d’expliquer la démarche.

##. Lorsqu’on obtient un résultat

• analyser et comprendre le résultat ;
• valider le résultat via des tests ;
• effectuer une revue sur le code produit.

Complétion de code

Précautions à prendre

• attention aux données éventuellement exportées
• attention au coût des tokens
• relire le code généré en cherchant les bugs présents

Configurer vscode pour utilise ollama

installer l’extension requise

View > Extensions

Taper “continue”

Iinstaller Continue - open-source IA code agent

Configurer Continue

• en bas à droite, cliquer sur Continue
• dans le menu qui s’affiche en haut, cliquer sur Open settings

• dans le menu à gauche, cliquer sur l’icône de fichier Configs
• cliquer sur l’engrenage à droite de Local Config

Complétion de code : exemple de mise en œuvre

Application sur la classe Calculatrice.

Utilisation d’un agent de codage

Présentation

Agent de codage = outil avec lequel interagir pour développer son code. Deux grands types :

• les IDE dédiés :
  • Cursor
  • Windsurf
• les interfaces “ligne de commande” (CLI)
  • Codex
  • Claude code
  • Open code (open source)

Utilisation

On travaille en vibe coding (on exprime nos besoins en langue naturelle, l’outil code à notre place).

L’outil peut être configuré pour s’adapter à nos besoins, par exemple avec l’ajout de skills (compétences).

L’outil possède souvent 2 modes (réalisés par 2 agents différents) : - planification : il émet un plan sur comment procéder, mais ne fait rien ; - ⚠ construction : il modifie directement les fichiers ⚠

Open code : présentation et installation

Présentation

Open code est un agent de codage open source en ligne de commande (CLI) et pouvant être configuré pour utiliser n’importe quel LLM.

Il existe également une version IDE, et des extensions pour des IDE classiques.

Installation

• installer un émulateur de terminal moderne comme ghostty :

snap install ghostty --classic

apt install ghostty

• installer opencode :

curl -fsSL https://opencode.ai/install | bash

Lancement

• ouvrir un terminal ghostty
• se placer dans le répertoire de travail
• lancer opencode
• quitter avec /exit

Open code : pour bien commencer

• 2 modes (build et plan) ; on passe de l’un à l’autre avec tab
• sous-agents utilisables avec “@” (exemple : @explore)
• des commandes commençant par “/” :
  • /exit : quitter
  • /init infos : pour initialiser open code dans le répertoire courant
• configuration :
  • fichier AGENTS.md : consignes en markdown pour opencode
  • répertoire .opencode/skills : compétences
  • …

Open code : 1er exemple

/init Ce répertoire va servir à écrire un cours en markdown dont les transparents seront générés en html via pandoc et slidy. Le répertoire "src" contiendra les sources en markdown et les images en png. un Makefile devra permettre de placer la version html du cours et les images dans un répertoire "public".

Création du fichier 01-intro.md

Que reste-t-il à faire ?

Par quoi compléter le fichier 01-intro.md ?

Après validation (naïve), repasser en mode build :

rédige

Pour chaque fait cité, rajoute une courte description de ce dont il s'agit ainsi qu'un lien vers un site web fiable.

Rajoute quelques images pour rendre les transparents moins austères

Modifie la présentation des transparents pour avoir le texte à gauche et l'image à droite.

Modifie la génération pour qu'une diapositive avec le plan soit automatiquement rajoutée au début du document à partir des titres de chacune des diapositives.

Analyse du résultat :

• exemples pas forcément placés dans la bonne catégorie
• descriptions pas adaptées
• placement des images pas idéal

Open code : exemple de la calculatrice

Prompt initial :

/init Ce répertoire est dédié à la création d'un projet dont les différentes versions seront gérés par git. Tu devras stocker chacune des instructions que je te donne les unes à la suite des autres dans un fichier markdown appelés "prompts.md", avec un titre pour chaque prompt. Par ailleurs, chaque fois que tu modifieras le code, tu devras créer un commit avec la nouvelle version du code.

Avec un tel prompt :

• un fichier prompts.md est créé ;
• une initialisation de git est effectué ;
• des règles sont ajoutées au fichier AGENTS.md :

- **prompts.md**: Store every instruction as a titled entry in `prompts.md`. Append each new prompt sequentially.
- **Git commits required**: Every code change must be committed with a descriptive message before proceeding.
- **Version management**: Git history IS the versioning system. Do not create version folders or copy files for versions.

Et donc par la suite, tout nouveau prompt saisi dans Open Code sera ajouté au fichier prompts.md, et chaque modification faite par Open Code donnera lieu à une nouvelle version dans l’historique.

La suite de prompts

C’est ici

Historique des version produites

C’est là

Ajouter des compétences (skills)

Fichier à créer

• Pour une compétence globale : ~/.config/opencode/skills/nom_compétence/SKILL.md
• Pour une compétence spécifique au projet : .opencode/skills/nom_compétence/SKILL.md

Exemple

---
name: expliquer-code
description: Explique simplement du code source à un débutant, avec une analogie et un petit exemple.
---

# Expliquer du code

Lorsqu'une question concerne l'explication d'un morceau de code :

1. Expliquer d'abord en termes très simples ce que fait le code.
2. Donner une analogie avec une situation de la vie courante.
3. Expliquer ensuite les principales instructions du code.
4. Terminer par un petit exemple concret.

Toujours utiliser un ton pédagogique et éviter le jargon inutile. Appeler ton interlocuteur "Très cher élève".

Open code : pour aller plus loin

commandes

/share

/compact

Interaction avec les LLM

• se connecter à ollama pour utiliser des modèles locaux

Modifier le fichier ~/.config/opencode/opencode.jsonc ainsi

• spécifier des modèles différents suivant les agents

N.B : importance de maîtriser la ligne de commande

Pour automatiser les choses, utilisation intensive de la “ligne de commande” => maîtriser le shell devient impératif pour analyser le travail d’un agent de codage