Vibe coding for nybegynnere: slik kommer du i gang, steg for steg

Vibe coding for nybegynnere handler om fem steg: velg et verktøy som kjører appen for deg, beskriv én liten app med vanlige ord, prøv den som bruker, be om én rettelse om gangen, og publiser når den fungerer. Du trenger ikke kunne programmere. Denne veiledningen går gjennom hvert steg med et ekte første prosjekt, de nøyaktige promptene du skriver, og feilene nesten alle nybegynnere gjør i sin første uke.

Hvis du vil ha bakgrunnen først (hvor begrepet kommer fra, og hvorfor folk er uenige om det), les hva vibe coding er. Denne siden handler om den praktiske delen.

Det du trenger før du starter

Mindre enn du tror:

• En nettleser og en konto hos et vibe coding-verktøy. Nybegynnere bør velge en KI-appbygger, som skriver koden, kjører den og hoster den, i stedet for en kodeassistent som forventer at du selv håndterer filer og servere.
• Én liten idé. Ikke startup-en din. Et verktøy for én person (deg) med en eller to skjermer.
• En time eller to uten avbrudd. Den første økten lærer deg rytmen.

Det er alt. Ingen installasjoner, ingen programmeringskurs, ingen terminal.

Hvilket verktøy du bør velge som nybegynner

Verktøyet betyr mindre enn vanene, men det bør gjøre tre ting: vise en levende forhåndsvisning mens det bygger, la deg angre en dårlig endring, og publisere til en lenke du kan dele. Vår sammenligning av de beste vibe coding-verktøyene dekker hovedalternativene ærlig. Mythex er ett av dem: du beskriver appen i chatten, den bygger en ekte fullstack-app med en levende forhåndsvisning, legger til en database når appen trenger å huske ting, og publiserer med ett klikk. Gratisplanen krever ikke kort.

Steg 1: Velg et første prosjekt du kan fullføre

Nybegynnere feiler vanligvis ved å sikte for høyt. Et godt første prosjekt:

• Er nyttig for deg personlig, slik at du tester det ordentlig.
• Får plass på én eller to skjermer.
• Lagrer en liten mengde av dine egne data.
• Har ingen betalinger, ingen team og ingen sensitive personopplysninger.

Gode første prosjekter:

Vi bruker leselisten i resten av denne veiledningen.

Steg 2: Skriv første prompt

Den første meldingen setter formen på alt. Si hvem den er for, hva den gjør og hvordan den skal se ut. Hold det til ett kort avsnitt.

En svak første prompt:

Lag en bokapp til meg.

En god første prompt:

Bygg en leseliste-app for meg. Jeg kan legge til en bok med tittel, forfatter og status (vil lese, leser nå, ferdig). Vis bøkene som kort gruppert etter status, med de nyeste først. Jeg kan endre statusen til en bok eller slette den. Hold det rent og enkelt: hvit bakgrunn, én aksentfarge, og den fungerer på telefonen min. Lagre bøkene slik at de fortsatt er der etter at jeg oppdaterer siden.

Legg merke til hva den andre gjør. Den lister feltene, handlingene, layouten og én regel nybegynnere alltid glemmer: lagre dataene slik at de overlever en oppdatering. Uten den linjen bygger mange verktøy en side som ser ferdig ut, men som glemmer alt når du laster den på nytt.

For flere startpunkter, se vår jukseark med prompter for vibe coding.

Be om en plan når du er usikker

Hvis du ikke er sikker på hvordan du skal beskrive noe, be KI-en planlegge før den bygger:

Før du bygger noe, fortell meg med vanlige ord hvilke skjermer du lager, hvilke data du lagrer, og alt du trenger at jeg bestemmer.

I Mythex er det dette Plan-modusen er til for: agenten legger frem tilnærmingen, og du godkjenner den før noen filer endres.

Steg 3: Test det som en bruker, ikke som personen som bygde det

Når forhåndsvisningen dukker opp, ikke bare beundre den. Bruk den:

1. Legg til tre bøker, inkludert en med en veldig lang tittel.
2. Endre en status. Havner kortet i riktig gruppe?
3. Oppdater siden. Er bøkene fortsatt der?
4. Prøv å legge til en bok med tom tittel. Hva skjer?
5. Åpne forhåndsvisningen på telefonen din, eller gjør nettleservinduet smalt.

Skriv ned hva som er galt, med vanlige ord. «Den lange tittelen ødelegger kortlayouten» er en perfekt feilrapport. «Det er ødelagt» er ikke det.

Steg 4: Rett én ting per melding

Dette er vanen som skiller folk som fullfører fra folk som gir opp. Send én endring, sjekk den, og send deretter neste.

Den lange tittelen «The Hitchhiker's Guide to the Galaxy: The Complete Trilogy» flyter ut av kortet. Bryt lange titler over to linjer og kutt resten med «…».

Deretter:

Hvis jeg sender skjemaet med tom tittel, skjer ingenting, og det vises ingen melding. Vis «Legg til en tittel» under feltet, og ikke lagre boken.

Hvorfor én om gangen? Når du ber om fem endringer i én melding, kan KI-en gjøre fire godt og stille ødelegge noe annet, og du vet ikke hvilken endring som forårsaket det. Små steg gjør også angring nyttig: hvis en endring går galt, gå tilbake til versjonen før den og prøv en tydeligere forespørsel.

Når noe går i stykker

Det vil skje. Alle byggere møter feil. Kopier den nøyaktige feilteksten, eller beskriv nøyaktig hva du klikket på og hva du så, og lim det inn igjen:

Når jeg klikker Slett på et kort, ser jeg «Noe gikk galt» og boken blir stående. Finn ut hvorfor og fiks det. Fortell meg hva årsaken var.

Det er viktig å be om årsaken. Det lærer deg hvordan apper fungerer, og det hindrer KI-en i å gjette. Vår guide om hvordan feilsøke en KI-bygget app går dypere.

Steg 5: Gjør den til din egen

Når den fungerer, forbedre den i samme små steg:

• «Legg til en stjernevurdering fra 1 til 5 som vises på ferdige bøker.»
• «Legg til et søkefelt over kortene som filtrerer på tittel eller forfatter.»
• «Bruk en varm off-white bakgrunn og en mørk grønn aksentfarge.»
• «Legg til en teller øverst: bøker ferdig lest i år.»

Hver enkelt er én endring som kan testes.

Steg 6: Publiser og del

Når den gjør det du trenger, publiser den. På Mythex er det ett klikk, og du får en offentlig URL du kan åpne på alle enheter eller sende til en venn. Hvis du senere vil ha ditt eget domene, er det en Pro-funksjon, og vår guide om å koble til et eget domene forklarer det.

Før du deler noe utover noen få venner, les er vibe coding trygt?. For en personlig leseliste er risikoen lav. For en app der fremmede registrerer seg og lagrer data, finnes det sjekker du må gjøre først.

Vanlige nybegynnerfeil

• Å be om alt samtidig. «Bygg meg Goodreads» gir noe som ser imponerende ut, men fungerer dårlig. Start med den minste nyttige versjonen.
• Å ikke teste oppdatering. Data som forsvinner ved ny lasting er den vanligste overraskelsen for nybegynnere.
• Å skrive forespørselen på nytt fra bunnen av hver gang. Si hva som skal endres og hva som skal beholdes: «Behold layouten, endre bare fargene.»
• Å stole på «det er fikset». KI-en sier ofte at en feil er fikset. Sjekk det selv hver gang.
• Å lime inn passord eller API-nøkler i chatten. Hvis appen trenger en nøkkel til en ekstern tjeneste, legg den i verktøyets hemmelighetsinnstillinger, aldri i en melding eller i koden. Se hvordan holde API-nøkler trygge.
• Å gi opp etter den første feilen. Feil er normalt. Lim dem inn igjen og be om årsaken.

Hva du bør lære underveis

Du trenger ikke et kurs, men noen få begreper vil gjøre hver forespørsel skarpere. Be KI-en forklare dem i sammenheng med din egen app:

• Frontend og backend: hva som kjører i besøkendes nettleser, og hva som kjører på en server. (Frontend vs backend)
• Database: hvor appen din lagrer data. (Hva er en database?)
• Autentisering: hvordan appen vet hvem noen er.
• Hemmeligheter: private nøkler appen bruker, som besøkende aldri må se.

En god prompt for dette: «Forklar hvordan leselisten min lagrer en bok, fra at jeg klikker Legg til til dataene blir lagret. Bruk vanlige ord og henvis til de faktiske filene.»

Ditt andre og tredje prosjekt

Etter den første appen, velg noe ett steg vanskeligere. En vanesporer med et ukentlig diagram. Et bookingskjema som sender deg en e-post. Et lite dashbord som leser fra et Google-regneark. Våre eksempler på vibe coding viser ekte apptyper med promptene bak dem og hva som gikk galt, og hvordan bygge en app med vibe coding tar et større prosjekt fra idé til publisert app med brukere.

Når du er klar til å starte, åpne KI-appbyggeren, lim inn leselisteprompten over, og endre den til din egen idé.

Spørsmål