Vezérlőpult
23. Issues, Projects, mérföldkövek · Csapatmunka GitHubon

5. témakör · Csapatmunka GitHubon · 23. fejezet

Issues, Projects, mérföldkövek

A kód mellett a munkát is szervezni kell: mi a hiba, mi a következő feladat, ki dolgozik rajta, és mi készül el a bemutatóig? A GitHubon erre valók az issue-k (feladatok, hibajegyek), a címkék, a mérföldkövek és a Projects tábla, amely Kanban-módszerrel mutatja a munka állását. A legszebb az egészben: egy commitüzenet vagy egy PR leírása magától le tudja zárni a feladatot.

WebHibajelentés-ellenőrzőCímke-besorolóIssue-labor16 kvízkérdés

Tanulási célok

1Mi az issue?

Az issue egy bejegyzés a repó Issues fülén: egy hiba, egy új funkció ötlete, egy kérdés vagy egy teendő. Mindegyiknek van sorszáma (#12), címe, leírása, hozzászólásai és állapota (Open / Closed). Az issue-k és a PR-ok közös számsort használnak: ha a #12 egy issue, a következő PR a #13 lesz.

● OpenHibás dátum a hírekben #12

Mi történt? A Hírek oldalon a kirándulás dátuma május 10., pedig május 17.

Hogyan idézhető elő? 1. Nyisd meg a hirek.html-t. 2. Nézd a második bekezdést.

Mit vártál? Május 17.

Assigneestoth-peter
Labelsbug
Milestonev1.0
ProjectsOsztályoldal: Todo
ℹ️ ISSUE, DISCUSSION VAGY PR?

Az issue konkrét, elvégezhető feladat. A nyitott beszélgetésekre, kérdésekre sok repóban a Discussions fül való. A PR pedig maga a megoldás, kóddal. A jó menet: issue (mi a gond?) → ág → PR (Fixes #12) → merge → az issue magától lezárul.

2Jó issue írása

Egy jó issue-ból a csapat bármelyik tagja megérti a feladatot, és nem kell visszakérdeznie. Két gyakori fajta:

🐞 Hibajelentés (bug report)

## Mi történt?
A menü mobilon nem nyílik le.

## Hogyan idézhető elő?
1. Nyisd meg a főoldalt telefonon
2. Koppints a ☰ ikonra

## Mit vártál?
Lenyílik a menü.

## Környezet
Android 14, Chrome 128

✨ Új funkció (feature request)

## Probléma
A szülők nem találják a
fogadóórák időpontját.

## Javaslat
Kapcsolat oldal az osztályfőnök
elérhetőségével.

## Kész, ha
- [ ] van kapcsolat.html
- [ ] a főoldalról elérhető
- [ ] mobilon is olvasható

3Hibajelentés-ellenőrző

Írj egy hibajelentést! Az ellenőrző gépelés közben jelzi, mi hiányzik még belőle. Ötlet: a galéria képei mobilon kilógnak a képernyőből.

Hibajelentés-ellenőrző

0 / 7

    4Címkék, felelős, mérföldkő

    AlapcímkeMikor?
    bugvalami nem úgy működik, ahogy kellene
    enhancementúj funkció vagy fejlesztés
    documentationa dokumentáció (README, leírások) javítása, bővítése
    questionkérdés, további információ kell
    good first issuekezdőknek ajánlott, könnyű feladat
    help wantedsegítséget várnak hozzá
    duplicate · invalid · wontfixmár bejelentették · nem valós hiba · nem javítjuk

    Saját címkéket is létrehozhatsz (Issues → Labels → New label), pl. frontend, sürgős. A címkékkel szűrsz is: is:issue is:open label:bug, assignee:@me, milestone:v1.0, no:assignee.

    Melyik címke illik rá?

    Válaszd ki a legjobban illő címkét az issue címe alapján.

    1 / 8Pontszám: 0
    …

    5Hivatkozás commitból és PR-ból

    Bárhol a GitHubon (commitüzenet, PR, hozzászólás) a #12 link lesz a 12-es issue-ra, és az issue idővonalán is megjelenik, hogy hivatkoztak rá. Másik repó issue-ja: toth-peter/receptek#3.

    PS> git commit -m "fix: helyes dátum a hírekben" -m "Fixes #12"
    Kulcsszó (bármelyik alakja)Hatása
    close, closes, closedha a PR beolvad az alapértelmezett ágba (vagy a commit oda kerül), a GitHub lezárja az issue-t, és kiírja: closed this as completed in #13
    fix, fixes, fixed
    resolve, resolves, resolved

    6Kanban és GitHub Projects

    A Kanban egy japán eredetű munkaszervezési módszer: a feladatok kártyák, a munka állapotai oszlopok, és a kártyák balról jobbra haladnak. Egy pillantással látszik, mi vár, mi folyamatban van, és mi kész.

    Todo 2
    #14 Kapcsolat oldal
    #15 Sötét téma
    In Progress 1
    #12 Hibás dátum @toth-peter
    Done 1
    #9 Galéria oldal

    A GitHub Projects ezt valósítja meg: a fiókodhoz (vagy szervezetedhez) tartozó tábla, amelyre több repó issue-it és PR-jait is felteheted.

    FunkcióMit tud?
    Board nézetKanban-tábla: oszlopok a Status mező szerint (Todo, In Progress, Done), a kártyákat húzod
    Table nézettáblázat szűréssel, rendezéssel, csoportosítással, saját mezőkkel (pl. prioritás, becslés)
    Roadmap nézetidővonal dátumokkal, mérföldkövekkel
    Draft elemgyors ötlet a táblán, amelyből később valódi issue lehet (Convert to issue)
    Workflowsautomatizmusok: Item closed → Done, Pull request merged → Done, Auto-add (új issue-k magától a táblára kerülnek)

    7Lezárás és rendrakás

    Lezárás módjaMikor?
    Close as completed (lila ikon)a feladat elkészült — ezt csinálja a Fixes #12 is
    Close as not planned (szürke ikon)nem csináljuk meg: elvetett ötlet, nem reprodukálható hiba, wontfix
    Duplicatemár van ilyen issue: hozzászólásban hivatkozz rá (Duplicate of #8), és zárd le

    A lezárt issue nem vész el: az Issues fülön a Closed szűrővel bármikor megtalálod, és a Reopen issue gombbal újranyitható. Törölni csak a repó adminja tud, és ritkán van rá szükség.

    8Issue-labor

    A osztalyoldal repóban már van néhány issue. Szervezd meg a munkát: mérföldkő, új hibajegy, Projects tábla — majd javítsd a hibát úgy, hogy a commitod magától lezárja az issue-t!

    PowerShell + Git + GitHub

    Windows PowerShell
    Küldetések 0 / 8

      9Feladatok

      Gyakorló feladatok

      ⭐ alap · ⭐⭐ haladó · ⭐⭐⭐ kihívás

      23.1⭐Web

      Egy saját repódban nyiss három issue-t (egy hibát, egy új funkciót, egy dokumentációs feladatot), és lásd el őket a megfelelő címkével.

      23.2⭐Web

      Hozz létre egy mérföldkövet határidővel, rendeld hozzá az issue-kat, és figyeld a százalékos sávot, ahogy lezárod őket.

      23.3⭐⭐CLIWeb

      Javíts egy hibát egy ágon, és a PR leírásába írd: Fixes #…. Beolvasztás után ellenőrizd, hogy az issue lezárult-e, és mit ír az idővonala.

      23.4⭐⭐Web

      Készíts GitHub Projects táblát (Board nézet), tedd rá a repó issue-it, és kapcsold be az Auto-add és az Item closed automatizmust. Nyiss egy új issue-t: magától megjelenik?

      23.5⭐⭐Web

      Készíts issue-sablont: .github/ISSUE_TEMPLATE/hibajelentes.md a fejezet szerkezetével. Próbáld ki a New issue gombbal.

      23.6⭐⭐Web

      Gyakorold a szűrést: keresd meg a is:issue is:open label:bug no:assignee feltételnek megfelelő issue-kat. Mit jelent ez a lista a csapat számára?

      23.7⭐⭐⭐

      Csapatban: tervezzetek meg egy kéthetes „sprintet” a projektetekhez a Projects táblán (legalább 8 kártya, felelősökkel, WIP-limit: fejenként 1). A két hét végén nézzétek meg, mi maradt Todo-ban, és miért.

      10Önellenőrző kvíz

      Ellenőrizd magad!

      Az egyválasztós kérdéseknél kattints a válaszra. A többválasztósaknál jelöld be az összes helyeset, majd nyomd meg az Ellenőrzés gombot.

      11Fogalomtár

      FogalomJelentés
      issuefeladat, hibajegy vagy ötlet a repóban, sorszámmal (#12)
      label (címke)színes jelölő a rendszerezéshez és szűréshez (bug, enhancement, …)
      assignee (felelős)aki az issue-n / PR-on dolgozik
      milestone (mérföldkő)cél, amelyhez issue-k és PR-ok tartoznak, határidővel és készültségi sávval
      záró kulcsszóFixes / Closes / Resolves #12: a default ágba kerüléskor lezárja az issue-t
      Kanbanmunkaszervezési módszer: kártyák oszlopokban (Todo → In Progress → Done), korlátozott folyamatban lévő munkával
      GitHub Projectsa GitHub táblája (Board, Table, Roadmap nézet) issue-k és PR-ok követésére
      workflow (Projects)automatizmus, pl. lezárt elem → Done oszlop
      completed / not planneda lezárás két oka: elkészült / nem csináljuk meg
      issue templatesablon az új issue-khoz (.github/ISSUE_TEMPLATE/)

      12Összegzés

      1. Az issue egy konkrét feladat vagy hiba sorszámmal; a jó issue címe konkrét, a leírásból kiderül, mi a teendő (hibánál: lépések, elvárt és tényleges működés).
      2. Címke: mi ez? Felelős: ki csinálja? Mérföldkő: mikorra? Szűrés: label:bug assignee:@me milestone:v1.0.
      3. #12 hivatkozás mindenhol; Fixes #12 a PR-ban vagy commitban: a default ágba kerüléskor lezárja az issue-t.
      4. Kanban: Todo → In Progress → Done, kevés dolog egyszerre. GitHub Projects: Board/Table/Roadmap, automatikus Done.
      5. Lezárás: completed vagy not planned; duplikátumnál hivatkozz az eredetire.

      A következő fejezetben mindezt összerakjuk egyetlen munkafolyamattá: jön a GitHub Flow és a védett main ág.