Hogyan használd a Google AI Studiót: Playground, Build mode és vibe coding Geminivel

A Google AI Studio használatához jelentkezz be az aistudio.google.com oldalon egy Google-fiókkal, teszteld a promptokat a Gemini-modellekkel a Playgroundban, és kattints a Get API key gombra, ha a Geminit a saját kódodból szeretnéd hívni. Vibe codinghoz nyisd meg a Build mode-ot, írd le az appot egy promptban, és a Gemini élő előnézettel legenerálja azt, amelyet csevegéssel finomíthatsz. Ezután telepítheted a Cloud Runra, szinkronizálhatod GitHubra, vagy letöltheted a kódot.

Ez az útmutató a Google dokumentációja szerint veszi végig az egyes részeket (2026 novemberében), majd bemutatja, hol erős az AI Studio, és mikor jobb választás egy saját adatbázissal és hostinggal rendelkező építő. A Google gyakran frissíti az AI Studiót, ezért a legfrissebb nevekért és korlátokért nézd meg a dokumentációjukat.

Mi a Google AI Studio?

Az AI Studio a Google böngészős munkaterülete Geminivel való építéshez. Kétféle embernek szól:

• Fejlesztőknek, akik ki szeretnék próbálni a Gemini-modelleket, finomhangolnák a promptot, és a működő kódot a saját projektjükbe másolnák.
• Építőknek, akik le szeretnék írni az appot, és azt a Gemini a Build mode-dal megírja.

A Google szerint az AI Studio használata ingyenes ott, ahol elérhető, bizonyos modellekhez korlátozott ingyenes hozzáféréssel. A fizetős API-csomagok, egyes modellek, a nehéz Google-keresési alapozás és a Google Cloud-os hosting külön díjat számít fel.

1. rész: A Playground

A Playground alapértelmezetten egy új csevegőpromptot nyit meg. Itt tesztelheted, mire képes egy modell, mielőtt bármit építenél.

1. Válassz modellt, írj üzenetet a beviteli mezőbe, majd kattints a Run gombra.
2. Nyisd meg a Run settings-et (a jobb felső sarokban lévő hangoló ikon), hogy módosítsd a modellparamétereket és a biztonsági beállításokat, és bekapcsold a strukturált kimenetet, a függvényhívást, a kódfuttatást vagy az alapozást.
3. Adj System Instructions-t, amellyel beállítod a modell szerepét és hangnemét, például: „Barátságos asszisztens vagy egy pékségnek. Két mondatban válaszolj, és javasolj egy terméket.”
4. Kattints a Get code-ra, hogy a promptot és a beállításokat a kívánt programozási nyelvű kóddá alakítsd.

A csevegés mellett a Playground más prompttípusokat is kínál, például valós idejű streamelést és videógenerálást.

API-kulcs igénylése

Ha a Geminit a saját appodon belül szeretnéd használni, hozz létre egy kulcsot a Get API key oldalon (aistudio.google.com/apikey). Kezeld jelszóként: a szerver környezeti változóiban vagy titkosításai között tartsd, soha ne olyan kódban, amely a látogató böngészőjében fut. Az API-kulcsok biztonságos kezelése útmutató elmagyarázza, miért.

2. rész: Vibe coding a Build módban

A „vibe coding Geminivel” a Build módban történik. Leírod az appot, az AI Studio ügynöke megírja a kódot, és az eredményt mellette mutatja.

Projekt indítása

Több módon kezdhetsz:

• Írj promptot, amely leírja az appot.
• Nyomd meg az I'm Feeling Lucky gombot egy generált ötletért.
• Remixeld az appot az App Gallery-ből a Copy App segítségével.
• Importálj GitHubról az Add files menü használatával.

Az AI Chips segítségével olyan funkciókat adhatsz hozzá, mint a képgenerálás vagy a Maps-adatok, a promptokat pedig beszédfelismeréssel diktálhatod.

Mit épít?

A Google dokumentációja szerint:

• Alapértelmezetten webappokat: React frontend és Node.js szerver, így az API-hívások a szerveren maradhatnak, az npm-csomagok automatikusan települnek, és az app adatbázishoz kapcsolódhat.
• Natív Android-appokat Kotlinban és Jetpack Compose-zal, amelyeket böngészős emulátorban előnézhetsz, ADB-n keresztül telepíthetsz, és belső teszteléshez közzétehetsz a Google Playen.
• Előre beállított Firebase-t: Firestore az adatokhoz és Firebase Authentication Google-os bejelentkezéssel.
• Google Workspace-integrációkat, például Gmailt, Sheetst, Docst, Drive-ot és Calendart.

Első prompt

Építs egy recept-appot. Beillesztek egy receptet vagy egy linket, a Gemini pedig tiszta kártyává alakítja hozzávalókkal, lépésekkel és főzési idővel. Menthetem a recepteket, kereshetek közöttük, és a hozzávalókat más adagszámhoz igazíthatom. Engedd, hogy Google-fiókkal jelentkezzek be, hogy a receptjeim a fiókomhoz mentődjenek.

Ez kihasználja az AI Studio erősségeit: a Gemini a funkció része, a bejelentkezés Google, a tárolás pedig Firebase.

Az app finomítása

• Csevegés az ügynökkel: „Adj hozzá egy bevásárlólistát, amely összevonja a kipipált receptek hozzávalóit.”
• Annotációs mód: jelölj ki az app képernyőjének egy részét, és írd le, mit szeretnél ott változtatni. Gyorsabb, mint leírni, melyik gombra gondolsz.
• Code fül: megnézheted a generált kódot, és ha akarod, közvetlenül szerkesztheted.

A Google dokumentációja szerint a Build mód a Gemini API-kulcsot szerveroldali titokként tartja (GEMINI_API_KEY, a Secrets panelen látható), nem kliensoldali kódba teszi. Az Android-appok kulcs helyett a Firebase AI Logic-ot és az App Checket használják.

Megosztás és közzététel

• Megosztás: az appok alapértelmezetten privátok. A megosztott személyek megtekinthetik és forkolhatják a kódot, a szerkesztési jogosultsággal rendelkezők pedig módosíthatják. A megosztott appot használó emberek Gemini-hívásai a te használatodat terhelik, és az AI Studio megosztás előtt figyelmeztet, ha költség várható.
• Cloud Run: telepítés az AI Studióból skálázható szolgáltatásként. Vonatkozhat rá a Google Cloud árazása.
• GitHub: kétirányú szinkronizálás egy tárolóval, ütközésnézettel, ha mindkét oldal változott.
• ZIP-letöltés: vidd magaddal a kódot bárhová. Az API-kulcsot a saját hostodon kell beállítanod.

Tippek a jobb eredményhez a Build módban

• Kezdd azzal, amit a Gemini az appban csinál. A Build mód akkor a legjobb, ha az AI maga a funkció: összefoglalás, adatkinyerés, képgenerálás, kérdések megválaszolása egy dokumentum alapján.
• Mondd meg, mi mentődik és kinek. Az olyan szabály, mint „mindenki receptjei csak neki látszanak”, érdemes, hogy elején szerepeljen.
• Egy üzenetben egy dolgot változtass, és az előnézetben tesztelj, mielőtt a következőre lépsz.
• Nézd át a Firebase biztonsági szabályait, mielőtt valódi felhasználók érkeznek. Attól, hogy az app neked működik, még nem jelenti, hogy mások nem olvashatják az adataidat. Kérdezd meg: „Mutasd a Firestore szabályokat, és magyarázd el, ki olvashat és írhat az egyes gyűjteményekbe.”

Az eszköztől független promptokért nézd meg a vibe coding promptok puskalapját.

Hol erős a Google AI Studio?

• Olyan appok, ahol a Gemini a fő funkció, a kulccsal a szerveren.
• Google-központú stackek: Firebase, Google-os bejelentkezés, Workspace-adatok, Maps.
• Fejlesztők, akiknek gyors prototípus kell, amelyet később GitHubra szinkronizálnak, és tovább építenek.
• Natív Android-kísérletek, böngészőben előnézve.

Mikor érdemes adatbázisos és hostingos építőre váltani?

Az AI Studio erős eszköz, és sok projekthez elég. Érdemes teljes stackes AI app-építőt fontolgatni, ha:

• Relációs adatbázist szeretnél. A Firestore dokumentumadatbázis. Ha az appodban ügyfelek, rendelések és számlák vannak egymással kapcsolatban, egy Postgres adatbázissal könnyebb átlátni a működést. A Supabase vs Firebase útmutató elmagyarázza a különbséget.
• Nem akarsz Google Cloud-projektet kezelni. A Cloud Runra telepítéshez Cloud-fiók, számlázás és beállítások kellenek. Egyesek inkább egy kattintással közzétennének, és a hosting is benne van.
• Hostinget, adatbázist és tárhelyet egy számlán szeretnél. A Mythexen ezeket a csomagban járó havi Cloud-kreditekből fizeted.
• iPhone-t is szeretnél Android mellé. A Mythex Pro csomagon a közzétett app Android-appá válhat, amelyet a Google Playre töltesz fel, és iPhone-appá, amelyet a saját App Store Connect-kulcsoddal a TestFlightba küldesz, Mac nélkül. (Ezek a közzétett appodat nyitják meg; nem natív Swift vagy Kotlin kódot jelentenek.)
• Az AI nem maga az app lényege. Egy foglalási rendszernek vagy ügyfélportálnak nem kell a közepén a Gemini, és egy általános építő természetesebben illeszkedhet.
• Saját domaint szeretnél Cloud-szolgáltatások beállítása nélkül.

A Mythex így működik: chatben, bármilyen nyelven leírod az appot, az élő előnézettel egy valódi teljes stackes appot épít, Postgres adatbázist és fájltárolót csatol hozzá, és egy kattintással közzéteszi nyilvános URL-en. Az ingyenes csomag kártya nélkül használható és tartalmazza a közzétételt; a Pro havi 25 USD, és kódszerkesztést, exportot, GitHub-integrációt, saját domaineket és telefonos appokat ad hozzá. Lásd az AI app-építő oldalt.

Mindenesetre a kód a tiéd, és magaddal viheted: az AI Studiót GitHubon vagy ZIP-en keresztül, a Mythexet exporton és Pro csomagon a GitHubon keresztül. A lehetőségek szélesebb áttekintéséhez nézd meg a legjobb vibe coding eszközöket és a ChatGPT vs Claude vs Gemini appépítéshez útmutatót.

Google AI Studio használata (összefoglalva)

1. Jelentkezz be az aistudio.google.com oldalon egy Google-fiókkal.
2. A Playgroundban válassz modellt, írj promptot, és nyomd meg a Run gombot. A Run settings-ben módosíthatod a paramétereket és a funkciókat.
3. Ha a saját appodból szeretnéd használni a Geminit, a Get API key gombbal hozz létre kulcsot, és tárold a szerver környezeti változóiban.
4. Ha appot szeretnél építeni, nyisd meg a Build mode-ot, és írd le szavakkal, mit szeretnél. Az előnézetet nézve csevegéssel vagy annotációs móddal finomíthatod.
5. Ha kész, telepítheted a Cloud Runra, szinkronizálhatod GitHubra, vagy ZIP-ben letöltheted.

Ha az adatbázist, a hostingot, a saját domaint és az iPhone- és Android-appokat egy helyen szeretnéd kezelni, a Mythexhez hasonló teljes stackes AI app-építő is szóba jöhet.

Kérdések