A ChatAiBlog oldalam fejlesztésének története

Felmerülhet a kérdés, de ha se CMS motor, se keretrendszer, hanem nulláról írtam mindent, akkor hatalmas munka lehet benne. Nos, igazából ez a működő V1-es verzió, amit most láttok, AI segítségével 2 hét volt nekem ha összeadom az időket, úgy, hogy nem is vagyok egy programozó guru, mert szakirányom inkább multimédia és a minőség ellenőrzés, tehát ez tényleg jó hír. Hogy miért olyan nagy dolog ez? Mert régen egy ilyen tudású egyedi oldal lefejlesztéséhez több fős csapat kellett és nekik is volt legalább 1-2 hónap. Persze ez nem azt jelenti - véleményem szerint -, hogy most akkor a fejlesztőknek elveszi a munkáját, mert ha nincs legalább alapfokú fejlesztési, adatbázis és webszerveri ismereted akkor nulla tudással AI-val sem fogsz tudni fejleszteni. Ugyan prompt kéréseidre fog írni kezdetleges kódokat, ami talán el is indul, de utána, ha tovább fejleszted, tele lesz hibákkal és még azt sem fogod tudni mit hova kell másolni vagy javítani. Én inkább úgy mondanám, hogyha alapszinten tudsz programozni, akkor AI-val középszinten fogsz tudni, ha pedig középszinten tudsz, akkor AI-val felső szinten tudsz majd, ráadásul gyorsabban is, tehát véleményem szerint nem elveszi a munkát, hanem hatékonyabbá és gyorsabbá teszi, de valamilyen szintű emberi tudás,  felügyelet és emberi asszisztencia még mindig nagyban kell.

Hogy mi fért bele ebbe a 2 hétbe? Igazából az UI része, amit itt láttok kint, az csak 1-2 nap volt, miután megvolt a design saját ötletem, az AI elég hamar összedobott olyan demót, ami még nem működött persze, de már láttam merre tovább kell indulnom. Az admin és a motor backend része tartott sokáig, ami működőképessé teszi az egészet. Mivel én szeretem magamnak konfigolni az oldalaim, így szinte minden beállítás lehetőséget megcsináltam (AI segítségével), még a litespeed szerver optimalizációt is, vagy pl. a cache kezelést. Természetesen emellett minden alap funkció is kész, pl. a posztok kezelése és formázása, vagy a képek kezelése, seo optimalizálás, stb. sőt smiley beszúrási lehetőséget a posztokba is lefejlesztettem AI-val. Tehát ebbe a 2 hétbe belefért minden fontos sőt kényelmi dolog is, nem félkész a termék, hanem minden megvan ami kellett az induláshoz, innentől is persze tovább lehet majd menni. Mely funkciók, amelyek még nincsenek kész? Egyelőre pl. a címke kezelés még nem kattintható, nem szűr címkékre csak kategóriákra, de ez van ahol alapból nincs is jobbra megcsinálva, idővel azért az ilyen finomságokat is szeretnék. Összefoglalva a 2 hétbe belefért: UI animált fejléccel, kiemelt cikkel, menüvel, poszt, kategória és címke kezeléssel, alul egyszerű stat méréssel. Adminnal, amiben szintén van egyszerű stat mérés, cikk/ poszt kezelővel, kategória, címke editálás, kezeléssel, seo beállításokkal és képkezelővel. Extra beállításokkal, mint pl, szerver beállítások, extra seo beállítások, cache, dinamikus oldalak beállítása. Backend oldalon egyéb biztonsági layerek, tehát tényleg szinte minden ami kezdéshez fontos, ahogy írtam kb. egy fejlesztői csapat több hónapos munkája lenne ez, amit itt láttok...

Igen ám, de mi van ha nincs fejlesztői tudásod, de most hogy AI-val csodákat lehet művelni te is szeretnéd tanulni? Nos jó hír, hogy ha legalább alapszinten megtanulsz egy kiválasztott nyelven programozni, valamint megtanulod a szerver, hosting és adatbázis kezelést is alapszinten, akkor AI-val onnantól komoly dolgokat tudsz varázsolni, igen akár egy ilyen blog motort is le tudsz kódolni, vagy akár a te egyedi ötletes teljes weboldalad is, vagy akár egy appot is. Sőt az alapszintű tudást is magát, ma már AI-val-tól is átveheted, habár pl. Udemy és egyéb videókból is sokat lehet tanulni, azok azért kényelmesebbek programozást elsajátítani. Sajnos nulla tudással nem fogsz tudni AI-val sem weboldalakat, sem appokat, mert eleve azt sem tudod majd mi a felépítése, vagy mit hova kell felmásolni, vagy mi a backend rész, mi az API, vagy hogy hozol létre adatbázist, vagy hogy teszed biztonságossá az oldalt a világháló "vadnyugatában", stb., sorolhatnám... ráadásul sok-sok környezetfüggő dolog is van, amit az AI magától nem fog tudni, csak ha te magad döntöd el és adod be, pl. a te általad preferált webconfig beállításokat. Tehát alap tudásra mindenképp szükséged lesz ha appot, vagy weboldalt szeretnél fejleszteni AI mellett is. Persze az AI nem csak fejlesztésben tud segíteni, hanem sok másban is, nem fejlesztői AI felhasználással is fogok foglalkozni, de most a weboldalam motorja miatt ez a téma, ezért írok most a fejlesztés dolgokról. Tehát a tudás az AI mellett is hasznos lesz, inkább olyan ez mint egy plusz kar, legyen tudásod, de sokkal tovább tudsz majd nyújtózni AI-val.

Na de térjünk vissza a blogom motorjához. Próbáltam a lehető legtöbb dolgot AI-val fejleszteni és keveset belekódolni, hogy minél jobban lássátok mire képes az AI. Persze maga az oldal elrendezés, felépítés, csempék, stb. az mind az én egyedi saját öltetem, de nagyon nagy szerepet kapott az AI ezeknek a lekódolásában, így mindenképpen jól demonstrálja a blogom maga az AI tudását is. Hogy csak egy példát említsek, a főoldalon, a kiemelt részen az áram szikrák szaladgálása a rácson az én egyedi ötletem volt, de az AI kódolta le annak az animációját, igaz nem elsőre sikerült neki, hanem többször kellett terelgetnem, de megoldotta...  🔦 Ahogy pedig említettem már, idővel fejlesztem is tovább a blog motort is, ahogy az AI fejlődik, az oldalam is tovább fog fejlődni... izgalmas igaz? 🏆

Biztos kíváncsiak vagytok, hogy milyen AI-val írtam a kódot. Válaszom, hogy semmiképpen sem ChatGPT-vel. Sajnos abból még a legújabb 5-ös verzió sem képes ennyire összetett feladatokra. Habár összerak alapszintű kódot, 1-2 frappáns megoldást, de egyik az, hogy nagyon alapszintű lesz, másik meg, hogy véleményem szerint nagyon csúnya is, mert CSS-ben se az igazi a tudása, ráadásul ahogy fejleszted tovább mindig csak nagyon kicsit kódol hozzá és rámennének akár hónapok is, mire kész vagy és akkor még nem beszéltem a 2 bites memóriájáról, hogy pár prompt után már azt sem tudja mit kódolt előtte...  😀 Sajnos ez még a fizetős verziós ChatGPT-re is igaz szerintem. Ettől független a ChatGPT 5 egy kiváló AI, csak nem kódolásra van optimalizálva, az inkább egyéb "beszélgetős" témákban erős, vagy szöveg készítésben, elemzésben, kutatásban, adatkezelésben. Tehát nagyon erős, meg kiváló termék, csak véleményem szerint nem programozásra... 

Kódolásra inkább az Anthropic Claude termékei az erősek, legalábbis nekem az a személyes kedvencem a Chat AI kiadásokból. Sajnos ezek nem ingyenesek olyannyira, hogy ha a Anthropic oldalán fizetsz elő, akkor elképesztően drága lesz, 5-7 prompt el tud vinni 1-2 ezer forintot is és az még arra se lesz elég, hogy egy login képernyőt összehozz... A megoldás az, hogy inkább előfizetsz AI-val támogatott fejlesztői eszközre. Ilyen pl. a GitHub Copilot, vagy a Windsurf és ott már korrekt, viszonylag olcsó havi fix áron tudsz egy nagyobb mennyiségű tokent elhasználni, ráadásul 6-8 AI modell közül is választhatsz, ami már teljesen elfogadható ár. Ezekről egyébként én nem is igazán tudtam információt olvasni, mert alig van róla használható infó a neten, magamnak kellett kitapasztalni úgy, hogy nagyon sok AI szolgáltatásra beregisztráltam és kipróbálni saját magam őket. Tehát amit itt olvasol tényleg saját tapasztalatom, saját kutatásom, nem AI-tól és nem más oldalak leírásából merített, hanem teljesen saját, főleg hogy nem is volt épkézláb leírás ezekről. Tehát ezek mind az én utánajárásom, kipróbálásom és tapasztalatom, amit itt blogomon olvashattok. Sajnos olvasni legnagyobb százalékban csak a ChatGPT-ről lehet még mai napig is, pedig az csak nagyon kis szelete az egésznek. Sokkal nagyobb ez az AI világ már...

Ebből tehát rájöhetettek, hogy igen az oldalam Anthropic Claude Sonnet 4 AI támogatásával készült, sőt nem csak készült, hanem jelenleg is fejlesztem tovább a segítségével, ahogy írtam is már. Sajnos azért ez az AI sem képes túl nagy csodákra, tehát legalább alapfokú tudásra és nagy fokú emberi asszisztenciára még mindig szükség van ezzel is ugyanúgy, bár legalább a Claude Sonnet már képes bonyolultabb és összetett feladatokra. Ami a memóriáját illeti sajnos nem sokkal jobb, mint a ChatGPT-é, tehát fejlesztés közben sokszor újra kell neki minden adat, de azért pár promptig emlékszik mit csinál. Ráadásul ha fejlesztői eszközzel használod, mint pl a Visual Studio Code + Github Copilottal integrálva, akkor szépen tudsz dolgozni több fájlon is egyszerre. Ezt a megoldást egyébként úgy hívják, hogy AI ügynök, mert nem csak egy fájlban segít, hanem többszörös megnyitott paneleken is tudsz így vele kódolni, tehát komplett projekten ezért is sokkal jobb ez a megoldás. Ami engem illet tehát a blogom motorja Claude Sonnet 4 + VSC Code + Github Copilot kombóval készült. Természetesen sok más megoldás is lehetséges, de én végül ezek mellett tettem le a voksom, ha fejlesztésről van szó.