Liigu põhisisu juurde
← Praktikast

Mis on vaibkoodimine? Oma ideest töötava rakenduseni

Lovable, Claude Code ja OpenAI Codex: kuidas alustada, mida katsetada ning millal on esimene versioon päriselt kasutatav.

Kolm veebivaadet kujutavat maketti: joonvisand, pooleliolev ülesehitus ja valmis sinise rõhuga vaade, mida ühendab sinine lint.

Vaibkoodimine ehk vibe coding tähendab laiemas kasutuses tarkvara loomist AI abil nii, et kirjeldad soovitud tulemust tavalises keeles ja AI kirjutab või muudab selle jaoks koodi. Sina ütled, mida vaja on, proovid valminud lahendust ja annad järgmise juhise. Nii saab alustada kodulehe, väikese rakenduse või oma tööriista tegemist ka ilma varasema programmeerimiskogemuseta.

Minu jaoks on selle juures kõige ägedam üsna lihtne asi. Sul on mõte, kuidas mõnd tööd lihtsamaks teha, ja saad seda nüüd päriselt katsetada. Ei pea jääma ainult mõtlema, et kunagi võiks selline tööriist olemas olla.

Aga esimene ekraan ei näita veel, kas kogu lahendus töötab. Just see vahe tasub alguses selgeks teha. Siis tead ka paremini, kas alustada Lovable’ist, Claude Code’ist või OpenAI Codexist.

Mida vaibkoodimine tähendab ja kust see nimi tuli?

Mõiste vibe coding tõi laiemalt kasutusse AI-uurija Andrej Karpathy 2. veebruaril 2025. Tema algses kirjelduses oli see üsna vaba katsetamine: annad AI-le juhiseid, vaatad tulemust ja liigud edasi, ilma et loeksid kogu tekkinud koodi läbi.

Praeguses kõnepruugis nimetatakse vaibkoodimiseks tihti peaaegu kogu vestluse kaudu AI-ga ehitamist. Seepärast võib sama sõna tähendada nii õhtust katsetust kui ka läbimõeldud arendustööd, kus muudatused vaadatakse üle ja lahendust testitakse.

Mina tahan jõuda tulemuseni, mida saan oma töös kasutada. Selleks on vaja lisaks heale juhisele aru saada, mida kontrollida ja millal spetsialist appi võtta. Koodi käsitsi kirjutamine võib väheneda, aga oma vajaduse tundmine jääb ikka minu ülesandeks.

Näiteks: oma teenuse hinnakalkulaator

Võtame ühe näidisülesande. Teenusepakkujal tuleb korduvalt vastata küsimusele, kui palju mingi töö maksab. Hind sõltub kogusest ja valitud lisadest. Lihtsa kalkulaatori abil saaks klient ligikaudse summa ise läbi proovida.

Esimese versiooni jaoks ei ole vaja kohe kasutajakontosid, makseid ja kogu ettevõtte juhtimistarkvara. Piisab ühest vaatest, kus saab sisestada koguse, valida lisatöö ning näha arvutuskäiku. Alustuseks kasutaksin väljamõeldud hindu, et katset ei kasutataks kogemata kliendipakkumisena.

AI-le võiks anda näiteks sellise juhise:

Tee eestikeelne teenuse hinnakalkulaatori prototüüp. Kasutaja sisestab koguse ja valib soovi korral lisatöö. Näidishind on 20 eurot ühiku kohta, lisatöö maksab kokku 15 eurot. Näita kogusummat ja selgita arvutuskäiku. Kogus peab olema positiivne täisarv. Tühja või vigase sisendi korral näita selget veateadet. Leht peab olema telefonis mugav. Ära lisa makseid, kasutajakontosid ega andmete salvestamist. Märgi nähtavalt, et hinnad on näitlikud.

Sellise juhisega on juba võimalik tulemust hinnata. Kogus kolm peaks andma 60 eurot ja koos lisatööga 75 eurot. Prooviksin ka nulli, negatiivset arvu, komaga arvu ja tühja välja. Kui AI teeks kena nupu, aga kalkulaator annaks vale summa, saaksin talle kohe näidata, mida parandada.

See on näide, mitte lubadus, et iga tööriist teeb selle ühe korraga veatult valmis. Mõte on selles, et ülesanne on piisavalt väike ja selle õiget vastust oskan ise kontrollida.

Vaibkoodimise töö käik: kirjelda vajadust, loo esimene versioon, proovi ja paranda. Avaldamisele eelneb kontroll.
Esimese versiooni järel algab katsetamine. Parandusi võib olla vaja mitu korda; avaldamisele eelneb tulemuse kontroll.

Kellele vaibkoodimisest kasu on?

Väikeettevõtja saab proovida teenuselehte, hinnakalkulaatorit või lihtsat päringuvormi. Turundaja saab ehitada kampaania maandumislehe või interaktiivse tootevaliku. E-poe haldaja võib vajada tööriista, mis leiab tooteandmetest puuduvaid välju ja aitab impordifaili ette valmistada.

Projektijuht või kontoritiim saab katsetada vaadet, mis koondab pooleliolevad tööd ja tähtajad. Koolitaja võib teha harjutuse, kus õppija sisestab vastuse ja näeb tagasisidet. Kõigi nende puhul tasub alustada ühest kindlast tegevusest, mille praegust käiku sa hästi tunned.

Olen siin varem kirjutanud, kuidas tegime ühest pildist Codexiga 3D-duširuumi. See on üks konkreetne näide, kui kiiresti saab ideest vaadatava ja proovitava lahenduseni jõuda. Sellest ei järeldu, et iga veebirakendus valmib sama ajaga. Kalkulaatoril, 3D-vaatel ja kliendiandmeid hoidval süsteemil on väga erinevad nõuded.

Mis vahe on vaibkoodimisel ja tavalisel koodimisel?

Kõige nähtavam vahe on selles, kuidas esimene versioon sünnib. Tavapärases programmeerimises kirjutab inimene suurema osa koodist ise. AI-ga ehitades kirjeldab ta soovitud käitumist ja laseb AI-l lahenduse teostada. Projektides need tööviisid sageli segunevad.

Telefonis saad tabelit küljele kerida.

Tööviis Kuidas töö käib? Mida peab inimene oskama?
Tavapärane programmeerimine Inimene kavandab ja kirjutab koodi, kasutades vajadusel abivahendeid. Koodi mõistmist, lahenduse kavandamist ja kontrollimist.
Vaba vaibkoodimine Inimene kirjeldab tulemust ning proovib AI tehtud versioone, süvenemata kogu koodi. Vajaduse selgitamist ja nähtava tulemuse hindamist; keerulisema lahenduse kontroll võib jääda puudulikuks.
AI-toega arendus koos kontrolliga AI teeb osa teostusest, inimene suunab ning kontrollib koodi, käitumist ja muudatuste mõju. Ülesande tundmist, testimist ja töö keerukusele vastavat tehnilist ülevaatust.

See on tööjaotuse lihtsustus, mitte kolm rangelt eraldatud ametit. Ka kogenud arendaja võib paluda AI-l suurema muudatuse teha. Oluline on, kuidas otsustatakse, et tulemus on valmis.

No-code tähendab tavaliselt lahenduse kokkupanemist valmis plokkidest ja seadistustest. Vaibkoodimise tööriist võib sinu eest luua lähtekoodi ka siis, kui sa seda ise ei kirjuta. Selle olemasolu muutub oluliseks siis, kui tahad lahendust edasi arendada või teisele tegijale üle anda.

Lovable, Claude Code või Codex: millest alustada?

Kontrollisin allpool toodud kasutusviise 13. oktoobril 2026 tootjate dokumentatsioonist. Võimalused sõltuvad paketist, ligipääsudest ja valitud töökeskkonnast. Siin võrdlen tööviise, sest need aitavad algajal valida rohkem kui pikk mudelinimede loetelu.

Lovable: esimene veebilahendus brauseris

Lovable sobib lähtekohaks, kui tahad kirjeldada veebilehte või veebirakendust ja näha samas keskkonnas selle esimest versiooni. Brauseris alustamiseks ei pea arendustööriistu arvutisse paigaldama. Olemas on ka arvutirakendus, nii et brauser pole ainus kasutusviis.

Näidiskalkulaatori, teenuselehe või väikese veebitööriista puhul on mugav, kui vestlus ja tulemus on kõrvuti. Annad tagasisidet selle kohta, mida näed: väli on liiga väike, tulemus on segane või telefonis jääb nupp ekraani serva taha.

Lovable’i avaldamise juhend käsitleb veebirakenduse avaldamist. Veebis töötav lahendus ei tähenda automaatselt eraldi Androidi või iPhone’i rakendust rakendusepoes.

Claude Code: töö olemasoleva projekti ja koodiga

Claude Code on Anthropici tööriist, mis saab projekti koodi uurida ja muuta ning kasutada arendustööks vajalikke käske. Seda saab kasutada terminalis, koodiredaktori kaudu, arvutirakenduses ja veebis. Terminal on tekstikäskude aken, aga see ei ole enam ainus viis Claude Code’iga töötada.

Seda vaataksin siis, kui töö käib juba olemasolevas projektis või tahan teostust lähemalt juhtida. Sellega saab alustada ka täiesti uut projekti. Näiteks võib järgmine ülesanne olla kalkulaatori arvutusloogika muutmine ja kontrollimine, et muudatus ei rikuks teisi vaateid. Alustamise lihtsus sõltub ka projektist: valmis töökeskkond ja täiesti seadistamata arvuti on kaks eri olukorda.

OpenAI Codex: vestlusest projekti failide ja kontrollideni

Codex on OpenAI tööriist, mis saab töötada projekti failidega, teha muudatusi ja käivitada kontrolle. Kasutada saab arvutirakenduse Codexi vaadet, pilvekeskkonda, terminalitööriista või koodiredaktori laiendust.

Minu enda näited siin ajakirjas on seotud just Codexiga. Lisaks 3D-vaatele olen kirjutanud sellest, kuidas Codex aitas kolida kaheksa veebilehte teise majutusse. AI-ga tehtav projektitöö võib ulatuda uue lehe loomisest olemasoleva lahenduse muutmise ja hoolduseni.

Codexi ja Claude Code’i puhul ei tähenda ühe ülesande valmimine veel, et rakendus on internetis avaldatud. Selleks on vaja sobivat majutust ja projekti järgi seadistatud avaldamisviisi. Samuti tuleb eristada oma arvutis ja pilves töötavat ülesannet.

Telefonis saad tabelit küljele kerida.

Sinu olukord Mõistlik lähtekoht
Tahad esimest lihtsat veebilehte või veebitööriista ja kohe tulemust näha. Vaata Lovable’i brauserikeskkonda.
Tahad luua uue projekti või muuta olemasoleva faile, loogikat ja teste. Vaata Claude Code’i või Codexit.
Tahad ehitada AI abil kodulehe, kuid ei oska veel ülesannet täpselt kirjeldada. Alusta kasutaja ja ühe põhitegevuse kirjapanekust. Tööriista valik tuleb selle järel.

Ilus nupp ei tõesta veel, et rakendus töötab

Kalkulaatori näites näen vastuse õigsust üsna lihtsalt. Päringuvormiga on juba teine lugu. Ekraan võib öelda „Saadetud”, aga kas päring jõudis ka õigesse postkasti? Kas see sisaldas kõiki välju? Mida näeb kasutaja siis, kui saatmine ebaõnnestub?

Kasutajakontode korral tuleb omakorda kontrollida, et üks klient ei näeks teise kliendi andmeid. Seda ei saa järeldada ainult sisselogimisnupu olemasolust. Kui mängu tulevad kliendiandmed, maksed või ärile oluline töö, tasub enne kasutuselevõttu kaasata keegi, kes oskab lahendust tehniliselt üle vaadata.

Rakendusel on nähtav osa ja taustal toimiv osa. Lisaks nupule ning kujundusele tuleb kontrollida andmeid, õigusi ja vigade käsitlemist.
Kujunduse kõrval tuleb kontrollida ka seda, mis juhtub andmetega ja kas põhitegevus jõuab lõpuni.

Oma esimese töö juures prooviksin vähemalt tavalist kasutust, tühja ja vigast sisendit ning telefoni vaadet. Samuti vaataksin, mis juhtub lehe värskendamisel. Kas andmed peavad alles jääma või ongi see ühekordne arvutus? See peab olema teadlik valik. Ka Claude Code’i tööjuhend ja Codexi soovitused rõhutavad konkreetset kontrollitavat tulemust ning testimist.

Kui rakendus hakkab kasutama poe, kalendri või mõne muu teenuse andmeid, lisanduvad ühendused ja ligipääsuõigused. Ühest sellisest ühendamisviisist räägin loos „Mis on MCP-ühendus?”. Iga vaibkooditud rakendus ei vaja MCP-d.

Mis saab pärast esimest versiooni?

Kui tööriist hakkab päriselt kasutusse minema, paneksin kirja, kus on selle lähtekood, kuidas saab muudatuse tagasi võtta ja kelle käes on vajalikud kontod. Siis ei jää kogu lahendus ainult ühe vestluse sisse.

Arvestada tuleb ka kuludega. AI tööriista tellimus või kasutusmaht, veebimajutus, domeen, andmebaas ja välised teenused võivad olla eraldi kuluread. Mõni väike katsetus mahub tasuta võimaluste sisse, teine vajab tasulisi teenuseid juba algusest peale. Oma hinna saab teada konkreetse lahenduse järgi, mitte sõnast „vaibkoodimine”.

Minu jaoks on hea esimene projekt selline, mille saan järgmisel päeval uuesti avada, läbi proovida ja edasi muuta. Just nii hakkab katsetusest tasapisi oma töövahend saama.

Mida vaibkoodimise koolituselt oodata?

Vaibkoodimise koolitusest on kõige rohkem kasu siis, kui saad kaasa töövõtte, mida oskad hiljem oma ülesandega korrata. Koolitaja ekraanil valminud ilus leht üksi sellest veel märku ei anna.

Minu Lovable’i ja veebitööriistade koolituses alustame lehe või tööriista eesmärgist, teeme esimese versiooni ja proovime kasutaja tegevuse läbi. Codexi ja korduva töö koolitus sobib ka failide, tabelite ning piiritletud veebimuudatuste jaoks.

Tööriista valime ülesande järgi. Harjutusse kuuluvad nii ettevalmistus, parandamine kui ka tulemuse kontroll. Ma ei taha, et sa oskaksid ainult üht ette näidatud lauset kopeerida. Sa pead oskama ise edasi minna.

Korduma kippuvad küsimused

Kas vibe coding, vibe koodimine ja vibekoodimine tähendavad sama?

Enamasti kasutatakse neid sama mõiste kohta. Selles loos kasutan eestikeelset nimetust vaibkoodimine ning ingliskeelset terminit vibe coding. Tähtis on täpsustada, kas jutt käib vabast katsetamisest või kontrollitud AI-toega arendusest.

Kas vaibkoodimisega saab alustada ilma koodioskuseta?

Jah, lihtsa prototüübi tegemist saab alustada ilma programmeerimiskogemuseta. Sul peab olema arusaam soovitud tulemusest ning võimalus seda kontrollida. Keerukama rakenduse puhul kasvab ka tehnilise abi vajadus.

Kas vaibkoodimine on ainult kodulehtede tegemine?

Ei. AI abil saab luua ka kalkulaatoreid, andmete töötlemise tööriistu, sisemisi vaateid ja muid rakendusi. Võimalused sõltuvad valitud keskkonnast ning sellest, milliseid andmeid ja ühendusi töö vajab.

Kas Lovable, Claude Code ja Codex asendavad arendaja?

Need võivad vähendada käsitsi tehtavat teostust ja aidata väikese ülesande ise lahendada. Keeruka süsteemi kavandamine, kontrollimine ja hooldamine vajavad siiski vastavaid oskusi. Vajadus arendaja järele sõltub projekti nõuetest, mitte ainult tööriista nimest.

Kui sul on mõttes üks leht, kalkulaator või korduv töö, mida tahaksid lihtsamaks teha, siis sealt ongi hea alustada. Kirjelda oma ideed ja küsi AI-koolitust oma tiimile. Vaatame koos, millise esimese sammu saab päriselt ära teha.