Conversation
csorbakristof
left a comment
There was a problem hiding this comment.
Szép snippet lesz. Kicsit sok még a nyelvi szépséghiba, ezeket igyekeztem kiszűrni. Szerintem próbálj rövidebb mondatokat összerakni, mert némelyiket elég nehéz követni.
|
|
||
| # Futball Eredménykövető Webalkalmazás – Esettanulmány | ||
|
|
||
| Fullstack webalkalmazás fejlesztést szerettem volna kipróbálni, de nem tudtam hol kezdjem, ötletelésre és kezdési tanácsokra az MI - a GitHub Copilot, Claude-sonnet 4.5-ös verzióját használtam - azt ajánlotta hogy válasszak egy olyan projektet, ami hozzám közel áll, így egy eredményrögzítő alkalmazást készítettem egyedi football ligákhoz. A teljes web projektet MI generálta én csak promptokkal kértem a változtatásokat a projekthez Node.js backend és html - js frontend tartozik. |
There was a problem hiding this comment.
| Fullstack webalkalmazás fejlesztést szerettem volna kipróbálni, de nem tudtam hol kezdjem, ötletelésre és kezdési tanácsokra az MI - a GitHub Copilot, Claude-sonnet 4.5-ös verzióját használtam - azt ajánlotta hogy válasszak egy olyan projektet, ami hozzám közel áll, így egy eredményrögzítő alkalmazást készítettem egyedi football ligákhoz. A teljes web projektet MI generálta én csak promptokkal kértem a változtatásokat a projekthez Node.js backend és html - js frontend tartozik. | |
| Fullstack webalkalmazás fejlesztést szerettem volna kipróbálni, de nem tudtam hol kezdjem, ötletelésre és kezdési tanácsokra az MI - a GitHub Copilot, Claude-sonnet 4.5-ös verzióját használtam - azt ajánlotta hogy válasszak egy olyan projektet, ami hozzám közel áll, így egy eredményrögzítő alkalmazást készítettem egyedi football ligákhoz. A teljes web projektet MI generálta, én csak promptokkal kértem a változtatásokat. A projekthez Node.js backend és html - js frontend tartozik. |
|
|
||
| ## Tanulságok | ||
|
|
||
| Az egész beszélgetés ablak a GitHub Copilotban VS 2026 alatt időközönként lefagyott egy bug miatt és új beszélgetést kellett kezdenem így elvesztve a teljes besezélgetés előzményt, hogy ne vesszenek el az egyes részletek kíváncsiságból megkértem az MI-t, hogy amellett, hogy rögzíti az egyes promptjaimat, és az arra kapott reakciót, próbálja meg értékelni is azokat, ez egy elég érdekes eredményt adott, ami a conversation_summary markdown fájlban teljes egészében megtalálható, de a főbb tanulságok: |
There was a problem hiding this comment.
| Az egész beszélgetés ablak a GitHub Copilotban VS 2026 alatt időközönként lefagyott egy bug miatt és új beszélgetést kellett kezdenem így elvesztve a teljes besezélgetés előzményt, hogy ne vesszenek el az egyes részletek kíváncsiságból megkértem az MI-t, hogy amellett, hogy rögzíti az egyes promptjaimat, és az arra kapott reakciót, próbálja meg értékelni is azokat, ez egy elég érdekes eredményt adott, ami a conversation_summary markdown fájlban teljes egészében megtalálható, de a főbb tanulságok: | |
| Az egész beszélgetés ablak a GitHub Copilotban VS 2026 alatt időközönként lefagyott egy bug miatt és új beszélgetést kellett kezdenem, így elvesztve a teljes beszélgetés előzményt. Hogy ne vesszenek el az egyes részletek, kíváncsiságból megkértem az MI-t, hogy amellett, hogy rögzíti az egyes promptjaimat és az arra kapott reakciót, próbálja meg értékelni is azokat. Ez egy elég érdekes eredményt adott, ami a conversation_summary markdown fájlban teljes egészében megtalálható. A főbb tanulságok: |
|
|
||
| Az egész beszélgetés ablak a GitHub Copilotban VS 2026 alatt időközönként lefagyott egy bug miatt és új beszélgetést kellett kezdenem így elvesztve a teljes besezélgetés előzményt, hogy ne vesszenek el az egyes részletek kíváncsiságból megkértem az MI-t, hogy amellett, hogy rögzíti az egyes promptjaimat, és az arra kapott reakciót, próbálja meg értékelni is azokat, ez egy elég érdekes eredményt adott, ami a conversation_summary markdown fájlban teljes egészében megtalálható, de a főbb tanulságok: | ||
|
|
||
| - A legfőbb tanulság, hogy ha nem vagy biztos abban amit változtatásként kérsz akkor próbálj minél kisebb lépésekben haladni kis iterációkkal, így pontosabb eredményt kapsz. |
There was a problem hiding this comment.
| - A legfőbb tanulság, hogy ha nem vagy biztos abban amit változtatásként kérsz akkor próbálj minél kisebb lépésekben haladni kis iterációkkal, így pontosabb eredményt kapsz. | |
| - A legfőbb tanulság, hogy ha nem vagy biztos abban amit változtatásként kérsz, akkor próbálj minél kisebb lépésekben haladni kis iterációkkal, így pontosabb eredményt kapsz. |
| Az egész beszélgetés ablak a GitHub Copilotban VS 2026 alatt időközönként lefagyott egy bug miatt és új beszélgetést kellett kezdenem így elvesztve a teljes besezélgetés előzményt, hogy ne vesszenek el az egyes részletek kíváncsiságból megkértem az MI-t, hogy amellett, hogy rögzíti az egyes promptjaimat, és az arra kapott reakciót, próbálja meg értékelni is azokat, ez egy elég érdekes eredményt adott, ami a conversation_summary markdown fájlban teljes egészében megtalálható, de a főbb tanulságok: | ||
|
|
||
| - A legfőbb tanulság, hogy ha nem vagy biztos abban amit változtatásként kérsz akkor próbálj minél kisebb lépésekben haladni kis iterációkkal, így pontosabb eredményt kapsz. | ||
| - Minél összetettebb egy projekt annál lassabb, és annál több hibával dolgozott az MI. |
There was a problem hiding this comment.
| - Minél összetettebb egy projekt annál lassabb, és annál több hibával dolgozott az MI. | |
| - Minél összetettebb egy projekt, annál lassabb, és annál több hibával dolgozott az MI. |
|
|
||
| - A legfőbb tanulság, hogy ha nem vagy biztos abban amit változtatásként kérsz akkor próbálj minél kisebb lépésekben haladni kis iterációkkal, így pontosabb eredményt kapsz. | ||
| - Minél összetettebb egy projekt annál lassabb, és annál több hibával dolgozott az MI. | ||
| - Érdemes elkerülni a túlságosan általános promptokat, például: adj hozzá "valami" designt a projekthez hogy jobban nézzen ki. |
There was a problem hiding this comment.
| - Érdemes elkerülni a túlságosan általános promptokat, például: adj hozzá "valami" designt a projekthez hogy jobban nézzen ki. | |
| - Érdemes elkerülni a túlságosan általános promptokat, például: "adj hozzá 'valami' designt a projekthez hogy jobban nézzen ki." |
Itt szerintem a prompt is idézőjeleket érdemel, mivel egy mondaton belül van.
|
|
||
| ### Játékosok létrehozása, egy jó prompt | ||
|
|
||
| Ahhoz hogy az eredményeket érdemben is meg tudjuk nézni, először tudnunk kell hozzáadni játékosokat is, mivel eddig nem is voltak ilyen típusú bejegyzések a backenden, így azt is és a kommunikációt is létre kellett hozni, erre egy jó prompt volt: |
There was a problem hiding this comment.
| Ahhoz hogy az eredményeket érdemben is meg tudjuk nézni, először tudnunk kell hozzáadni játékosokat is, mivel eddig nem is voltak ilyen típusú bejegyzések a backenden, így azt is és a kommunikációt is létre kellett hozni, erre egy jó prompt volt: | |
| Ahhoz hogy az eredményeket érdemben is meg tudjuk nézni, először tudnunk kell hozzáadni játékosokat is. Mivel eddig nem is voltak ilyen típusú bejegyzések a backenden, így azt is és a kommunikációt is létre kellett hozni. Erre egy jó prompt volt: |
| }); | ||
| ``` | ||
|
|
||
| Ez az előző példának az ellentétje, abban az értelemben, hogy itt az általam kért új feature részletei is szerepelnek a promptban, azaz, hogy a nodejs backenden adjon hozzá úgy játékosokat, hogy azok csapatokhoz is tartozzanak, azokhoz, amiket már korábban hozzáadtunk, ehhez az MI létrehozott új API endpontokat is, aminek a segítségével tudjuk ezeket kezelni, létrehozott egy frontend nézetet is, ami így nézett ki: |
There was a problem hiding this comment.
Ez egy nagyon hosszú és bonyolult mondat, kérlek darabold fel, mert nehéz követni.
|
|
||
| ### Meccs kártyák és értékelés | ||
|
|
||
| Most hogy vannak játékosaink és csapataink, rögzíthetünk meccseket is eseményekkel, azok megjelenítésére a korábban említett kártyát használhatjuk, néhány debug prompt után a végső prompt ami ehhez tartozik: |
There was a problem hiding this comment.
| Most hogy vannak játékosaink és csapataink, rögzíthetünk meccseket is eseményekkel, azok megjelenítésére a korábban említett kártyát használhatjuk, néhány debug prompt után a végső prompt ami ehhez tartozik: | |
| Most, hogy vannak játékosaink és csapataink, rögzíthetünk meccseket is eseményekkel. Azok megjelenítésére a korábban említett kártyát használhatjuk. Néhány debug prompt után a végső prompt, ami ehhez tartozik: |
| ``` | ||
| It would be great if by clicking on a result in the recent matches you could view the events of that match | ||
| ``` | ||
| Az eredménye, egy olyan kártya, amin látszanak az egyes események, az azokhoz tartozó játékosok és csapatok vizuálisan: |
There was a problem hiding this comment.
| Az eredménye, egy olyan kártya, amin látszanak az egyes események, az azokhoz tartozó játékosok és csapatok vizuálisan: | |
| Az eredménye egy olyan kártya, amin vizuálisan látszanak az egyes események, az azokhoz tartozó játékosok és csapatok: |
| Why It Works: Provides context, specific action, and implementation guidance. | ||
| ``` | ||
|
|
||
| A legfőbb dolog amiben még tudok fejlődni, az, ami a konkrét, promptolási technikába is foglalt, hogy konkrét specifikációt fűzzek az egyes promptokhoz. Először egy kontextus megadásával (hol, hogyan változtasson) utána a specifikus kérés (mit szeretnék látni a promptom eredményeként) végül a kényszerek, vagy Constraintek megadásával ki kell kötnöm, hogy mi az amit mindenképpen teljesítenie kell a megoldásnak, mi az ami kötött. Ezekhez az ajánlott prompting technikákhoz a saját alkalmazásomból hozott példákat is az alkalmazására, ami hasznos segítség az értelmezésükben. Összességében a prompt quality-m egy promptot kivéve 7 felett volt, ami a legjobb 20%-ba tesz az átlag developer promptok tekintetében, az előbbi prompting technikák alkalmazásával lehet hogy a top 5%-ot is elértem volna. |
There was a problem hiding this comment.
| A legfőbb dolog amiben még tudok fejlődni, az, ami a konkrét, promptolási technikába is foglalt, hogy konkrét specifikációt fűzzek az egyes promptokhoz. Először egy kontextus megadásával (hol, hogyan változtasson) utána a specifikus kérés (mit szeretnék látni a promptom eredményeként) végül a kényszerek, vagy Constraintek megadásával ki kell kötnöm, hogy mi az amit mindenképpen teljesítenie kell a megoldásnak, mi az ami kötött. Ezekhez az ajánlott prompting technikákhoz a saját alkalmazásomból hozott példákat is az alkalmazására, ami hasznos segítség az értelmezésükben. Összességében a prompt quality-m egy promptot kivéve 7 felett volt, ami a legjobb 20%-ba tesz az átlag developer promptok tekintetében, az előbbi prompting technikák alkalmazásával lehet hogy a top 5%-ot is elértem volna. | |
| A legfőbb dolog, amiben még tudok fejlődni az, amit a konkrét, promptolási technikába is foglalt: hogy konkrét specifikációt fűzzek az egyes promptokhoz. Először egy kontextus megadásával (hol, hogyan változtasson), utána a specifikus kérés (mit szeretnék látni a promptom eredményeként), végül a kényszerek megadásával ki kell kötnöm, hogy mi az amit mindenképpen teljesítenie kell a megoldásnak, mi az ami kötött. Ezeknek az ajánlott prompting technikáknak az alkalmazására a saját alkalmazásomból is hozott példákató, ami hasznos segítség az értelmezésükben. Összességében a prompt quality-m egy promptot kivéve 7 felett volt, ami a legjobb 20%-ba tesz az átlag developer promptok tekintetében, az előbbi prompting technikák alkalmazásával lehet, hogy a top 5%-ot is elértem volna. |
No description provided.