Skip to content

Added snippet 1003#95

Open
weathear wants to merge 2 commits intobmeaut:gh-pagesfrom
weathear:gh-pages
Open

Added snippet 1003#95
weathear wants to merge 2 commits intobmeaut:gh-pagesfrom
weathear:gh-pages

Conversation

@weathear
Copy link
Copy Markdown

@weathear weathear commented Apr 1, 2026

No description provided.

Copy link
Copy Markdown
Contributor

@csorbakristof csorbakristof left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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:
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- 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.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- 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.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- É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:
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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:
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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:
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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:
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants