Canvas pour le code

Un environnement de développement dans Le Chat

Canvas ne sert pas qu’à écrire des phrases. Il dispose d’un mode dédié au code qui fait de Le Chat un environnement de développement léger : vous y écrivez, modifiez, débuggez et exécutez du code sans quitter l’interface. Ce n’est pas un remplaçant de votre IDE, et ce n’est pas son ambition. Sa place est ailleurs : le prototypage rapide, la résolution d’un bug isolé, l’apprentissage de la programmation et la fabrication de petits scripts utilitaires qui ne méritent pas qu’on ouvre un projet complet.

Pour ouvrir Canvas en mode code, il suffit d’annoncer l’intention dans la requête : « Ouvre Canvas et écris un script Python pour analyser un fichier CSV », « Crée un composant React dans Canvas », « Code une fonction JavaScript qui trie un tableau d’objets par date ». Le langage est détecté automatiquement et la coloration syntaxique correspondante s’applique.

La couverture des langages est large. Python domine les usages de scripting, d’analyse de données et d’automatisation ; JavaScript et TypeScript couvrent le développement web et Node.js ; HTML et CSS servent aux interfaces et aux mises en page ; SQL aux requêtes de base de données ; Bash aux scripts système et à l’automatisation. Go, Rust, Java, C++, PHP et Ruby sont également pris en charge, parmi bien d’autres.

Écrire du code

Décrivez le résultat attendu en langage naturel, avec le même niveau de détail que si vous rédigiez un ticket pour un collègue : « Écris un script Python qui se connecte à une API REST, récupère les données au format JSON, filtre les résultats par date et exporte le tout en CSV. Ajoute la gestion des erreurs et des commentaires explicatifs. » La mention explicite de la gestion des erreurs et des commentaires change beaucoup le code produit ; sans elle, vous obtiendrez un chemin nominal sans filet.

À partir de là, tout se joue par sélection. Surlignez la portion à retoucher et demandez la modification précise : ajouter une gestion des timeout sur une requête HTTP, refactoriser une fonction pour la rendre plus lisible, remplacer une boucle for par une compréhension de liste, ajouter du logging à une section. Le reste du fichier n’est pas touché, ce qui vous évite le grand classique de la régénération complète où une correction en introduit trois autres.

La même mécanique fait grandir un script existant : demandez des tests unitaires pour une fonction, une interface en ligne de commande pour votre script, ou la pagination nécessaire pour absorber de grands volumes de données.

Débugger et optimiser

Pour un bug, collez le code fautif dans Canvas et décrivez le comportement observé plutôt que le correctif que vous imaginez : « Ce script Python lève une erreur IndexError à la ligne 42 quand la liste est vide. Corrige le bug et ajoute une vérification préalable. » Le Chat explique la cause dans le panneau de conversation et applique la correction dans le document — lisez l’explication, elle vaut souvent plus que le patch, surtout si l’erreur est de conception.

Pour un problème de performance, sélectionnez la fonction incriminée et posez la contrainte : « Cette fonction prend trop de temps avec de grands volumes de données. Optimise-la en gardant la même interface. » Préciser que l’interface ne doit pas bouger est essentiel, sinon l’optimisation vous obligera à modifier tous les appelants. Les propositions vont de l’algorithme plus efficace à la mise en cache ou au traitement parallèle, directement appliquées dans Canvas.

Exécuter sans quitter l’interface

Le Chat dispose d’un interpréteur Python et JavaScript intégré : le code s’exécute et les résultats s’affichent dans l’interface. Cela couvre le test rapide d’un script, la vérification d’un calcul, la validation du comportement d’une fonction et la visualisation de données sous forme de graphiques. L’écart entre « ce code semble correct » et « ce code produit le bon résultat » se franchit en une seconde, ce qui reste le meilleur argument du mode code.

Sortir de Canvas

Un bouton de copie récupère l’intégralité du code pour le coller dans votre IDE habituel, VS Code, PyCharm ou IntelliJ. Pour les scripts plus longs, le téléchargement direct du fichier vous évite les mauvaises surprises d’indentation, avec le nom et l’extension appropriés.

Quand Canvas sert d’atelier de prototypage avant intégration dans un projet existant, l’enchaînement recommandé est le suivant :

1. Prototypez la fonction ou le module dans Canvas
2. Testez-la avec l’interpréteur intégré
3. Demandez à l’IA d’ajouter les imports et la documentation
4. Exportez vers votre projet

Quatre demandes qui illustrent le potentiel

L’automatisation quotidienne est le terrain le plus rentable : « Écris un script Python qui renomme tous les fichiers PDF d’un dossier en ajoutant la date du jour au début du nom. » Quelques minutes pour un script que vous réutiliserez des dizaines de fois.

L’analyse de données suit de près : « Crée un script Python avec pandas qui charge un fichier Excel, calcule la moyenne et la médiane par catégorie, et génère un graphique à barres. » L’interpréteur affiche le graphique, vous validez immédiatement. Côté serveur, le prototype d’API tient dans une phrase : « Écris un serveur API minimal avec FastAPI qui expose un endpoint POST pour recevoir des données JSON et les stocker dans une liste. » Et pour un utilitaire entièrement autonome : « Crée une page HTML avec un formulaire de calcul de TVA qui fonctionne entièrement côté client en JavaScript. »

Points clés à retenir

• Canvas mode code offre un environnement de développement léger intégré à Le Chat
• La coloration syntaxique et l’exécution de code sont disponibles pour les langages courants
• Utilisez la sélection ciblée pour modifier ou débugger des portions spécifiques de code
• Canvas est idéal pour le prototypage rapide, le debugging et l’apprentissage
• Exportez vos prototypes vers votre IDE une fois validés dans Canvas