AI ESETTANULMÁNY
Kereshető hírlevél-archívum építése AI-támogatott kódolási eszközökkel
Néhány hete publikáltunk egy weboldalt. Egyszerűnek tűnik: egy keresősáv, linkek listája, néhány szűrő. Lehetővé teszi, hogy böngéssz mindenben, amit valaha megosztottunk a Ben’s Bites hírlevélben, és lásd, hányszor kattintottak az egyes linkekre. Ez a weboldal távolról sem tökéletes. Vannak rajta UI következetlenségek, amik még mindig zavarnak, néhol zűrös az adatkezelés, és nem frissül automatikusan; pár naponta manuálisan kell futtatnom egy scriptet és átmásolnom egy fájlt. Bármilyen professzionális szoftvermérnöki sztenderd szerint ez inkább csak egy „tákolmány”. Mégis kiváló példa, egy kézzelfogható, működő produktum, amely megmutatja, mire képes az AI-asszisztált kódolás. Ez az írás bemutatja a weboldal felépítését és a gondolataimat arról, hogyan érdemes építkezni ebben az új korszakban.
Végigvesszük a teljes utat az ötlettől a működő webes alkalmazásig. A Ben’s Bites egy hetente kétszer megjelenő hírlevél, amely az AI világ újdonságait gyűjti össze. Mivel több száz számot publikáltunk, több ezer link gyűlt össze. Olvasóink rendszeres kérése volt egy kereshető archívum – egy hely, ahol megtalálhatnak minden eszközt, cikket vagy tanulmányt, amit valaha említettünk. A Substack sajnos nem rendelkezik nyilvános API-val, de a helyi böngészőmben bejelentkezve látom az adatokat a műszerfalon. Hogyan jutunk el tehát a bejelentkezés mögé zárt adatoktól a nyilvános elérésig?
- A privát API megtalálása: Hogyan használtuk a szabványos böngészőeszközöket az adatok felkutatására nyilvános Substack API hiányában.
- Hitelesített böngésző automatizálása: A folyamat, amely során egy script bejelentkezett felhasználóként viselkedik a technikai akadályok leküzdése érdekében.
- AI-támogatott szkriptelés: A Claude Code használata Python scriptek írására, hibakeresésére és finomítására az adatgyűjtéshez és -feldolgozáshoz.
- A frontend tervezése és építése: A Gemini használata a termék hatókörének meghatározásához és a Replit agent alkalmazása a teljes webes felület felépítéséhez.
- A munkafolyamat valósága: Az archívum frissítéséhez még mindig szükséges manuális lépések kezelése.
Miért fontos?
Ez a projekt kézzelfogható példaként szolgál arra, hogyan teszi lehetővé az AI-asszisztált kódolás az építők számára a hagyományos mérnöki korlátok – például a nyilvános API-k hiányának – átlépését, hogy gyorsan hozzanak létre működőképes termékeket.