{"id":4272,"date":"2025-09-27T19:07:49","date_gmt":"2025-09-27T19:07:49","guid":{"rendered":"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=4272"},"modified":"2025-09-29T11:24:36","modified_gmt":"2025-09-29T11:24:36","slug":"vibe","status":"publish","type":"page","link":"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=4272","title":{"rendered":"Vibe"},"content":{"rendered":"

Programiranje obuhva\u0107a cijeli proces razvoja softvera. Uklju\u010duje analizu problema, osmi\u0161ljavanje algoritma, planiranje strukture podataka, optimizaciju i kodiranje. Planiranje i osmi\u0161ljavanje arhitekture i pisanje koda. Vibe zna\u010di da AI generira kod, ali \u010dovjek definira problem, dizajnira rje\u0161enje, formulira upute za AI, provjerava i testira, integrira i odr\u017eava te osigurava domensko znanje, te vo\u0111enjem dijaloga osigurava da aplikacija doista i profunkcionira<\/strong>. AI je asistent sposoban generirati programski kod, a \u010dovjek je arhitekt. Danas je va\u017ena kombinacija vje\u0161tine ra\u010dunalnog razmi\u0161ljanja i razvijenih jezi\u010dnih vje\u0161tina.<\/p>\n

vibe coding – fokus na ono \u0161to se \u017eeli posti\u0107i, a ne na to kako to tehni\u010dki doista i napraviti – programer koristi prirodni jezik za opisivanje funkcionalnosti koje mora imati kona\u010dni proizvod, AI model generira odgovaraju\u0107i kod – kod takvog pristupa razvoju nije vi\u0161e toliko va\u017eno poznavanje sintakse programskih jezika, detaljnog razumijevanja algoritma… – dovoljno je jasno artikulirati cilj \u0161to preciznijim uputama te zatim AI zadano pretvara u funkcionalnu aplikaciju generiraju\u0107i sav potreban programski kod. Korisnik testira i provjerava generirani kod (funkcionalno, uskla\u0111eno sa zahtjevom), te ponovo koristi AI model za dora\u0111ivanje i pro\u0161irenje aplikacije, popravljanje pogre\u0161aka, ispravljanje koda uz ru\u010dne intervencije. Transformira odnos izme\u0111u \u010dovjeka i ra\u010dunala, umjesto ru\u010dnog tipkanja koda, fokus se prebacuje na ideju, dizajn i iterativno testiranje i korekcije.<\/p>\n

LLM (ChatGPT, Claude) mogu pisati funkcije, stvarati podatkovne strukture, generirati cjelovite aplikacije na temelju skupa promptova. AI generira kod, ljudi pregledavaju, prihva\u0107aju, odbacuju, korigiraju. Transformacija uloge razvojnih in\u017eenjera. Tradicionalni razvoj softvera uklju\u010duje planiranje, osmi\u0161ljavanje arhitekture, pisanje i odr\u017eavanje koda, testiranje i dokumentiranje. Sada je naglasak na orkestraciju, razvojni in\u017eenjeri postaju voditelji projekata (definiraju zahtjeve, odabiru tehnologije, pregledavaju generirani kod, odlu\u010duju \u0161to zadr\u017eati, \u0161to odbaciti, \u0161to modificirati. Neispravan ili nefunkcionalan generirani kod ispravlja sama AI, ponavljaju\u0107i dok se ne postigne \u017eeljeni rezultat. Set vje\u0161tina sada uklju\u010duje va\u017eno: vrlo jasna i precizna komunikacija te sposobnost jasnog artikuliranja zahtjeva i problema, dobro domensko znanje i sposobnost dono\u0161enja odluka (pisanje i generiranje koda se u potpunosti prepu\u0161ta AI)<\/strong>. Takav na\u010din razvoja izrazito je iterativan proces (vo\u0111enje dijaloga s AI, Google FireBase Studio, klju\u010dna komponenta vibe kodiranja<\/a>). <\/p>\n

Prva iteracija generiranog \u010desto nije u potpunosti funkcionalna, zapo\u010dinje se proces dorade, obi\u010dno se kopiraju gre\u0161ke kako bi se modelu dala povratna informacija i kako bi ih mogao ispraviti (uz poja\u0161njenja). Ako traje predugo, po\u010dinje se sa novim projektom\/dijalogom. U prednosti su tehni\u010dki pismeniji koji mogu pomo\u0107i AI<\/strong> (npr. F12 u web tools konzoli), koji razumiju kod, koji dobro znaju tehnologiju, rje\u0161enja i resurse<\/strong> (npr. API-je) koji se ina\u010de mogu koristiti za razvoj tih odre\u0111enih aplikacija (ili se pita AI uz pomnije planiranje). Treba izgraditi i toleranciju na gre\u0161ke i nadati se da \u0107e kroz iteracije one biti uklonjene. Vibe kodiranje tako\u0111er uklju\u010duje usvajanje preporu\u010denih praksi i metodologije.<\/p>\n

Savjeti: jednostavniji opis (prompt) za po\u010detak. Postupno se gradi i pro\u0161iruje. Kvaliteta rezultata ovisi o jasno i konkretno postavljenom upitu, pa je u po\u010detku uputno navesti osnovni cilj aplikacije ili funkcije, a zatim kroz iteracije dodavati detalje i opcije. Uvijek treba pregledati i detaljno testirati generirani kod, radi ispravnosti i sigurnosti. To se mo\u017ee zatra\u017eiti i od AI. Valja poku\u0161ati razumjeti \u0161to je generirano, dodavati komentari i tra\u017eiti obja\u0161njenja dijelova koda koji su nejasni. Treba paziti na sigurnost i privatnost kod podjele informacija (tre\u0107e strane!). Nikad nije uputno unositi osjetljive podatke ili API klju\u010deve izravno u prompt. Kori\u0161tenje promptova za daljnje treniranje modela mo\u017ee predstavljati sigurnosni rizik. Alatima treba ovladati uz besplatni pristup.<\/p>\n

AI modeli mogu se koristiti kao asistenti za pisanje koda ili za generiranje \u010ditavih aplikacija. Sposobnost opisivanja \u017eeljenog softvera prirodnim jezikom mo\u017ee ukinuti potrebu za u\u010denjem programskih jezika i sintakse, no izostanak tehni\u010dkog znanja donosi i brojne rizike. AI je sklona pogre\u0161kama, generirani programski kod mo\u017ee biti slabo optimiziran i nerijetko pun sigurnosnih propusta i pogre\u0161aka koje iskusni developeri ne bi napravili<\/strong>. Alate za generiranje koda preporu\u010da se koristiti ograni\u010deno, pa\u017eljivo, za prototipiranje aplikacija i eksperimentiranje<\/strong>. Treba raditi na dodatnim sigurnosnim mehanizmima i edukaciji korisnika koji trebaju biti svjesni ograni\u010denja AI. Tra\u017ei se dobro razumijevanje AI modela, alata i rje\u0161enja. Sigurnosni mehanizmi jo\u0161 nisu adekvatni, sve treba provjeravati i dr\u017eati strogo pod nadzorom.<\/p>\n

Vibe kodiranje ne osloba\u0111a korisnika od odgovornosti za krajnji rezultat, nego ga poti\u010de da svoje ideje izra\u017eava precizno, logi\u010dno i s jasnom vizijom.<\/strong> Kvaliteta generirane aplikacije ovisi o tehni\u010dkom znanju i sposobnostima korisnika<\/strong> (jezi\u010dna profinjenost i jezi\u010dna sposobnost da se jasno komunicira \u017eeljeni cilj). Korisnik preuzima ulogu kreativnog upravitelja projekata.<\/p>\n

Transformacija posla i uloga programera, utje\u010de na izvr\u0161avanje repetitivnih zadataka bez mnogo kreativnog doprinosa ili dubljeg razumijevanja sustava, mijenjaju se i preoblikuju neki poslovi, orijentacija razvojnih in\u017eenjera prema arhitektima koji su u stanju iskoristiti AI kako bi rje\u0161avali slo\u017eene i zahtjevne probleme na kreativan i u\u010dinkovit na\u010din<\/strong>. Hibridni model razvoja softvera uz kori\u0161tenje AI asistenata kojima se upravlja, a programeri koji to prihvate zanimljiviji su poslodavcima. Iskusni mogu raditi optimizaciju koda. AI ne\u0107e oduzeti posao, oduzima onima koji odbiju koristiti i nisu se u stanju prilagoditi.<\/strong><\/p>\n

cursor composer, platforma bubble.io (LC\/NC, vizualni editor za slaganje elemenata), platforma www.bolt.new (nudi podr\u0161ku za Figmu, olak\u0161ava pretvaranje dizajna u funkcionalnu aplikaciju), google AI studio https:\/\/aistudio.google.com\/ (IDE, brzo prototipiranje i izrada aplikacija temeljenih na gen AI – modelima iz obitelji Gemini), Firebase Studio https:\/\/studio.firebase.google.com (googleovo razvojno su\u010delje u oblaku, Project IDX, stvaranje, testiranje i objava web i mobilnih aplikacija uz pomo\u0107 agenata – Gemini, potreban i API klju\u010d, podr\u017eava popularne jezike i frameworke), objavljuje se na Google Cloud infrastrukturi.<\/p>\n

Rje\u0161enja se dijele: AI asistenti za razvojna okru\u017eenja- pro\u0161irenja za editore i IDE, npr. GitHub Copilot; samostoje\u0107i editori koda, temeljeni na VS Code (Cursor ili Windsurf); online editori (generiranje koda uz pomo\u0107 AI modela (Replit); alati koji se koriste iz naredbenog retka i nagla\u0161avaju agentski pristup; cjelovite platforme za potpuno vizualno kreiranje aplikacija, korisnik povla\u010di komponente na radnoj povr\u0161ini, a AI generira potreban kod, logiku i integraciju sa bazama podataka ili vanjskim servisima; prompt-to-app platforme (Bolt, Lovable) nastoje isporu\u010diti kompletno rje\u0161enje od opisa do potpuno gotove full-stack aplikacije. Za po\u010detnike koji \u017eele brzo kreirati aplikaciju najbolji su Lovable ili Replit, za iskusne koji \u017eele ve\u0107u kontrolu i nadzor su Windsurf ili Cursor.<\/p>\n

Alati rade na interaktivan i iterativan na\u010din s naglaskom na vo\u0111enje dijaloga. Generirani kod \u010desto pati od slabe organiziranosti, pa ga je te\u017ee odr\u017eavati. Takvo stvaranje aplikacija u ozbiljnim produkcijskim okru\u017eenjima zasad treba izbjegavati, ne bi se trebalo stvarati aplikacije bez razumijevanja generiranog koda i kori\u0161tenih tehnologija<\/strong>.<\/p>\n

GitHub Copilot, predlaganje ili automatsko generiranje programskog koda na temelju komentara, postoje\u0107eg koda ili konteksta iz drugih otvorenih datoteka u projektu, mo\u017ee dovr\u0161avati retke ili stvarati funkcije, generirati dokumentaciju i komentare, pronalaziti ili predlagati ispravke bugova, prevoditi kod izme\u0111u programskih jezika, generirati testove, obja\u0161njavati kod, u agentskom na\u010dinu rada samostalno dodavati promjene i kreirati pull requestove. Namijenjen programerima po\u010detnicima koji \u017eele u\u010diti uz primjere ali i iskusnima za ubrzavanje repetitivnih zadataka. U Visual Studio Codu je dostupan nakon instalacije.<\/p>\n

Claude Code (Anthropic) agentski alat www.anthropic.com\/claude-code, sposobnost duboke analize ve\u0107ih projekata<\/p>\n

Gemini CLI<\/p>\n","protected":false},"excerpt":{"rendered":"

Programiranje obuhva\u0107a cijeli proces razvoja softvera. Uklju\u010duje analizu problema, osmi\u0161ljavanje algoritma, planiranje strukture podataka, optimizaciju i kodiranje. Planiranje i osmi\u0161ljavanje arhitekture i pisanje koda. Vibe zna\u010di da AI generira kod, ali \u010dovjek definira problem, dizajnira rje\u0161enje, formulira upute za AI, provjerava i testira, integrira i odr\u017eava te osigurava domensko znanje, te vo\u0111enjem dijaloga osigurava da … Nastavi \u010ditati Vibe<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1263,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0},"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\t\n