Programmazione AI: sviluppata la mia prima estensione Chrome: GPTBLOX

Scopri come la codifica AI ha portato al lancio della mia estensione Chrome che offre funzionalità come il risparmio ChatGPT e la gestione web. Esplora l’approccio alla programmazione ChatGPT.

introduzione

Ciao a tutti, sono Yi Tao, uno sviluppatore con una certa esperienza di programmazione ma con margini di miglioramento. Con l’aiuto di ChatGPT, sono riuscito a sviluppare e lanciare in meno di due settimane un’estensione di Chrome che forse non sarei riuscito a completare da solo in pochi mesi. A breve ho anche rilasciato cinque aggiornamenti. L’estensione ora ha quasi 1.000 utenti senza molto marketing.

Link di estensione: GPTBLOX – ChatGPT Salva dati/Bard Claude Saver

Come è stata sviluppata l’estensione di Chrome utilizzando la codifica ChatGPT?

Questa è un’estensione scritta esclusivamente da ChatGPT. Non ho dovuto scrivere una sola riga di codice. Semplicemente conversando con ChatGPT, ho iniziato ottenendo il contenuto HTML della pagina Web corrente, salvando il codice in un file TXT, elaborando e ottimizzando il contenuto HTML ottenuto prima di salvarlo e salvandolo come file HTML, file PDF e immagini PNG. Alla fine, l’ho modificato in 18 versioni linguistiche. Durante lo sviluppo della prima versione ci sono state molte difficoltà e incomprensioni tra me e ChatGPT, ma alla fine le abbiamo superate grazie alla mia guida e all’instancabile collaborazione di ChatGPT.

Perché scegliere la programmazione AI per GPTBLOX?

Volevo risolvere un’esigenza mia e dei miei amici: gli account ChatGPT venivano spesso bannati e speravamo di salvare i nostri record di chat ChatGPT in un modo migliore. Questa estensione aiuta tutti a salvare le proprie conversazioni ChatGPT sul proprio computer con un solo clic. L’account è inutile, ma i tuoi record di formazione e l’ispirazione creativa con ChatGPT non hanno prezzo.

Cronologia delle versioni creata tramite la codifica AI

Versione 1.0.0

Implementa la funzionalità per salvare la cronologia delle conversazioni ChatGPT in più formati di file come HTML, TXT, PNG e PDF localmente sul computer. Non è necessario condividere o salvare la conversazione online, attenuando le preoccupazioni relative alle fughe di dati. Inoltre, integra un’API plug-in WordPress con ChatGPT, consentendo all’estensione Chrome di caricare articoli specifici o inviare notifiche da siti WordPress remoti.

Versione 1.1.0

Introduci funzionalità di gestione per i collegamenti di conversazione ChatGPT, come raggruppamento, trascinamento, modifica ed eliminazione. Consenti la gestione di questi collegamenti di conversazione in diversi modi sulla pagina dell’estensione e supporta le impostazioni per la modalità di visualizzazione dei gruppi, nonché le funzionalità di importazione/esportazione per i collegamenti raggruppati.

Versione 1.2.0

Aggiungi funzionalità per salvare le conversazioni di Bard, Claude e HuggingChat in più formati di file come HTML, TXT, PNG e PDF, archiviati localmente sul computer.

Versione 1.3.0

Abilita il salvataggio di articoli da siti Web basati su WordPress in più formati di file come HTML, TXT e PDF, archiviati localmente. Ciò apre la strada all’aggregazione e alla gestione di pagine Web e collegamenti di conversazioni nella prossima versione. Dovrebbero essere disponibili opzioni di personalizzazione anche per altri siti Web, specificando domini, titoli e contenuti da salvare in file HTML, TXT e PDF.

Versione 1.4.0

Consenti il salvataggio del collegamento alla pagina Web corrente o aggrega tutti i collegamenti alla pagina dalla finestra del browser corrente a un’interfaccia di gestione della pagina Web. Supporta funzionalità come il trascinamento e lo spostamento flessibili, l’aggiunta, la modifica, l’eliminazione, il blocco e la riapertura. Possono anche essere disponibili opzioni per impostare lo stile di visualizzazione dell’interfaccia di gestione della pagina Web, sia come flusso dall’alto verso il basso che a cascata. Inoltre, supporta le impostazioni per 1, 2, 3 o 4 colonne per la gestione di gruppi di pagine Web e implementa funzionalità di importazione/esportazione per gruppi di pagine Web e collegamenti.

Versione 1.5.0

Includi funzionalità per salvare le conversazioni dal sito Web ufficiale di Claude in più formati di file come HTML, TXT, PNG e PDF, archiviati localmente. Inoltre, migliora la funzionalità di salvataggio delle conversazioni ChatGPT per includere istruzioni predefinite dalle Istruzioni personalizzate nella cronologia delle conversazioni salvate.

Piani futuri per GPTBLOX

• Aggiungi la possibilità di salvare record di chat e contenuto di pagine Web su siti Web Notion, Evernote e WordPress.
• Per ottimizzare ulteriormente le funzionalità relative alla raccolta e alla gestione delle pagine Web, soprattutto in termini di esperienza utente, dobbiamo imparare ulteriormente dall’estensione Onetab.
• Prendere in considerazione un’ulteriore elaborazione e ottimizzazione del contenuto della pagina Web salvato, incluso ma non limitato al riepilogo e al perfezionamento del contenuto tramite l’interfaccia di OpenAI.

Strategie di programmazione ChatGPT

Uscita passo dopo passo

Lascia che ChatGPT scriva il codice in file o moduli in base ai passaggi. Ad esempio, determina prima i file richiesti, quindi lascia che ChatGPT generi il codice separatamente per ciascun file. Ciò può ridurre il rischio di deviazione logica contestuale.

Piccolo punto di ingresso

Il punto di ingresso per il progetto dovrebbe essere il più piccolo possibile, abbastanza piccolo da consentire a ChatGPT di produrre una versione iniziale completa e utile. Se si verificano problemi con la versione iniziale, il codice limitato e l’ambito delle funzionalità semplificano la correzione sia per ChatGPT che per gli esseri umani.

Moduli minimi

Isola il codice che deve essere modificato o aggiunto e fornisci ogni volta a ChatGPT solo la porzione di codice più piccola possibile. Ciò riduce al minimo le possibilità di deviazioni logiche.

Conferma del codice

Prima di aggiungere nuove funzionalità o logica, avvia una nuova finestra di conversazione e inserisci nuovamente i requisiti del progetto e il relativo codice in ChatGPT per conferma. Una volta confermato, procedere con lo sviluppo di nuove funzionalità.

Specificare il codice

Se ChatGPT produce codice con incoerenze dovute a limitazioni di memoria contestuali, invia nuovamente il codice pertinente e chiedi a ChatGPT di apportare modifiche in base al codice più recente.

Guida profonda

Quando più conversazioni non riescono a risolvere i problemi, approfondisci i requisiti funzionali e il codice specifici. Fornisci le indicazioni necessarie a ChatGPT in base alla tua esperienza.

Problemi di autocontrollo

Se il problema persiste dopo più conversazioni, guida ChatGPT ad aggiungere i log della console per il debug nel codice. Fornisci i risultati di runtime del programma o i messaggi di errore direttamente a ChatGPT per il controllo e la correzione.

Rollback tempestivo

Se il problema persiste dopo più conversazioni, valuta la possibilità di tornare a una versione precedentemente stabile della conversazione e consentire a ChatGPT di svilupparsi nuovamente. Durante la riqualificazione, offri le indicazioni necessarie a ChatGPT in base ai problemi riscontrati durante le precedenti sessioni di debug o alla tua esperienza.

Se sei interessato alla programmazione AI o sei preoccupato per “errore del server interno chatgpt”, sentiti libero di provare GPTBLOX e condividere la tua esperienza. Se riscontri problemi o hai suggerimenti per sviluppi futuri, siamo tutti attenti. Grazie!