Questo articolo esplora come ho trasformato un’idea in un’app web in un solo giorno, utilizzando HTML, CSS e JavaScript. Scopri come ChatGPT semplifica la creazione di app web, rendendo lo sviluppo web accessibile a tutti.
Il tuo sviluppatore software personale
Da mesi sono abbonato a chatGPT e sto esplorando tutti i modi per integrarlo nella mia routine di data scientist e sviluppatore web nel tempo libero.
Tuttavia, trovo che abbia ancora limiti nella generazione di testo. Finora invece, l’ho trovato ottimo per brainstorming e sviluppo di idee su app web e analisi dei dati.
In questo articolo, voglio esplorare come in un giorno sono riuscito a trasformare un’idea in una web app. Ho usato HTML, CSS e JavaScript.
Come potete immaginare dai miei post, non sono uno sviluppatore web. Ho solo seguito alcuni corsi di HTML, CSS e JavaScript in passato per imparare le basi. Oggigiorno molte cose stanno avvenendo nell’ambito dello sviluppo web, ed è difficile stare al passo e rimanere aggiornati. Quindi, quando è diventato disponibile l’assistente al codice di chatGPT, ho trovato un grande alleato, chemi aiuta a trasformare le idee in applicazioni web.
Il Problema Iniziale
Volevo creare un’app web collegata a chatGPT. Inoltre, volevo risolvere i principali problemi che incontro quando uso chatGPT:
- salvare i prompt ricorrenti
- analizzare l’output markdown
- salvare le chat in categorie
Analizziamo ciascuno di questi punti.
Salvare i Prompt Ricorrenti
Sapete già che creare il prompt perfetto per un compito ricorrente usando chatGPT (o altri LLM) richiede tempo. Il mio approccio allo strumento è di tipo flusso di pensiero. Tendo ad avere chat lunghe, piene di prompt non correlati che parlano di tutto e di più. Ecco perché avere l’opzione di salvare tutti i miei prompt preferiti e fare categorie è essenziale.
Convertire l’output in Markdown di chatGPT
Al momento della stesura di questo articolo, la maggior parte delle volte quando faccio una domanda a chatGPT e cerco una risposta strutturata, come ad esempio un elenco, chatGPT risponde con un output in markdown. Questo significa che devo prima renderizzare, e poi copiare/incollare il markdown.
Salvare le Chat in Categorie
Come detto sopra, nella maggior parte dei casi, uso chatGPT per brainstorming ed esplorare idee. Questo significa che a volte esploro un argomento per diversi giorni di fila, facendo domande a chatGPT in molte chat diverse. Volevo quindi essere in grado di categorizzare tutte queste chat, e potendo poi raccogliere i contenuti di cui ho bisogno.
Avendo chiaro in mente il problema da risolvere, volevo esplorare la possibilità di avere tutto queste funzioni disponibili e a portata di mano in un’unica web app. È così che ho ideato promptGPT.
La Fase di Sviluppo
Sviluppare l’app è stato facile quanto chiedere a chatGPT quello che volevo e aggiustare poi, il codice generato. Non mostrerò l’intera chat, sarebbe solo un lungo elenco di screenshot. Ne mostrerò solo alcuni per descrivere il processo di sviluppo.
Non sono molto bravo ad inventare nomi accattivanti per un software. Quindi sono partito con un’idea iniziale e ho chiesto a chatGPT di darmi un elenco di nomi.
Poi ho deciso di chiamarla promptGPT. Era breve e facile da ricordare.
Quando si tratta di sviluppo vero e proprio, inizialmente pensavo di utilizzarlo come un un notebook Jupyter. L’idea era che sarebbe stato più vicino al mio ambiente di lavoro. Poi, ho deciso che un’app web sarebbe stata più appropriata, in quanto più facile da condividere.
Quindi, ho chiesto a chatGPT di convertire il codice Python iniziale in un’app web HTML, CSS e JavaScript.
Inizialmente chatGPT aveva dimenticato di implementare alcune delle funzionalità della versione originale in Jupyter, quindi ho ricondiviso nuovamente il codice nella chat, in modo tale da assicurarmi che lo convertisse correttamente.
Dopo una dozzina di iterazioni di deployment e test, e chiedendo a chatGPT varie modifiche, sono stato in grado di far funzionare l’app come volevo. L’app è ancora in fase di sviluppo, ma copre le tre caratteristiche principali delineate sopra.
promptGPT
Come mostrato nell’immagine qui sotto, PromptGPT è un’app web semplice. Permette all’utente di salvare i loro prompt ripetuti, analizzare l’output markdown e ordinare le chat.
Se vuoi provarla, o suggerire modifiche, sentiti libero di salire a bordo e provarla: promptGPT
Sei curioso di usare chatGPT in modi creativi? Ti consiglio di ascoltare il podcast di Every: “Come usi chatGPT?“.
