Hur du kommer igång med Vibe Coding – skapa program utan att koda

Det senaste buzz-ordet från silikondalen är ”Vibe Coding” och handlar om det absolut snabbaste sättet att skapa mjukvara. Begreppet myntades för en månad sedan av OpenAI-grundaren Andrej Karpathy och sedan dess har utvecklare antingen älskat eller hatat namnet.

vibe-coding-hur-du-kommer-igang

Bilden ovan är från Nicolas Zullos flygsimulator som han byggde 100% med prompter utan att skriva en enda rad kod. Längst ner länkar jag till hur han gjorde.

Tidigare pratade folk om ”Chat Coding”. Du beskriver ett problem i ChatGPT och får tillbaka kod som du kopierar in i ditt program. Ibland fungerar det och ibland fungerar det inte.

Nu behöver du inte klipp-å-klistra längre.

Vibe Coding är Automatiserad Chat Coding

Till skillnad från ”Chat Coding” har du ett program som hjälper dig att implementera koden på rätt ställen.

  1. Du beskriver problemet i en chat
  2. Du får kod
  3. Programmet skapar filer
  4. installerar olika kodpaket
  5. lägger in koden
  6. sparar
  7. testar
  8. läser felmeddelandet
  9. gör om koden för att fixa buggen,
  10. testar igen,
  11. Osv. Osv…

…fram tills att allt fungerar.

Du slipper slita ut ctrl+c ctrl+v på ditt tangentbord.

Steg ett för att komma igång, installera Cursor

Om du är utvecklare känner du till Visual Studio från Microsoft. Det är en programutvecklingsmiljö (en IDE) med en massa bra hjälpfunktioner.

Cursor är samma sak, fast med de AI-funktioner du behöver för att göra ”Vibe Coding”. Det är Cursor som gör alla de där fiffiga sakerna åt dig (med hjälp av en LLM i grunden).

Cursor är superlikt Visual Studio och det är ingen slump. Utvecklarna har till och med gjort det kompatibelt med Visual Studios plugin-bibliotek,

När du installerar Cursor söker den till och med efter en installerad Visual Studio på din dator och kopierar alla inställningar och plugins. Kör du redan Visual Studio kommer du känna dig som hemma och är igång på en minut.

Gå till Cursors downloadsida och ladda ner det direkt.

Steg två: Skriv i chatten vad du vill ha

Beskriv det du vill göra. Beskriv som om du beskriver för en människa, en nyanställd programmerare som ska få en ny uppgift. Du måste beskriva allt du behöver alternativt ta det ett litet steg i taget.

1-cursor-skriv-i-chatten

Du skulle t.ex. kunna skriva: ”Ge mig ett Hello-world-program i Python, men lägg till att den också ska skriva ut dagens datum och vilken LLM-modell som hjälpte till att skriva den här koden.”

Ja, du kan skriva på svenska.

Skriv det i chatten och klicka ”Send”.

Steg tre: Upprepa tills ditt program är färdigt

  1. I chatten kommer du få se vad språkmodellen gör (i skrivande stund Claude Sonnet 3.7) Hur den resonerar, vilka filer den skapar, osv.
  2. Till vänster kommer du få din kod.

2-cursor-ger-kod-och-berattar-small

Den kommer be dig godkänna koden. Klicka ”Apply” för att ändra koden. Det finns en Yolo-mode som låter dig hoppa över detta steg.

I exemplet ovan kommer du nog få ett fullt fungerande program direkt. Hello-World är ju bara några få rader. Men du vill ju göra detta för att producera massvis med kod, så höj ribban!

Testa: ”Om du känner till spelet Flappy Bird, skapa en klon av spelet som jag kan spela i min browser. Föreslå en lämplig tech stack och koda sedan ett enkelt demo som går att spela”

Du kommer bli imponerad.

När den säger att den är färdig kommer den be dig testa spelet. Det är nu du behöver ge nya instruktioner. Allt kommer inte att fungera direkt. T.ex. kanske inte sidoscrollningen fungerar, bilderna är fula eller något i animationen är knas. Skriv i chatten vad du vill ha fixat, steg för steg.

Till slut kommer du ha ditt färdiga program.

Ordfras.se – Exempel på vad jag byggt

För att testa detta skapade jag ett ordspel med hjälp av Cursor. Spelet är en svensk variant av engelska Waffle Game. Eftersom jag är torsk på det spelet och kört det i timmar var jag väl insatt i hur det fungerar.

Det tog mig tre dagar av Vibe Coding med Cursor för att skapa en svensk variant av spelet – komplett med ordlista och dela-knapp. Sen skapade jag en favicon och laddade upp det på en server.

ordfras_se_ruta

Testa ordfras.se, helt skapat utan att skriva en enda rad kod.

Tankar om framtiden – mjukvara blir en commodity

För 11 år sedan skrev jag att alla kan få jobb som utvecklare. Det gäller inte längre.

Det här är bara början. Språkmodellerna blir smartare, agent-programmen (som Cursor) blir bättre på att utnyttja dem. Utvecklare blir bättre på att använda programmen. Snart kommer vi kunna utveckla massor av program parallellt.

Den som kommer ha mest nytta av detta är den som kan beskriva vad den vill ha och har en bred förståelse för tekniken i grunden. Det kanske inte kommer att vara seniora utvecklare. Det kanske är tekniska projektledare eller QA-roller. Mängder av ny mjukvara kommer att produceras,

Min spaning: Mjukvara kommer bli en commodity och alla vallgravar baserade på mjukvara kommer försvinna. Existerande företag vars vallgrav mot nya konkurrenter beror på mjukvara dom byggt kommer bli hotade.

Det finns en ENORM AFFÄRSMÖJLIGHET här, en s.k. ”Market Opportunity” för den driftige.  Ja, det är värt att skriva det i caps och bold. Affärsmöjligheten är fruktansvärt stor.

Lär dig detta och kör på.

Framtiden i det här fallet är 6-12 månader framåt. Det går fort nu.

Mer läsning

  1. Hur Nicolas Zullo skapade sitt 3d-flygspel. Och mer om spelet här.
  2. Steve Yegge om nuvarande hajpen och om framtiden för utvecklare.
  3. Problemen som Cursor säger sig vilja lösa (från deras blogg).

Om

Tore Friskopp, Civilingenjör, svensk entreprenör bosatt på Malta i Sverige. Startade mitt första bolag vid 17 års ålder och driver idag contentföretaget Topcontent. Förutom att driva affärer älskar jag att gå till gymmet, spela squash, läsa biografier, dansa bachata och simma i medelhavet på GIHs badhus.

Leave a Comment.