A 2025. elején Andrej Karpathy által leírt „vibe coding„ kifejezés 9 hónap múlva már az év szava lett, és a jelenség lendülete azóta sem tört meg. Sőt.
Mi az a Vibe Coding?
A Collins dictionary szerint: „a természetes nyelv által vezérelt mesterséges intelligencia használata a számítógépes kód írásának segítésére”. A fent említett Andrej Karpathy is hasonlóról számolt be, amikor „feltalálta” a kifejezést:
A mesterséges intelligencia lehet pl. ChatGPT, Claude, Deepseek, stb.
Hogyan működik a Vibe Coding?
Meg kell nyitni egy AI alapú felületet, és be kell írni, hogy mit szeretnénk. Pl.: Legyen egy PHP alapú alkalmazás, ami képes tárolni egy bevásárlólistát. Persze ez alapján nem garantált a jól működő megoldás. Az egész vibe coding lelke, és legfontosabb eleme a jó, alapos és egyértelmű promptolás (a megfelelő specifikáció kitalálása).
Vannak olyan projektjeim, ahol több idő volt egyértelműen megfogalmaznom, hogy mit szeretnék, mint utána a megvalósítás, tesztelés és hibajavítás együtt. A megvalósítandó ötlet kidolgozását nem szabad megspórolni, lerövidíteni, mert ez később sokkal több munkához vezethet.
A jól megírt (vagy utólag kiderülhet: jónak gondolt) prompt alapján az AI legenerálja a kódot, vagy kódokat, és akár tanácsokat is lehet hozzá kérni a beüzemeléshez.
Utána jöhet a tesztelés, a „jaj, ezt kihagytam”, majd az új prompt a javítással, majd ismét a tesztelés. De a kihagyás lehet szándékos is: el lehet indulni „butított” verzióval, amit később tovább lehet fejlesztetni.
És ez így megy egészen addig, amíg el nem készült a végleges szoftver.
Ha a parancs megírásánál nem vagyunk elég óvatosak, alaposak, akkor nagyobb eséllyel lesz a kóddal olyan probléma, ami elkerülhető lett volna, ha valaki úgy vibe kódol, hogy ért is a programozáshoz.
Prompt példa, amit követni szoktam
Pár szempont, ami szinte minden projektemben előkerül:
- Meg szoktam adni a fejlesztendő projekt összes funkcióját, minden aloldalra külön-külön lebontva.
- Az adatbázis struktúrát is én találom ki.
- Az egyes fájlok nevét is én adom meg, hogy hatékonyan tudjak hivatkozni rájuk.
- Vannak olyan parancsok, amik webes fejlesztésnél általánosak. Pl.:
- Striped CSS táblázat.
- Reszponzív legyen.
- Legyen minden szín a megadott színvilág alapján összhangban.
- Jelszó sehol ne legyen a kódban tárolva.
- Hová kattintva, mi, mi után, milyen sorrendben történjen.
- Az előre elgondolható hibák, felhasználói esetek során mi történjen.
A fentieket mindig, minél pontosabban, időt nem spórolva szoktam megírni, mintegy specifikációként.
Álmok, ötletek megvalósítása programozói tudás nélkül
Játék gyerekeknek
Egyik ügyfelemnek csináltam egy olyan játékot, ahol a diákjai tudnak egymással, különböző témakörökből feltett kérdésekkel, egymás ellen játszani, és versengeni. Nem bonyolult, nem fancy játék, de egy célja megvalósult, a gyerekek örülnek neki, mindenki boldog.
Kutyás applikáció
Cynthia Chen csinált mindenféle előzetes tudás nélkül, 2 hónap alatt egy applikációt, ahol kutyák fotóit lehet gyűjteni, és az App Store-ba is bekerült.
A hölgy posztja az indulásról:
Pénzügyi nyilvántartó
Hozok egy saját példát is. Mivel a cikk célja nem ennek bemutatás, ezért is raktam utoljára a példák között. A tavalyi évértékelőmben már volt szó erről. Egy akkor kép (azóta sokat fejlődőtt) az applikációról, ami minden szempontból kielégíti a pénzügyeim követését:
Kinek segít a Vibe Coding?
A programozni nem tudók számára nagy segítség, mert olyan kódokat tudnak létrehozni, ami pár évvel ezelőtt elképzelhetetlen lenne. Van olyan ügyfelem, aki HTML+JS alapú, sokparaméteres, tökéletesen működő kalkulátort készített, és már azt küldte nekem, hogy építsem be a weboldalba.
De a programozók is örölhetnek a lehetőségnek, hiszen egységnyi idő alatt több munkát tudnak elvégezni, tesztelni, fejleszteni. A tudásukra szükség van az ellenőrzésnél, validációnál. Persze vannak akik ágálnak az újdonságok ellen. De Darwin mondása itt is igaz: nem a legerősebb marad fenn, hanem aki a legjobban képes alkalmazkodni a változáshoz. Nem a programozói munka megszűnésének vagyunk tanúi, hanem az átalakulásának. A lovak sem haltak ki azért, mert lettek autók.
Karpathy mondta, hogy a lényeg az lenne, hogy kihasználjuk az AI ügynök előnyeit (pl.: sebesség), de ne áldozzuk fel a szofver minőségét ezért cserébe.
Mi a Vibe Coding előnye?
Ha valaki elég kreatív, és van programozói alaptudása, logikus és strukturált gondolkozása, akkor határ a csillagos ég. Ezeket a „skilleket” gondolom a legfontosabbnak a hatékony vibe code-oláshoz.
Az AI segítségével nagyon gyorsan lehet prototípust készíteni, és lehet hitelesíteni, hogy van-e valamire igény. Ha van, az esetek egy részében utána is ráér az alaposabb megvalósítás.
Mi a probléma a Vibe Coding-al?
A fentiek jó része túl szép, hogy igaz legyen? Pedig az. De van egy másik oldal is.
A Veracode elemzése szerint a generált kódok 45%-a tartalmaz biztonsági rést. Tehát az emberi tényező nem hagyható ki a programozásból, főleg olyan (pl.: üzleti) területen, ahol kiemelt fontosságú az adatbiztonság. Egyébként a komplexebb programozói feladatoknál futottam bele olyanba, ahol nem működik jól az AI-s kódolás, így nem használom erre a célra.
A másik probléma a vibe coding-al, hogy alacsony a belépési küszöb: az is programozónak képzelheti magát, aki nem az. Tudni kell helyén kezelni az AI által generált kódokat. Aki nem érti a kódot, az nem tudja azt sem javítani, sem optimalizálni, sem hatékonyan tesztelni.
Mindent le lehet programozni AI-al?
Nem. Vannak olyan dolgok, amiket meglepően egyszerűen meg lehet alkotni AI-al, de vannak olyan problémák is, amelyekkel egyszerűen nem tud mit kezdeni, hiába a nagyon alapos prompt (beírt parancs).
De az AI-os szoftverfejlesztés fejlődés töretlen. Van olyan vibe code-os megoldásom, amihez pár éve a hozzá sem tudott szagolni az AI az összetettsége miatt, 2025-ben pedig már megoldattam vele. A fejlődés léptéke félelmetes.
A végére egy vicces adalék. A kifejezés feltalálója sem tud mindent legkódoltatni az AI-al:
És így körbe is ért a dolog. Ahogy egy LinkedIN posztban olvastam: „Az új legmenőbb programozási nyelv az angol lett”.
A vibe coding nem egy technológia, hanem egy munkamódszer: gyors, intuitív webfejlesztés, ahol a végeredményt sokszor jobban meghatározza az érzés, mint maga a kód.
Ajánlott cikkek:
185. hiba – Szimpla pénznemváltás árfolyamszámítás helyett
Mikor elég egy HTML oldal WordPress helyett? Esettanulmány!
WordPress gyorsítás: MyISAM táblatípus helyett InnoDB
WooCommerce e-mailek testreszabása egyszerűen, kódolás nélkül
Prémium webes, digitális anyagok – ingyen
Miért javaslom YouTube-ra feltöltött videók használatát?