Programmation IA : développement de ma première extension Chrome – GPTBLOX

Découvrez comment le codage de l’IA a conduit au lancement de mon extension Chrome offrant des fonctionnalités telles que l’économiseur ChatGPT et la gestion Web. Explorez l’approche de programmation ChatGPT.

Introduction

Bonjour à tous, je m’appelle Yi Tao, un développeur avec une certaine expérience en codage mais des possibilités d’amélioration. Avec l’aide de ChatGPT, j’ai pu développer et lancer une extension Chrome en moins de deux semaines que je n’aurais peut-être pas pu terminer moi-même en quelques mois. J’ai également publié cinq mises à jour sous peu. L’extension compte désormais près de 1 000 utilisateurs sans trop de marketing.

Lien d’extension : GPTBLOX – ChatGPT Save Data/Bard Claude Saver

Comment l’extension Chrome a-t-elle été développée à l’aide du codage ChatGPT ?

Il s’agit d’une extension purement écrite par ChatGPT. Je n’ai pas eu besoin d’écrire une seule ligne de code. En conversant simplement avec ChatGPT, j’ai commencé par obtenir le contenu HTML de la page Web actuelle, en enregistrant le code dans un fichier TXT, en traitant et en optimisant le contenu HTML obtenu avant de l’enregistrer, et en l’enregistrant sous forme de fichiers HTML, de fichiers PDF et d’images PNG. Finalement, je l’ai modifié en 18 versions linguistiques. Lors du développement de la première version, il y a eu de nombreuses difficultés et malentendus entre moi et ChatGPT, mais nous les avons finalement surmontés grâce à mes conseils et à la coopération infatigable de ChatGPT.

Pourquoi choisir la programmation IA pour GPTBLOX ?

Je voulais répondre à un besoin pour moi et mes amis : les comptes ChatGPT étaient fréquemment interdits et nous espérions mieux sauvegarder nos enregistrements de discussion ChatGPT. Cette extension permet à chacun de sauvegarder ses conversations ChatGPT sur son propre ordinateur en un seul clic. Le compte ne vaut rien, mais vos dossiers de formation et votre inspiration créative avec ChatGPT sont inestimables.

Historique des versions créé grâce au codage AI

Version 1.0.0

Implémentez une fonctionnalité pour enregistrer l’historique des conversations ChatGPT dans plusieurs formats de fichiers tels que HTML, TXT, PNG et PDF localement sur l’ordinateur. Il n’est pas nécessaire de partager ou de sauvegarder la conversation en ligne, ce qui atténue les inquiétudes concernant les fuites de données. Intégrez également une API de plugin WordPress avec ChatGPT, permettant à l’extension Chrome de charger des articles spécifiés ou des notifications push à partir de sites WordPress distants.

Version 1.1.0

Introduisez des fonctionnalités de gestion pour les liens de conversation ChatGPT, telles que le regroupement, le glisser, la modification et la suppression. Permet de gérer ces liens de conversation de différentes manières sur la page de l’extension et prend en charge les paramètres d’affichage des groupes, ainsi que les fonctionnalités d’import/export pour les liens groupés.

Version 1.2.0

Ajoutez une fonctionnalité pour enregistrer les conversations de Bard, Claude et HuggingChat dans plusieurs formats de fichiers tels que HTML, TXT, PNG et PDF, stockés localement sur l’ordinateur.

Version 1.3.0

Activez l’enregistrement d’articles à partir de sites Web WordPress dans plusieurs formats de fichiers tels que HTML, TXT et PDF, stockés localement. Cela ouvre la voie à l’agrégation et à la gestion des pages Web et des liens de conversation dans la prochaine version. Des options de personnalisation doivent également être disponibles pour d’autres sites Web, spécifiant les domaines, les titres et les contenus à enregistrer dans des fichiers HTML, TXT et PDF.

Version 1.4.0

Autoriser l’enregistrement du lien de la page Web actuelle ou regrouper tous les liens de page de la fenêtre actuelle du navigateur vers une interface de gestion de page Web. Prend en charge des fonctionnalités telles que le glisser-déplacer, l’ajout, la modification, la suppression, le verrouillage et la réouverture flexibles. Des options peuvent également être disponibles pour définir le style d’affichage de l’interface de gestion des pages Web, soit en mode descendant, soit en cascade. De plus, prenez en charge les paramètres pour 1, 2, 3 ou 4 colonnes pour la gestion des groupes de pages Web et implémentez des fonctionnalités d’importation/exportation pour les groupes de pages Web et les liens.

Version 1.5.0

Incluez des fonctionnalités pour enregistrer les conversations du site officiel de Claude dans plusieurs formats de fichiers tels que HTML, TXT, PNG et PDF, stockés localement. De plus, améliorez la fonctionnalité d’enregistrement des conversations ChatGPT pour inclure des instructions prédéfinies à partir d’instructions personnalisées dans l’historique des conversations enregistrées.

Plans futurs pour GPTBLOX

• Ajoutez la possibilité d’enregistrer les enregistrements de discussion et le contenu des pages Web sur les sites Web Notion, Evernote et WordPress.
• Optimiser davantage les fonctionnalités liées à la collecte et à la gestion des pages Web, notamment en termes d’expérience utilisateur, nous devons apprendre davantage de l’extension Onetab.
• Envisagez de poursuivre le traitement et d’optimiser le contenu de la page Web enregistré, y compris, mais sans s’y limiter, de résumer et de perfectionner le contenu via l’interface d’OpenAI.

Stratégies de programmation ChatGPT

Sortie étape par étape

Laissez ChatGPT écrire du code dans des fichiers ou des modules selon les étapes. Par exemple, déterminez d’abord les fichiers requis, puis laissez ChatGPT générer le code séparément pour chaque fichier. Cela peut réduire le risque d’écart logique contextuel.

Petit point d’entrée

Le point d’entrée du projet doit être aussi petit que possible, suffisamment petit pour que ChatGPT puisse produire une version initiale complète et utile. S’il y a des problèmes avec la version initiale, la portée limitée du code et des fonctionnalités facilite la correction par ChatGPT ou par les humains.

Modules minimaux

Isolez le code qui doit être modifié ou ajouté et fournissez à ChatGPT uniquement le plus petit morceau de code possible à chaque fois. Cela minimise les risques d’écarts logiques.

Confirmation du code

Avant d’ajouter de nouvelles fonctionnalités ou logiques, démarrez une nouvelle fenêtre de conversation et saisissez à nouveau les exigences du projet et le code pertinent dans ChatGPT pour confirmation. Une fois confirmé, procédez au développement de nouvelles fonctionnalités.

Préciser le code

Si ChatGPT produit du code avec des incohérences en raison de limitations de mémoire contextuelle, soumettez à nouveau le code concerné et demandez à ChatGPT d’apporter des modifications en fonction du code le plus récent.

Conseils approfondis

Lorsque plusieurs conversations ne parviennent pas à résoudre les problèmes, examinez les exigences fonctionnelles et le code spécifiques. Fournissez les conseils nécessaires à ChatGPT en fonction de votre propre expérience.

Problèmes d’auto-vérification

Si le problème persiste après plusieurs conversations, guidez ChatGPT pour ajouter des journaux de console pour le débogage dans le code. Fournissez les résultats d’exécution ou les messages d’erreur du programme directement à ChatGPT pour vérification et correction.

Restauration en temps opportun

Si le problème persiste après plusieurs conversations, envisagez de revenir à une version précédemment stable de la conversation et autorisez ChatGPT à se redévelopper. Lors du redéveloppement, offrez les conseils nécessaires à ChatGPT en fonction des problèmes rencontrés lors des sessions de débogage précédentes ou de votre propre expérience.

Si vous êtes intéressé par la programmation de l’IA ou si vous vous inquiétez d’une « erreur de serveur interne chatgpt », n’hésitez pas à essayer GPTBLOX et à partager votre expérience. Si vous rencontrez des problèmes ou avez des suggestions pour un développement futur, nous sommes à votre écoute. Merci!