Vibe coding pradedantiesiems: kaip pradėti žingsnis po žingsnio

Vibe coding pradedantiesiems susideda iš penkių žingsnių: pasirinkite įrankį, kuris paleidžia programėlę už jus, aprašykite vieną nedidelę programėlę paprastais žodžiais, išbandykite ją kaip naudotojas, prašykite po vieną pataisymą ir paskelbkite, kai veikia. Programuoti mokėti nereikia. Šiame vadove kiekvienas žingsnis nagrinėjamas su tikru pirmuoju projektu, tiksliomis rašomomis užklausomis ir klaidomis, kurias beveik kiekvienas pradedantysis padaro pirmą savaitę.

Jei norite iš pradžių susipažinti su pagrindais – iš kur atsirado terminas ir kodėl dėl jo ginčijamasi – perskaitykite kas yra vibe coding. Šis puslapis – praktinė pusė.

Ko reikia prieš pradedant

Mažiau, nei manote:

• Naršyklė ir paskyra vibe coding įrankyje. Pradedantiesiems verta rinktis DI programėlių kūrėją, kuris rašo kodą, paleidžia ir talpina jį, o ne kodavimo asistentą, kuris reikalauja pačiam tvarkyti failus ir serverius.
• Viena maža idėja. Ne jūsų startuolis. Įrankis vienam žmogui (jums) su vienu ar dviem ekranais.
• Valanda ar dvi be pertraukų. Pirmas seansas išmoko jus ritmo.

To viso. Jokių diegimų, programavimo kurso ar terminalo.

Kurį įrankį rinktis pradedančiajam

Įrankis svarbiau mažiau nei įpročiai, bet jis turėtų atlikti tris dalykus: rodyti gyvą peržiūrą, kai kuria, leisti atšaukti blogą pakeitimą ir publikuoti į nuorodą, kuria galima dalytis. Mūsų geriausių vibe coding įrankių palyginimas sąžiningai apžvelgia pagrindines galimybes. Mythex yra vienas iš jų: aprašote programėlę pokalbyje, jis sukuria tikrą pilną programėlę su gyva peržiūra, prideda duomenų bazę, kai programėlei reikia ką nors prisiminti, ir publikuoja vienu paspaudimu. Nemokamas planas nereikalauja kortelės.

1 žingsnis: pasirinkite pirmą projektą, kurį galite baigti

Pradedantieji dažniausiai žlunga, nes ima per daug. Geras pirmas projektas:

• Yra naudingas jums asmeniškai, todėl jį tinkamai išbandysite.
• Telpa į vieną ar du ekranus.
• Saugo nedidelį kiekį jūsų paties duomenų.
• Neturi mokėjimų, komandų ir jautrių asmens duomenų.

Geri pirmieji projektai:

Toliau šiame vadove naudosime skaitymo sąrašą.

2 žingsnis: parašykite pirmą užklausą

Jūsų pirmoji žinutė nustato visko pagrindą. Nurodykite, kam ji skirta, ką daro ir kaip turi atrodyti. Laikykitės trumpos pastraipos.

Silpna pirmoji užklausa:

Padaryk man knygų programėlę.

Gera pirmoji užklausa:

Sukurk man skaitymo sąrašo programėlę. Galiu pridėti knygą su pavadinimu, autoriumi ir būsena (noriu perskaityti, skaitau, perskaičiau). Rodyk knygas kaip kortelių grupes pagal būseną, naujausios pirmos. Galiu pakeisti knygos būseną arba ją ištrinti. Padaryk paprastai ir švariai: balta fonas, viena akcento spalva, veikia telefone. Išsaugok knygas, kad jos išliktų po perkrovimo.

Pažiūrėkite, ką daro antroji. Ji išvardija laukus, veiksmus, išdėstymą ir vieną taisyklę, kurios pradedantieji visada pamiršta: išsaugoti duomenis taip, kad jie išliktų po perkrovimo. Be tos eilutės daugelis įrankių sukuria puslapį, kuris atrodo baigtas, bet pamiršta viską perkrovus.

Daugiau pradžios idėjų rasite mūsų vibe coding užklausų špargalkėje.

Prašykite plano, kai nesate tikri

Jei nesate tikri, kaip ką nors aprašyti, paprašykite DI suplanuoti prieš kuriant:

Prieš ką nors kurdamas, paaiškink paprastais žodžiais, kokius ekranus sukursi, kokius duomenis saugosi ir ką turiu nuspręsti.

Mythex tam skirtas Plan režimas: agentas išdėsto požiūrį, o jūs patvirtinate jį prieš keičiant bet kokius failus.

3 žingsnis: išbandykite kaip naudotojas, o ne kaip tas, kuris kūrė

Kai pasirodo peržiūra, nesižavėkite ja tiesiog. Naudokite ją:

1. Pridėkite tris knygas, įskaitant vieną su labai ilgu pavadinimu.
2. Pakeiskite būseną. Ar kortelė pereina į tinkamą grupę?
3. Perkraukite puslapį. Ar knygos vis dar ten?
4. Pabandykite pridėti knygą be pavadinimo. Kas nutinka?
5. Atidarykite peržiūrą telefone arba susiaurinkite naršyklės langą.

Užsirašykite, kas netinka paprastais žodžiais. „Ilgas pavadinimas sugadina kortelės išdėstymą“ – puikus klaidos aprašymas. „Neveikia“ – ne.

4 žingsnis: taisykite po vieną dalyką vienoje žinutėje

Tai įprotis, kuris atskiria tuos, kas baigia, nuo tų, kas meta. Siųskite vieną pakeitimą, patikrinkite, tada siųskite kitą.

Ilgas pavadinimas „Autostopininko vadovas į Galaktiką: visa trilogija“ išeina už kortelės ribų. Ilgus pavadinimus perkelk į dvi eilutes, o likusią dalį nupjauk simboliu „…“.

Tada:

Jei pateiksiu formą su tuščiu pavadinimu, nieko neįvyksta ir nėra jokio pranešimo. Rodyk „Įveskite pavadinimą“ po lauku ir neįrašyk knygos.

Kodėl po vieną? Kai vienoje žinutėje prašote penkių pakeitimų, DI gali gerai padaryti keturis, o tyliai sugadinti kitą, ir nežinosite, kuris pakeitimas tai padarė. Mažos eigos taip pat daro atšaukimą naudingą: jei vienas pakeitimas nepavyksta, grįžkite prie versijos prieš jį ir pabandykite aiškesnę užklausą.

Kai kas nors sugenda

Taip nutinka. Kiekvienas kūrėjas susiduria su klaidomis. Nukopijuokite tikslų klaidos tekstą arba aprašykite, ką paspaudėte ir ką pamatėte, ir įklijuokite atgal:

Kai paspaudžiu Ištrinti ant kortelės, matau „Kažkas nutiko“ ir knyga lieka. Sužinok, kodėl taip yra, ir ištaisyk. Pasakyk, kokia buvo priežastis.

Paprašyti priežasties svarbu. Tai moko, kaip veikia programėlės, ir neleidžia DI spėlioti. Mūsų vadove kaip ištaisyti DI sukurtą programėlę nagrinėjama giliau.

5 žingsnis: padarykite ją savo

Kai veikia, tobulinkite tais pačiais mažais žingsniais:

• „Pridėk 1–5 žvaigždžių įvertinimą, kuris rodomas perskaitytoms knygoms.“
• „Pridėk paieškos lauką virš kortelių, kuris filtruoja pagal pavadinimą ar autorių.“
• „Naudok šiltą išblukusios baltos fono spalvą ir tamsiai žalią akcentą.“
• „Pridėk skaitiklį viršuje: šiais metais perskaitytos knygos.“

Kiekvienas – vienas, išbandomas pakeitimas.

6 žingsnis: paskelbkite ir pasidalykite

Kai programėlė daro tai, ko reikia, paskelbkite ją. Mythex tai vienas paspaudimas, o gausite viešą URL, kurį galite atidaryti bet kuriame įrenginyje arba nusiųsti draugui. Jei vėliau norėsite savo domeno, tai Pro funkcija, o vadove kaip prijungti pasirinktinį domeną viskas paaiškinta.

Prieš dalindamiesi ja su kuo nors daugiau nei keliais draugais, perskaitykite ar vibe coding saugu?. Asmeniniam skaitymo sąrašui rizika maža. Programėlei, kurioje svetimi žmonės registruojasi ir saugo duomenis, prieš tai reikia atlikti patikrinimus.

Pradedančiųjų klaidos, kurių reikia vengti

• Prašyti visko vienu metu. „Sukurk man Goodreads“ duoda įspūdingai atrodantį, bet blogai veikiantį rezultatą. Pradėkite nuo mažiausios naudingos versijos.
• Neišbandyti perkrovimo. Duomenys, dingstantys perkrovus, yra dažniausia pradedančiųjų staigmena.
• Kiekvieną kartą iš naujo rašyti užklausą. Pasakykite, ką keisti ir ką palikti: „Palik išdėstymą, keisk tik spalvas.“
• Tikėti „ištaisyta“. DI dažnai sako, kad klaida ištaisyta. Kiekvieną kartą patikrinkite patys.
• Įklijuoti slaptažodžius ar API raktus į pokalbį. Jei programėlei reikia rakto išorinei paslaugai, įdėkite jį į įrankio paslapčių nustatymus, o ne į žinutę ar kodą. Žr. kaip saugiai laikyti API raktus.
• Mesti po pirmos klaidos. Klaidos yra normalu. Įklijuokite jas atgal ir paprašykite priežasties.

Ko mokytis eigoje

Kursų nereikia, bet kelios sąvokos padarys kiekvieną užklausą tikslesnę. Paprašykite DI jas paaiškinti jūsų programėlės kontekste:

• Frontend ir backend: kas veikia naudotojo naršyklėje, o kas serveryje. (Frontend vs backend)
• Duomenų bazė: kur programėlė laiko savo duomenis. (Kas yra duomenų bazė?)
• Autentifikacija: kaip programėlė žino, kas yra žmogus.
• Paslaptys: privatūs raktai, kuriuos programėlė naudoja ir kurių lankytojai niekada neturi matyti.

Gera užklausa šiam tikslui: „Paaiškink, kaip mano skaitymo sąrašas išsaugo knygą – nuo paspaudimo ant Pridėti iki duomenų išsaugojimo. Naudok paprastus žodžius ir nurodyk tikrus failus.“

Antras ir trečias projektai

Baigę pirmą programėlę, pasirinkite šiek tiek sudėtingesnį dalyką. Įpročių sekiklis su savaitės diagrama. Rezervavimo forma, kuri atsiunčia jums laišką. Nedidelis skydelis, skaitantis iš Google Sheets. Mūsų vibe coding pavyzdžiai rodo tikrus programėlių tipus su užklausomis ir tuo, kas nutiko, o kaip sukurti programėlę su vibe coding veda didesnį projektą nuo idėjos iki paskelbtos programėlės su naudotojais.

Kai būsite pasiruošę pradėti, atidarykite DI programėlių kūrėją, įklijuokite aukščiau pateiktą skaitymo sąrašo užklausą ir pakeiskite ją pagal savo idėją.

Klausimai