Vibe coding ChatGPT:llä: canvas, Codex ja sovellusten rakentaminen ChatGPT:stä

Voit vibe codata ChatGPT:llä kolmella tavalla. Pyydä pientä sovellusta chatissa ja esikatsele se canvasissa; anna tehtäviä todelliselle koodikannalle Codexille, OpenAI:n koodausagentille; tai yhdistä tekoälysovellusrakentaja, kuten Mythex, jotta ChatGPT voi rakentaa, isännöidä ja julkaista täyden sovelluksen tietokantoineen. Ensimmäinen on nopein yksisivuiselle työkalulle, toinen sopii kehittäjille, ja kolmas tuo elävän sovelluksen kirjautumisineen ja datoineen ilman, että poistut ChatGPT:stä.

Tässä on, miten kukin toimii, kehote kullekin ja missä kukin lakkaa riittämästä. Jos haluat taustan termistä, lue mitä vibe coding on.

Vaihtoehto 1: ChatGPT-chat ja canvas

Pienen työkalun kohdalla pyydä vain. ChatGPT kirjoittaa koodin, ja canvasissa se voi näyttää yksinkertaisia HTML- ja React-sivuja, joita voit klikkailla ja joihin voit pyytää muutoksia.

Kirjoita yksisivuinen tippilaskuri, jossa on kentät laskun summalle, tippiprosentille (painikkeet 10, 15, 20 ja oma kenttä) ja henkilömäärälle. Näytä tippi ja summa henkeä kohden, päivittyen kirjoittaessani. Tee siitä siisti puhelimella.

Sopii: laskureihin, yksinkertaisiin peleihin, laskeutumissivujen luonnoksiin ja oppimiseen. Kysy "selitä tämä tiedosto kuin olisin aloittelija" ja opit nopeasti.

Missä se loppuu: taustapalvelua ei ole. Mitään syöttämääsi ei tallenneta muille käyttäjille, kirjautumista ei ole, ja jakaaksesi sen pitäisi kopioida koodi jonnekin ja isännöidä se itse. Heti kun sanot "ja tallenna se, jotta tiimini näkee sen", olet kasvanut chatin ulkopuolelle.

Kopioi ja liitä -vibe coding

Moni aloittaa pyytämällä ChatGPT:ltä koodia ja liittämällä sen tiedostoihin tietokoneella tai isännöintipalvelussa. Se toimii pienille staattisille sivuille, mutta hajoaa nopeasti. Jokainen muutos tarkoittaa oikean tiedoston etsimistä, oikean osan liittämistä ja toivomista, ettei mikään muu riippunut korvaamastasi. Jos huomaat tekeväsi tätä useammin kuin muutaman kerran, siirry jompaankumpaan seuraavista vaihtoehdoista.

Vaihtoehto 2: Codex todelliselle koodikannalle

Codex on OpenAI:n agentti ohjelmistotyöhön. Annat sille tehtävän selkokielellä, ja se työskentelee repositoriossa: lukee koodia, tekee muutoksia useisiin tiedostoihin, ajaa komentoja ja testejä ja antaa tuloksen tarkistettavaksi. OpenAI tarjoaa sitä ChatGPT:ssä, komentorivityökaluna ja editorin laajennuksena. Tarkista OpenAI:n sivuilta, mitkä paketit sisältävät sen ja mitkä ovat nykyiset rajat.

Tehtävämuotoinen kehote sopii siihen parhaiten:

Lisää tähän repoon CSV-vientipainike Tilaukset-sivulle. Sen pitää viedä juuri suodatetut tilaukset sarakkeilla päivämäärä, asiakas, summa ja tila. Lisää testi vientifunktiolle ja aja testisarja.

Sopii: kehittäjille ja teknisille perustajille, joilla on olemassa oleva projekti ja jotka haluavat agentin ottamaan kokonaisia tehtäviä listaltaan. Se toimii omalla pinollasi ja omilla käytännöillään.

Mistä vastaat itse: siitä, missä sovellus ajetaan, tietokannasta, salaisuuksista, julkaisusta ja verkkotunnuksista. Codex muuttaa koodia; se ei ole isäntä.

Codex ja Mythex yhdessä

Codex voi myös yhdistyä MCP-palvelimiin, myös Mythexin. Lisää https://mcp.mythex.ai/mcp mukautettuna MCP-palvelimena Codexiin, hyväksy käyttöoikeus Mythexissä, ja Codex voi työskennellä Mythex-projektissa sen pilvihiekkalaatikossa, kun esikatselun, tietokannan ja julkaisun hoitaa Mythex. Mythex-sovellusten rakentaminen Claudesta, Cursorista tai Codexista -kirjoitus käy läpi koko prosessin.

Vaihtoehto 3: rakenna täysi sovellus ChatGPT:stä Mythexillä

Jos haluat pysyä ChatGPT-keskustelussa ja lopulta saada todellisen, isännöidyn sovelluksen, yhdistä Mythex. Mythex toimii ChatGPT:n sisällä sovelluksena: ChatGPT puhuu Mythexin työkalujen kanssa MCP:n kautta, joka on avoin protokolla, jonka avulla avustajat voivat käyttää muualla isännöityjä työkaluja (mikä MCP on).

Kun yhteys on muodostettu, ChatGPT voi luoda Mythex-projektin, kirjoittaa koodin yksityiseen pilvihiekkalaatikkoon, käynnistää elävän esikatselun, lisätä tietokannan ja tiedostotallennuksen sekä julkaista sovelluksen julkiseen osoitteeseen. Tulokset tulevat takaisin linkin kanssa, jotta voit avata projektin Mythexissä ja seurata esikatselua.

Yhdistäminen

1. Avaa Mythexissä Tilin asetukset ja kopioi MCP-osoite.
2. Lisää ChatGPT:ssä Mythex sovellusten tai konnektoreiden asetuksista tällä osoitteella. ChatGPT:n valikot muuttuvat aika ajoin, joten seuraa OpenAI:n ohjesivua sovelluksen lisäämisestä, jos nimet eroavat.
3. Mythex-sivu avautuu: kirjaudu sisään ja valitse Salli käyttö. Mitään avainta ei tarvitse liittää.
4. Aloita keskustelu ja mainitse Mythex pyynnössäsi.

Yhdistäminen onnistuu millä tahansa Mythex-paketilla. Hiekkalaatikkotyökalut (rakentaminen, esikatselu, julkaisu) vaativat Mythex Pron (25 dollaria kuukaudessa), ja hiekkalaatikkoaika ja isännöinti tulevat Mythex-krediiteistäsi. ChatGPT-käyttösi pysyy OpenAI-paketissasi.

Ensimmäinen kehote kokeiltavaksi

Käytä Mythexiä ja rakenna minulle työhakemusten seurantasovellus. Lisään hakemuksia yrityksellä, roolilla, linkillä, hakupäivämäärällä, tilalla (haettu, haastattelu, tarjous, hylätty) ja muistiinpanoilla. Näytä taulukko tilan mukaan, jossa voin raahata kortteja, ja yksinkertainen kaavio hakemuksista viikossa. Tallenna kaikki tietokantaan ja suojaa kirjautumisella. Käynnistä esikatselu ja anna minulle linkki.

Sitten yksi muutos viestiä kohden:

Lisää Mythex-projektiin jokaiselle hakemukselle muistutuspäivämäärä ja korosta kortit, joiden muistutus on tänään tai myöhässä.

Julkaise se ja lähetä minulle elävä URL-osoite.

Sopii: ihmisille, jotka jo suunnittelevat ja ajattelevat ChatGPT:ssä ja haluavat tuloksen elävänä, datan säilyessä, oppimatta isännöintiä. Koska kyse on tavallisesta Mythex-projektista, voit jatkaa Mythex-chatissa milloin tahansa.

Mikä vaihtoehto sopii mihinkin tavoitteeseen

Kehotetavat, jotka toimivat ChatGPT:ssä

• Nimeä työkalu, kun haluat sen käytettävän. "Käytä Mythexiä…" tekee selväksi, että pyyntö koskee projektiasi, ei yleistä vastausta.
• Yksi muutos viestiä kohden. Pitkät muokkauslistat tuottavat pitkiä listoja sivuvaikutuksia.
• Pyydä suunnitelma ennen isoja vaiheita. "Ennen kuin muutat mitään, listaa mitä muutat ja odota minun OK:ta."
• Liitä tarkat virheet. Koko virheteksti on arvokkaampi kuin mikään kuvaus.
• Kysy, mitä muuttui. "Tiivistä viimeiset kolme muutostasi selkokielellä" pitää sinut perillä, kun et lue koodia.

Lisää löydät vibe coding -kehotteiden taulukosta.

Pidä se turvallisena

• Älä koskaan liitä oikeita salasanoja tai API-avaimia ChatGPT-keskusteluun. Jos sovellus tarvitsee avaimen, tallenna se projektin salaisuuksiin. Mythexin työkalut raportoivat vain salaisuuksien nimet, eivät koskaan arvoja.
• Ennen julkaisua tarkista, etteivät käyttäjät näe toistensa dataa ja ettei mikään avain päätynyt selaimessa ajettavaan koodiin. Oppaamme onko vibe coding turvallista? listaa tarkistukset kopioitavine kehotteineen.

Käytätkö myös Claudea? Rinnakkaisoppaamme kertoo vibe codingista Clauden ja Codexin kanssa. Mallikohtaisen näkymän saat ChatGPT vs Claude vs Gemini sovellusten rakentamiseen.

Kysymykset