Jak začít s GitHub Copilot? #1

GitHub Copilot dokáže v mnoha týmech zrychlit vývoj klidně o 50 %.

Možná jste o něm už slyšeli, ale ještě jste ho nezkusili. V tomhle článku projdeme nastavení i první kroky k tomu, jak začít.

Copilot ale určitě není jen pro vývojáře; pomůže i analytikům, testerům nebo lidem mimo IT s jednoduchými skripty a prototypy - často i bez předchozí zkušenosti s programováním.

Pořád je to ale asistent, ne autopilot. Začněte na malých úkolech a postupně objevujte, co zvládne ve vašem kontextu.

Co to je a co od něj čekat?

GitHub Copilot je AI asistent pro programování. Výrazně zrychluje psaní kódu. Pohání ho pokročilé modely umělé inteligence, primárně od OpenAI a Anthropic.

Jak funguje? Copilot čte kontext vašeho projektu: texty, už napsaný kód, názvy souborů i komentáře a podle toho navrhuje, co má následovat: další řádky, celé funkce i testy. Ovládáte ho běžným jazykem, třeba „vytvoř funkci pro sečtení dvou čísel". Návrh se rovnou objeví v editoru.

Co umí?

• Doplňování kódu: Predikuje a nabízí pokračování kódu, který píšete.
• Generování z komentářů: Vytvoří kód na základě textového popisu.
• Vysvětlování kódu: Pomůže vám pochopit složité nebo neznámé úseky kódu.
• Refaktorování: Navrhuje vylepšení pro 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 – chat (jen navrhuje), editor (mění aktuální soubor) nebo agent (umí zasahovat napříč projektem).
  • Copilot Chat: Interaktivní okno pro konverzaci s AI. Slouží k řešení problémů nebo dotazům ke kódu. Neprovádí automatické změny přímo v kódu.
  • Copilot Edit (Inline editor): Provádí úpravy jen v aktuálně otevřeném souboru. Méně autonomní než agent; typicky navrhne řešení (diff) a ty změnu potvrdíš.
  • Copilot Agent: Umí řešit komplexní úkoly napříč soubory (např. opravit všechny chyby v souboru) včetně použití nástrojů, například příkazy.

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

Od Copilotu můžete čekat hlavně zrychlení práce. Výrazně zkrátí čas věnovaný rutinnímu psaní kódu. Průběžně také pomáhá s učením: ukazuje nové vzory a jiné způsoby řešení. Často dodá i solidní výchozí návrh, který si pak upravíte podle sebe.

Zároveň ale nejde o náhradu vývojáře; lidská logika a kritické myšlení zůstávají klíčové. Generovaný kód není bezchybný, proto je nutné ho zkontrolovat, otestovat a ohlídat případné chyby, bezpečnostní díry či neefektivní implementaci. I když má Copilot přístup k projektu, bez dostatečného kontextu (pravidla, dokumentace, komentáře) se chová jako vývojář v cizím kódu: část záměru si domyslí a výsledky se můžou rozcházet s tím, co chcete - tím víc, čím větší změny generuje.

Instalace a první kroky

Abyste mohli začít používat GitHub Copilota, je nejprve potřeba nainstalovat si rozšíření do vašeho oblíbeného vývojového prostředí.

Podporovaná IDE:

• 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.

Jak aktivovat Copilot:

• Krok 1: Instalace rozšíření: Otevřete správce rozšíření ve svém IDE a vyhledejte "GitHub Copilot". Nainstalujte ho.
• Krok 2: Přihlášení: Po instalaci budete vyzváni k přihlášení pomocí svého GitHub účtu. Potvrďte autorizaci 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í vašeho účtu (sekce "Copilot"). K dispozici je zkušební verze, placené plány pro jednotlivce (Pro) a pro firmy (Enterprise).

Příklad: Instalace ve VS Code

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í se ujistěte, že je ikona Copilot aktivní ve stavovém řádku vašeho IDE (pravděpodobně vpravo dole). Zkuste v novém JavaScript souboru napsat function helloWorld() { a sledujte, zda Copilot nabídne dokončení. Pokud ano, jste připraveni začít kódovat s AI!

Základní práce s Copilotem

Po úspěšné instalaci a aktivaci je čas seznámit se s hlavními způsoby, jak GitHub Copilot využívat. Interakce probíhá primárně dvěma cestami: návrhy kódu a Copilot Chat.

Návrhy kódu:

• "Ghost text": Návrhy kódu se zobrazují přímo ve vašem editoru jako průsvitný text.
• Potvrzení: Stiskněte klávesu Tab pro přijetí celého návrhu.
• Odmítnutí: Stiskněte klávesu Esc pro zrušení aktuálního návrhu.
• Cyklování návrhů: Pokud Copilot nabídne více možností, můžete mezi nimi přepínat pomocí Alt/Option + ] a Alt/Option + [.

Příklad: Začněte psát funkci a Copilot nabídne dokončení.

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

Copilot Instructions (system prompt)

Aby Copilot radil ve vašem stylu a s ohledem na projekt, přidejte do repozitáře soubor copilot-instructions.md. Copilot si ho bude brát do kontextu při chatu i při inline generování.

Co do něj dát:

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

# 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.

Copilot Chat

• Inline dotaz: Použijte Ctrl/Cmd + I pro otevření chatovacího okna přímo v editoru u vybraného kódu. Ideální pro rychlé otázky ke konkrétnímu úseku.
• Samostatný panel: Otevřete Ctrl/Cmd + Shift + I pro plnohodnotný chatovací panel. Zde můžete klást obecnější dotazy, generovat nové soubory nebo řešit komplexnější problémy.
• Slash příkazy: V chatu používejte speciální příkazy pro specifické 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 na základě popisu.

Příklad: V chatu napište /explain selected code po označení funkce.

Příklad: V chatu napište /tests for this function po označení funkce.

💡 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. Experimentujte se slash příkazy, výrazně zefektivní vaši práci díky rychlejšímu vysvětlení Copilotu, co chceme bez zbytečné omáčky okolo.

Generování a dokončování kódu

GitHub Copilot nabízí dva hlavní způsoby, jak vám pomoci s kódem: Code Completions a Copilot Chat. Každý je vhodný pro jiné situace.

Code Completions

Toto je primární způsob, jak Copilot funguje. Nabízí návrhy přímo během psaní kódu.

• Jak funguje: Copilot analyzuje kód, který píšete, a poskytuje okamžité návrhy. Ty se zobrazují jako šedý text, který můžete přijmout klávesou Tab.
• Omezený kontext: Copilot pro code completions využívá omezený kontext. To znamená, že se zaměřuje na kód v aktuálním souboru a několik okolních souborů.
• Kdy použít: Ideální pro menší úkoly, dokončování řádků, generování boilerplate kódu, nebo psaní jednoduchých funkcí.

Příklad (boilerplate):

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

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

Příklad (dokončování):

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

Copilot Chat

Copilot Chat je interaktivní rozhraní. Umožňuje vést dialog s Copilotem. Je vhodný pro komplexnější úkoly.

• Jak funguje: Můžete klást otázky v přirozeném jazyce. Copilot odpovídá kódem, vysvětlením nebo návrhy. Má přístup k širšímu kontextu.
• Větší kontext: Copilot Chat může využívat kontext až 128k tokenů. Díky tomu "vidí" více souborů ve vašem projektu. Lépe tak rozumí složitějším problémům.
• Kdy použít:
  • Komplexní ú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: Získává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

Best Practices

Maximalizujte efektivitu Copilota dodržováním těchto tipů:

• Pište idiomaticky: Snažte se psát kód tak, jak by ho psal zkušený programátor v daném jazyce. Copilot je trénován na milionech řádků kódu. Lépe reaguje na běžné vzory a konvence.
  • Proč: Když píšete v souladu s běžnými postupy, Copilot lépe předvídá, co chcete, a generuje relevantnější návrhy.
• Mějte otevřené soubory: Čím více relevantních souborů máte otevřených ve svém IDE, tím více kontextu Copilot má. To mu pomáhá generovat přesnější a kontextově relevantnější kód.
  • Proč: Copilot "čte" otevřené soubory. Rozumí závislostem, datovým strukturám a existující logice.
• Kontext = kvalita: Kvalita generovaného kódu přímo souvisí s kontextem, který Copilotu poskytnete.
  • Vysvětlení: Čím více relevantního kódu, komentářů a otevřených souborů Copilot vidí, tím lépe rozumí vašim záměrům. To vede k přesnějším, relevantnějším a použitelnějším návrhům.

Shrnutí

GitHub Copilot vám po rychlé instalaci a aktivaci pomůže výrazně zrychlit rutinní práci v IDE. Umí doplňovat kód, generovat funkce z komentářů, vysvětlovat cizí části kódu, navrhovat refaktoring a tvořit testy. Přes Copilot Chat s ním snadno řešíte konkrétní úlohy i širší otázky. Pořád ale platí, že jde o asistenta: návrhy je potřeba kontrolovat, testovat a dávat mu co nejlepší kontext, aby byl výsledek kvalitní.

Teď máte vše potřebné, abyste mohli GitHub Copilot začít používat. Chystáme pokračování této série, kde půjdeme víc do hloubky: refaktorování a optimalizace, generování testů a nakonec i to, jak dosáhnout vyšší kvality kódu při používání Copilotu v týmu.

Související články

• 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í