# Vibekoodaus.fi - Full Content for LLMs

> Last updated: 2025-06
> Language: Finnish (fi)
> Site: https://vibekoodaus.fi

---

# Mitä on vibekoodaus?

Vibekoodaus on moderni ohjelmistokehityksen menetelmä, joka hyödyntää tekoälyä koodin luomisessa. Se muuttaa perinteisen ohjelmoinnin luonnolliseksi keskusteluksi.

## Määritelmä

Vibekoodaus on kehitystapa, jossa ohjelmistoja rakennetaan kuvailemalla haluttu toiminnallisuus luonnollisella kielellä. Tekoäly generoi koodin kuvauksen pohjalta, ja kehittäjä ohjaa lopputulosta säätämällä ja tarkentamalla tarpeen mukaan.

## Kolme perusperiaatetta

1. **Luonnollinen kieli**: Kuvaile mitä haluat tehdä suomeksi tai englanniksi. Sinun ei tarvitse muistaa syntaksia.
2. **Flow-tila**: Keskity ideoihin, älä virheisiin. Hyväksy tekoälyn ehdotuksia ja pysy luovassa virrassa.
3. **Tekoäly työparina**: Tekoäly toimii kuin kokenut parikoodari. Se ehdottaa ratkaisuja ja oppii tyylistäsi.

## Perinteinen ohjelmointi vs vibekoodaus

### Perinteinen ohjelmointi:
- Koodi kirjoitetaan käsin rivi riviltä
- Pitää tuntea kielet ja syntaksi
- Debuggaus vie tunteja
- Yksinäistä tekemistä

### Vibekoodaus:
- Kuvailet mitä haluat, tekoäly tuottaa
- Ei syntaksia opeteltavana
- Nopea iterointi ja korjaukset
- Tekoäly työparina 24/7

---

# Aloittaminen - Ensimmäiset 30 minuuttia

## Vaihe 1: Asenna Cursor (5 min)
Lataa Cursor osoitteesta cursor.com ja asenna se. Cursor on ilmainen peruskäyttöön.
- Avaa cursor.com ja klikkaa "Download"
- Asenna sovellus kuten mikä tahansa ohjelma
- Avaa Cursor ja luo tili (Google/GitHub/email)

## Vaihe 2: Luo uusi projekti (2 min)
Luo tyhjä kansio ja avaa se Cursorissa. Tämä on projektisi kotikansio.
- Luo uusi kansio esim. "oma-projekti"
- Cursorissa: File → Open Folder
- Valitse luomasi kansio

## Vaihe 3: Aloita keskustelu (3 min)
Paina Cmd+L (Mac) tai Ctrl+L (Windows) avataksesi chatin ja kirjoita ensimmäinen promptisi.
- Chat aukeaa oikeaan reunaan
- Kirjoita: "Luo yksinkertainen HTML-sivu jossa on otsikko ja tervehdysteksti"
- Paina Enter ja odota vastausta

## Vaihe 4: Hyväksy koodi (2 min)
Cursor ehdottaa koodia. Hyväksy se klikkaamalla "Apply" tai muokkaamalla pyyntöäsi.
- Lue ehdotettu koodi läpi
- Klikkaa "Apply" hyväksyäksesi
- Tiedosto ilmestyy projektiisi

## Vaihe 5: Testaa selaimessa (3 min)
Avaa luotu HTML-tiedosto selaimessa nähdäksesi tuloksen.
- Klikkaa tiedostoa hiiren oikealla
- Valitse "Open with Live Server" tai
- Raahaa tiedosto selaimen ikkunaan

---

# Usein kysytyt kysymykset

## Tarvitseeko minun osata ohjelmoida?
Ei tarvitse! Vibekoodaus on suunniteltu juuri sinulle. Kerrot tekoälylle mitä haluat, ja se kirjoittaa koodin puolestasi. Ajan myötä opit lukemaan ja ymmärtämään koodia.

## Mikä työkalu on paras aloittelijalle?
Suosittelemme Cursoria sen helppokäyttöisyyden ja tehokkaan Claude-mallin vuoksi. Vaihtoehtoisesti v0.dev on erinomainen käyttöliittymien luontiin suoraan selaimessa.

## Kuinka paljon Cursor maksaa?
Cursor tarjoaa ilmaisen tason joka riittää hyvin aloitteluun. Pro-taso ($20/kk) antaa rajattomat AI-kyselyt. Aloita ilmaisella ja päivitä tarvittaessa.

## Mitä jos tekoäly tekee virheen?
Se on normaalia! Kerro tekoälylle mikä meni pieleen ja pyydä korjausta. Esim. "Tämä ei toimi, saan virheen X. Korjaa." Tekoäly oppii keskustelun aikana.

## Voiko vibekoodauksella tehdä oikeita sovelluksia?
Kyllä! Vibekoodauksella voi rakentaa verkkosivuja, sovelluksia, automaatioita ja paljon muuta. Monet startup-yritykset käyttävät vibekoodausta MVP:n rakentamiseen.

---

# Työkalut (Tools)

## AI-koodausassistentit
- **Cursor**: AI-pohjainen koodieditori, joka on rakennettu VS Coden päälle. Tukee Claude- ja GPT-malleja. Paras kokonaisvaltainen vibekoodaustyökalu.
- **GitHub Copilot**: GitHubin AI-koodausassistentti. Integroituu VS Codeen, JetBrainsiin ja muihin editoreihin.
- **Claude**: Anthropicin tekoälymalli, joka on erityisen hyvä pitkien koodikontekstien käsittelyssä.

## Selainpohjaiset työkalut
- **v0.dev**: Vercelin UI-generaattori. Luo React/Next.js-komponentteja kuvauksesta. Erinomainen käyttöliittymien nopeaan luontiin.
- **Replit**: Selainpohjainen kehitysympäristö AI-ominaisuuksilla. Hyvä prototyypitykseen.
- **Lovable (ent. GPT Engineer)**: Generoi kokonaisia web-sovelluksia prompteista. Nopea prototyypitys.
- **Bolt.new**: StackBlitzin selainpohjainen AI-koodaustyökalu. Luo ja suorittaa sovelluksia suoraan selaimessa.

## Infrastruktuuri ja julkaisu
- **Vercel**: Hostauspalvelu Next.js-sovelluksille. Automaattinen deployment GitHubista.
- **Supabase**: Avoimen lähdekoodin Firebase-vaihtoehto. Tietokanta, autentikointi ja API.

---

# Vibekoodaus Suomessa

Vibekoodaus.fi on Suomen kattavin suomenkielinen resurssi tekoälyavusteiseen koodaukseen. Sivusto on perustettu 2024 ja sitä ylläpitävät:

- **Mari Luukkainen**: Startup-yrittäjä ja sijoittaja, joka rakensi SaaS-tuotteen 6 päivässä vibekoodauksella.
- **Antti Vuoriainen**: Väitöskirjatutkija, joka yhdistää vibekoodauksen käytännön ja tekoälykehityksen tutkimuksen.
- **Heidi Suutari**: Rakensi iOS-sovelluksen vibekoodauksella, jolla on nyt 5000+ käyttäjää.

## Kurssit ja koulutukset

Vibekoodaus.fi tarjoaa:
- **Keynote-puheenvuorot** (45 min, €2000): Inspiraatiopuheenvuorot vibekoodauksen eri näkökulmista
- **Työpajat** (2h, €3000): Käytännön sessioita joissa rakennetaan oikea sovellus ilman koodausosaamista
- **Online-kurssit**: Tulossa