Vibe coding ar ChatGPT: canvas, Codex un lietotņu veidošana no ChatGPT

Vibe coding ar ChatGPT var veikt trīs veidos. Lūdz mazu lietotni tērzēšanā un priekšskatī to canvas logā; dod uzdevumus reālai kodu bāzei Codex, OpenAI kodēšanas aģentam; vai pievieno AI lietotņu veidotāju, piemēram, Mythex, lai ChatGPT varētu veidot, hostēt un publicēt pilnu lietotni ar datubāzi. Pirmais ir ātrākais vienlapas rīkam, otrais der izstrādātājiem, bet trešais dod tiešraides lietotni ar pieteikšanos un datiem, neatstājot ChatGPT.

Lūk, kā katrs darbojas, uzvedne katram un kur katrs apstājas. Ja vēlies fonu par terminu, izlasi kas ir vibe coding.

1. variants: ChatGPT tērzēšana un canvas

Vienkāršam rīkam vienkārši pajautā. ChatGPT raksta kodu, un canvas logā tas var parādīt vienkāršas HTML un React lapas, lai vari pārklikšķināt un lūgt izmaiņas.

Uzraksti vienas lapas dzeramnaudas kalkulatoru ar laukiem rēķina summai, dzeramnaudas procentam (pogas 10, 15, 20 un brīvs lauks) un cilvēku skaitam. Rādi dzeramnaudu un summu uz vienu cilvēku, kas atjaunojas, kamēr rakstu. Lai izskatās tīri tālrunī.

Der: kalkulatoriem, vienkāršām spēlēm, nolaišanās lapu melnrakstiem un mācīšanās. Pajautā „paskaidro šo failu, it kā es nebūtu programmējis“, un ātri iemācīsies.

Kur apstājas: tur nav backend. Nekas, ko ieraksti, nesaglabājas citiem lietotājiem, nav pieteikšanās, un, lai to kopīgotu, kodu vajadzētu nokopēt kaut kur un hostēt pašam. Brīdī, kad saki „un saglabā to, lai mana komanda to redz“, tu esi izaudzis tērzēšanu.

Nokopē un ielīmē vibe coding

Daudzi sāk, lūdzot ChatGPT kodu un ielīmējot to failos savā datorā vai hostēšanas pakalpojumā. Tas darbojas maziem statiskiem vietniem, bet ātri sabrūk. Katra izmaiņa nozīmē atrast pareizo failu, ielīmēt pareizo daļu un cerēt, ka nekas cits nebija atkarīgs no tā, ko nomainīji. Ja pieķer sevi, ka to dari vairāk nekā dažas reizes, pārej uz vienu no nākamajām divām iespējām.

2. variants: Codex reālai kodu bāzei

Codex ir OpenAI aģents programmatūras darbam. Tam uzdod uzdevumu vienkāršā valodā, un tas strādā ar repozitoriju: lasa kodu, veic izmaiņas dažādos failos, palaiž komandas un testus un dod rezultātu pārskatīšanai. OpenAI to piedāvā ChatGPT, kā komandrindas rīku un kā redaktora paplašinājumu; pārbaudi OpenAI vietni, kuros plānos tas ir iekļauts un kādi ir pašreizējie limiti.

Uzdevuma tipa uzvedne tam der vislabāk:

Šajā repo pievieno pogu CSV eksportam lapā Pasūtījumi. Tā eksportē šobrīd filtrētos pasūtījumus ar kolonnām datums, klients, summa un statuss. Pievieno testu eksporta funkcijai un palaid testu komplektu.

Der: izstrādātājiem un tehniskiem dibinātājiem ar esošu projektu, kuri vēlas, lai aģents uzņemtos veselus uzdevumus. Tas strādā ar tavu steku un tavām konvencijām.

Ko joprojām risini pats: kur lietotne darbojas, datubāzi, noslēpumus, izvietošanu un domēnus. Codex maina kodu; tas nav hostings.

Codex un Mythex kopā

Codex var pieslēgties arī MCP serveriem, tostarp Mythex. Pievieno https://mcp.mythex.ai/mcp kā pielāgotu MCP serveri Codex, apstiprini piekļuvi Mythex, un Codex var strādāt ar Mythex projektu tā mākoņa smilškastē, kamēr priekšskatījumu, datubāzi un publicēšanu apstrādā Mythex. Mūsu ieraksts par Mythex lietotņu veidošanu no Claude, Cursor vai Codex to izskaidro soli pa solim.

3. variants: pilna lietotne no ChatGPT ar Mythex

Ja vēlies palikt ChatGPT sarunā un beigās iegūt reālu, hostētu lietotni, pievieno Mythex. Mythex darbojas ChatGPT iekšienē kā lietotne: ChatGPT sarunājas ar Mythex rīkiem caur MCP, atvērtu protokolu, kas ļauj asistentiem izmantot citur hostētus rīkus (kas ir MCP).

Kad tas ir pievienots, ChatGPT var izveidot Mythex projektu, uzrakstīt kodu privātā mākoņa smilškastē, palaist tiešraides priekšskatījumu, pievienot datubāzi un failu krātuvi un publicēt lietotni publiskā URL. Rezultāti atnāk ar saiti, lai atvērtu projektu Mythex un noskatītos priekšskatījumu.

Kā pievienot

1. Mythex atver Konta iestatījumus un nokopē MCP adresi.
2. ChatGPT pievieno Mythex no lietotņu vai savienotāju iestatījumiem, izmantojot šo adresi. ChatGPT izvēlnes laiku pa laikam mainās, tāpēc, ja nosaukumi atšķiras, seko OpenAI palīdzības lapai par lietotnes pievienošanu.
3. Atveras Mythex lapa: pierakstās un izvēlies Allow access. Nav atslēgas, ko ielīmēt.
4. Sāc sarunu un pieminē Mythex savā pieprasījumā.

Savienojums darbojas jebkurā Mythex plānā. Smilškastes rīkiem — veidošanai, priekšskatījumam, publicēšanai — vajag Mythex Pro ($25 mēnesī), un smilškastes laiks un hostings nāk no tavu Mythex kredītu. Tavs ChatGPT lietojums paliek tavā OpenAI plānā.

Pirmā uzvedne, ko izmēģināt

Izmanto Mythex, lai izveidotu manu darba pieteikumu izsekotāju. Pievienoju pieteikumus ar uzņēmumu, amatu, saiti, datumu, kad pieteicos, statusu (pieteikts, intervija, piedāvājums, noraidīts) un piezīmēm. Rādi dēli pēc statusa, kur varu velkt kartītes, un vienkāršu diagrammu ar pieteikumiem nedēļā. Saglabā visu datubāzē un aizsargā to ar pieteikšanos. Palaid priekšskatījumu un dod man saiti.

Tad pa vienai izmaiņai ziņā:

Mythex projektā pievieno katram pieteikumam atgādinājuma datumu un izceli kartītes, kuru atgādinājums ir šodien vai nokavēts.

Publicē to un nosūti man tiešraides URL.

Der: cilvēkiem, kas jau plāno un domā ChatGPT, un vēlas rezultātu tiešraidē ar datiem, kas saglabājas, bez hostinga apguves. Tā kā tas ir parasts Mythex projekts, vari jebkurā brīdī turpināt Mythex tērzēšanā.

Kurš variants der tam, ko veido

Uzvedņu paradumi, kas darbojas ChatGPT

• Nosauc rīku, kad vēlies, lai to izmanto. „Izmanto Mythex, lai…“ skaidri norāda, ka pieprasījums attiecas uz tavu projektu, nevis uz vispārīgu atbildi.
• Viena izmaiņa katrā ziņā. Gari rediģēšanas saraksti rada garus blakusefektu sarakstus.
• Pirms lielākiem soļiem lūdz plānu. „Pirms ko maini, uzskaiti, ko mainīsi, un gaidi manu apstiprinājumu.“
• Ielīmē precīzas kļūdas. Pilns kļūdas teksts ir vērtīgāks par jebkuru aprakstu.
• Pajautā, kas mainījās. „Apkopo vienkāršos vārdos savas pēdējās trīs izmaiņas“ tevi orientē, kad kodu nelasi.

Vairāk ir mūsu vibe coding uzvedņu cheat sheet.

Turi drošu

• Nekad neielīmē reālas paroles vai API atslēgas ChatGPT sarunā. Ja tavai lietotnei vajag atslēgu, glabā to projekta noslēpumos. Mythex rīki vienmēr ziņo tikai noslēpumu nosaukumus, nekad vērtības.
• Pirms publicēšanas pārbaudi, ka lietotāji nevar redzēt citu datus un ka neviena atslēga nav nokļuvusi kodā, kas darbojas pārlūkprogrammā. Mūsu ceļvedis vai vibe coding ir drošs? uzskaita pārbaudes ar uzvednēm, ko vari ielīmēt.

Vai izmanto arī Claude? Papildu ceļvedis aptver vibe coding ar Claude un Claude Code. Modeļu salīdzinājumam skat. ChatGPT vs Claude vs Gemini lietotņu veidošanai.

Jautājumi