Vibe kódolt angolos alkalmazás - időjárás és nyelvtan
- 2026. május 5.
A következő hetekben, hónapokban rendszeresen osztunk meg olyan, általunk készített, vibe kódolt alkalmazásokat, amelyek működtek a tanórán, vagy az otthoni, önálló tanulásban. vagy akár olyanokat is, amelyek valamiért mégsem. Minden esetben megosztjuk a linket, de a forráskódot is, azaz az alkalmazást meg lehet nézni, le lehet tölteni, átlehet alakítani, személyre lehet szabni. Ma egy olyan interaktív nyelvtan+tematikus szókincs applikációt mutatunk be, amely kezdő angolosoknak készült, és megpróbált animációkat beépíteni az alkalmazásba - viszonylag sikeresen.
Mi volt a pedagógiai helyzet?**
Kezdő csoportnak a folyamatos jelent, valamint a különböző időjárási jelenségeket kellett tanítani (pl. Most éppen esik az eső.). Azt választottam, hogy vizuálsi promptokat kódoltattam az AI-val, és erre építettem fel három lépésben a feladatot. Először ki kellett találni a megadott mondatok alapján, hogy milyen időjárási jelenségről van szó (pl. esik éppen, vagy a nap süt, netán a szél fúj). A második lépésben a nyelvtanra koncentráltunk, azaz azt kellett kitalálniuk, hogy általában beszélünk az időjárásról, vagy konkrétan a mai időjárásról van szó. Végül saját maguknak kellett mindegyik képről egy-egy önálló mondatot írniuk a két igeidő felhasználásával.
Hogyan nyújtott a vibe-coding megoldást?
Itt nagyon fontos volt, hogy feltétlenül szerettem volna vizuális input-ot, de anélkül, hogy képeket kellett volna keresgélnem, és szerettem volna, ha ‘Mozogg’ is a kép, azaz hitelesen tudja bemutatni az adott időjárási jelenséget (vagyis, ha esik, akkor éppen essen). Ehhez videókat keresgélni, azoktat beilleszteni, feltölteni külön a GitHub-ra stb. elég bonyolultnak, és főleg hosszadalmasnak tűnt (ráadásul garancia sem volt, hogy a videók stílusukban illenek majd egymáshoz), ezért azt választottam, hogy az AI-val terveztetem meg a dinamikus illusztrációkat is. Természetesen nagyon bonyolult, és nagyon szép, igényes grafikákat nem csinál, de itt - némi győzködés után - sikerült a számomra már elfogadható minőséget kinyerni az AI-ból, és így egy hatalmas projekt, videók keresése, szerkesztése, stb. helyett egyszerűen promptokkal sikerült megoldani a helyzetet.
Az alkalmazás IDE KATTINTVA nézhető meg, de ha tetszett, de temáshogyan szeretnéd, nincs más dolgod, mint a www.github.com oldalon a keresőbe a @prievarat beírása után keress rá a 'weather' szóra, és már viheted is a kódot!
