Jak začít s GitHub Copilot? #1

• Doplňování kódu: předvídá a nabízí pokračování kódu, který píšete.
• Generování z komentářů: vytvoří kód podle textového popisu.
• Vysvětlování kódu: pomůže vám pochopit složité nebo neznámé úseky kódu.
• Refaktorování: navrhuje, jak zlepšit strukturu a čitelnost kódu.
• Tvorba testů: generuje unit i integrační testy pro váš kód.
• Copilot panel (centrální rozhraní): místo, kde s Copilotem komunikujete a vybíráte režim práce, tedy chat (jen navrhuje), editor (mění aktuální soubor) nebo agent (zasahuje napříč projektem).
  • Copilot Chat: interaktivní okno pro konverzaci s AI. Slouží k řešení problémů a dotazům ke kódu. Sám v kódu nic nemění.
  • Copilot Edit (Inline editor): upravuje jen aktuálně otevřený soubor. Je méně samostatný než agent. Typicky navrhne řešení (diff) a vy změnu potvrdíte.
  • Copilot Agent: zvládne složité úkoly napříč soubory (třeba opravit všechny chyby v souboru) včetně použití nástrojů, například příkazů.

💡 Tip: Začněte v Chatu, abyste problém pochopili. Edit použijte na rychlé lokální změny a teprve pak nasaďte Agenta na širší zásahy napříč repozitářem.

• Visual Studio Code: nejčastější volba, snadná instalace přes Marketplace.
• Visual Studio: plná podpora pro vývoj v .NET a dalších technologiích.
• JetBrains IDEs: integrované prostředí pro PyCharm, IntelliJ IDEA, WebStorm a další.
• Azure Data Studio: podpora pro práci s databázemi.

• Krok 1, instalace rozšíření: otevřete správce rozšíření ve svém IDE, vyhledejte "GitHub Copilot" a nainstalujte ho.
• Krok 2, přihlášení: po instalaci se přihlásíte svým GitHub účtem. Autorizaci potvrdíte ve webovém prohlížeči.
• Krok 3, aktivace předplatného: ujistěte se, že máte aktivní předplatné GitHub Copilot. Spravujete ho přímo na webu GitHubu v nastavení účtu (sekce "Copilot"). K dispozici je zkušební verze, placené plány pro jednotlivce (Pro) i pro firmy (Enterprise).

1. Otevřete VS Code -> Extensions (Ctrl+Shift+X)
2. Vyhledejte "GitHub Copilot"
3. Klikněte na "Install"
4. Po instalaci se v pravém dolním rohu objeví ikona Copilot. Pokud ne, restartujte IDE.

💡 Tip: Po instalaci a přihlášení zkontrolujte, že je ikona Copilot aktivní ve stavovém řádku vašeho IDE (nejspíš vpravo dole). Zkuste v novém JavaScript souboru napsat function helloWorld() { a sledujte, jestli Copilot nabídne dokončení. Když ano, můžete začít kódovat s AI.

• „Ghost text“: návrhy kódu se zobrazují přímo v editoru jako průsvitný text.
• Potvrzení: klávesou Tab přijmete celý návrh.
• Odmítnutí: klávesou Esc zrušíte aktuální návrh.
• Cyklování návrhů: když Copilot nabídne víc možností, přepínáte mezi nimi přes Alt/Option + ] a Alt/Option + [.

def factorial(n):
    # Copilot nabídne: if n == 0: return 1
    # Copilot nabídne: else: return n * factorial(n-1)

• Jak přemýšlíme o kódu: architektura, doménové pojmy, preferované vzory a anti-patterns.
• Styl kódu a konvence: názvosloví, struktura modulů, komentáře nad novými funkcemi, požadavky na testy.
• Tech stack: jazyk, frameworky, knihovny, interní utility.
• Kvalita a bezpečnost: požadované kontroly, lint a formátování, bezpečnostní zásady.
• Jak Copilotu zadáváme úkoly: krátké příklady dobrých promptů (co dělat a co ne).

# Copilot Instructions
## Style & Conventions
- Use … naming
- Every new function: docstring + example
## Tech Stack
- Language/Framework: …
## Quality
- Tests: unit + coverage ≥ …
## Prompts
- When asked to refactor, keep public API stable and add tests.

• Inline dotaz: přes Ctrl/Cmd + I otevřete chatovací okno přímo v editoru u vybraného kódu. Hodí se na rychlé otázky ke konkrétnímu úseku.
• Samostatný panel: přes Ctrl/Cmd + Shift + I otevřete plnohodnotný chatovací panel. Tady kladete obecnější dotazy, generujete nové soubory nebo řešíte složitější problémy.
• Slash příkazy: v chatu spouštíte speciální příkazy pro konkrétní akce:
  • /explain: vysvětlí vybraný kód.
  • /tests: vygeneruje unit testy pro vybraný kód.
  • /fix: navrhne opravy chyb ve vybraném kódu.
  • /refactor: pomůže s refaktorováním kódu.
  • /new: vytvoří nový soubor s kódem podle popisu.

💡 Tip: Začněte s inline návrhy, jsou intuitivní a nejrychlejší. Když narazíte na složitější problém nebo potřebujete vysvětlení, přepněte na Copilot Chat. Zkoušejte slash příkazy. Rychle Copilotu řeknete, co chcete, bez zbytečné omáčky okolo, a vaše práce bude efektivnější.

• Jak funguje: Copilot analyzuje kód, který píšete, a hned nabízí návrhy. Zobrazují se jako šedý text a přijmete je klávesou Tab.
• Omezený kontext: pro code completions Copilot pracuje s omezeným kontextem. Zaměřuje se na kód v aktuálním souboru a v několika okolních souborech.
• Kdy použít: hodí se na menší úkoly, dokončování řádků, generování boilerplate kódu nebo psaní jednoduchých funkcí.

# Vytvor zakladni Flask aplikaci
from flask import Flask
app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello, World!'

function fetchData(url) {
    // Po napsani "return fetch(url).t" Copilot navrhne "hen(res => res.json());"
    return fetch(url).then(res => res.json());
}

• Jak funguje: ptáte se v přirozeném jazyce a Copilot odpovídá kódem, vysvětlením nebo návrhy. Má přístup k širšímu kontextu.
• Větší kontext: Copilot Chat pracuje s kontextem až 128k tokenů. Díky tomu „vidí“ víc souborů ve vašem projektu a lépe rozumí složitějším problémům.
• Kdy použít:
  • Složité úkoly: generování celých komponent nebo refaktorování větších bloků kódu.
  • Analýzy: vysvětlení kódu, hledání chyb nebo návrhy na zlepšení.
  • Průzkum: zjišťování informací o knihovnách nebo API.

# Uživatel: "Napis mi funkci v Pythonu,
# ktera nacte data z JSON souboru a vrati je jako slovnik. Pridej i osetreni chyb."
# Copilot:
import json

def load_json_data(filepath):
    try:
        with open(filepath, 'r', encoding='utf-8') as f:
            data = json.load(f)
        return data
    except FileNotFoundError:
        print(f"Chyba: Soubor '{filepath}' nebyl nalezen.")
    except json.JSONDecodeError:
        print(f"Chyba: Soubor '{filepath}' neni platny JSON format.")
    except Exception as e:
        print(f"Nastala neočekávaná chyba při čtení souboru '{filepath}': {e}")

    return None

• Pište idiomaticky: pište kód tak, jak by ho v daném jazyce napsal zkušený programátor. Copilot je trénovaný na milionech řádků kódu a lépe reaguje na běžné vzory a konvence.
  • Proč: když píšete podle běžných postupů, Copilot lépe odhadne, co chcete, a nabídne relevantnější návrhy.
• Mějte otevřené soubory: čím víc relevantních souborů máte v IDE otevřených, tím víc kontextu Copilot má. Vygeneruje pak přesnější a relevantnější kód.
  • Proč: Copilot „čte“ otevřené soubory. Rozumí závislostem, datovým strukturám i existující logice.
• Kontext rovná se kvalita: kvalita generovaného kódu přímo závisí na kontextu, který Copilotu dáte.
  • Vysvětlení: čím víc relevantního kódu, komentářů a otevřených souborů Copilot vidí, tím lépe rozumí vašim záměrům. Návrhy jsou pak přesnější, relevantnější a použitelnější.

• Jak začít s GitHub Copilot? #2 - Refaktorování, optimalizace a generování testů
• AI: Pomocník nebo hrozba pro juniory? - AI ve vývoji očima juniora
• Jak začít implementovat AI ve firmě? - Třetina českých firem už plánuje zapojit AI
• Co to je AI prokrastinace a netrpíte jí náhodou i vy? - Možná znáte někoho, kdo jí trpí