# 🤖 Claude Code: AI asistent pro vývoj
👉 [[1.1.1 O projektu]]
👉 [[1.1.2 Vlastní digitální svět (přehled článků)]]
## 📌 Úvod: Proč Claude Code?
[Claude Code](https://claude.ai/code) je **AI asistent od Anthropic** specializovaný na programování. Rozumí kontextu vašeho projektu a pomáhá s vývojem přímo v terminálu nebo IDE.
Podporuje:
- ✅ **Porozumění celému projektu a jeho struktuře**
- ✅ **Generování a refaktoring kódu**
- ✅ **Debugging a vysvětlování chyb**
- ✅ **Integrace s VS Code a terminálem**
V tomto článku si ukážeme, jak začít s Claude Code a využít jeho potenciál.
![[image_claudecode.png]]
---
## 📜 Licence a cena
| Aspekt | Detail |
|--------|--------|
| **Licence** | Proprietary (Anthropic) |
| **Self-hosting** | ❌ Ne, vyžaduje Anthropic API |
| **Free tier** | ❌ Pouze trial kredity |
| **Placené** | Pay-as-you-go přes Anthropic API |
| **Dokumentace** | [docs.anthropic.com](https://docs.anthropic.com/) |
> Claude Code je **proprietární nástroj od Anthropic**. Na rozdíl od Gemini CLI není open-source. Platíte za API volání podle spotřeby. Pro profesionální vývoj je investice rychle vrácena zvýšenou produktivitou.
### Cenové modely Claude API
| Model | Input (1M tokenů) | Output (1M tokenů) | Kontext |
|-------|-------------------|--------------------|---------|
| Claude 3 Haiku | $0.25 | $1.25 | 200k |
| Claude 3 Sonnet | $3 | $15 | 200k |
| Claude 3 Opus | $15 | $75 | 200k |
> **Tip:** Pro běžné úkoly použijte Haiku (nejlevnější), pro komplexní analýzu Opus. Claude Code automaticky vybírá vhodný model.
### Claude Pro subscription
Alternativně lze použít Claude Pro subscription ($20/měsíc) s přístupem přes webové rozhraní claude.ai, které má vyšší limity pro konverzace.
---
## 🚀 Instalace
### CLI verze
```bash
# Pomocí npm
npm install -g @anthropic-ai/claude-code
# Nebo pomocí brew (macOS)
brew install anthropic/tap/claude-code
```
### VS Code extension
1. Otevřete VS Code Extensions
2. Vyhledejte "Claude"
3. Nainstalujte oficiální rozšíření
### Nastavení API klíče
```bash
export ANTHROPIC_API_KEY="your_api_key_here"
```
📌 **API klíč získáte na [console.anthropic.com](https://console.anthropic.com/)**
---
## ⚙️ Konfigurace
### Základní použití v terminálu
```bash
# Spuštění v projektu
cd /your/project
claude-code
# Jednorázový dotaz
claude-code "Jak funguje autentizace v tomto projektu?"
# S konkrétním souborem
claude-code "Vysvětli tuto funkci" src/auth.ts
```
### Konfigurace projektu (.claude/config.json)
```json
{
"context": {
"include": ["src/**/*.ts", "package.json"],
"exclude": ["node_modules", "dist"]
},
"model": "claude-3-opus",
"maxTokens": 4096
}
```
---
## 💡 Praktické použití
### Use case 1: Refaktoring legacy monolitu
**Situace:** Startup zdědil 5 let starý Express.js backend. Žádné testy, callback hell, deprecated dependencies. Potřebují modernizovat bez přepisování od nuly.
**Řešení s Claude Code:**
- **Analýza:** "Explain the architecture of this project"
- **Plán:** "Create a refactoring plan, prioritize by risk"
- **Migrace:** "Convert this file from callbacks to async/await"
- **Testy:** "Generate tests for this function before refactoring"
- **Dependencies:** "Identify deprecated packages and suggest alternatives"
- **PR review:** "Review my changes for potential breaking changes"
**Příklad workflow:**
```bash
# Pochop projekt
claude-code "Explain the data flow in this Express app"
# Refaktoruj jeden modul
claude-code "Refactor src/users/controller.js to use async/await"
# Vygeneruj testy
claude-code "Write Jest tests for the refactored controller"
```
**Výsledek:** Postupná modernizace bez rizika, dokumentovaný postup.
### Use case 2: Full-stack feature development
**Situace:** Solo vývojář buduje MVP. Potřebuje implementovat user authentication – backend, frontend, databázi. Sám by to trvalo týden.
**Řešení s Claude Code:**
- **Backend:** "Create Express routes for login, register, logout"
- **Database:** "Generate Prisma schema for users with email verification"
- **Frontend:** "Create React components for auth forms with validation"
- **Security:** "Review for OWASP top 10 vulnerabilities"
- **Tests:** "Generate e2e tests for the auth flow"
- **Docs:** "Create API documentation for auth endpoints"
**Příklad:**
```bash
# Vygeneruj kompletní auth flow
claude-code "Implement JWT authentication with refresh tokens:
- Prisma schema for users
- Express routes with middleware
- React login/register forms
- Password reset via email"
```
**Výsledek:** Kompletní feature za den místo týdne.
### Use case 3: Bug hunting v production
**Situace:** E-shop má bug – někteří uživatelé nemohou dokončit objednávku. Logy ukazují 500 error, ale příčina není zřejmá.
**Řešení s Claude Code:**
- **Kontext:** Claude vidí celý projekt, chápe souvislosti
- **Logy:** "Analyze this error log and trace the root cause"
- **Repro:** "What conditions could cause this error?"
- **Fix:** "Suggest a fix with proper error handling"
- **Prevention:** "How can we prevent similar bugs?"
- **Test:** "Write a test that would catch this bug"
**Příklad:**
```bash
# Debug session
claude-code "I have this error in production:
[Error log]
The checkout fails for some users. Help me find the root cause."
```
**Výsledek:** Systematický debugging místo náhodného hledání.
### Use case 4: Learning nový framework
**Situace:** Frontend vývojář se učí Rust pro systémové programování. Dokumentace je rozsáhlá, koncepce neznámé.
**Řešení s Claude Code:**
- **Vysvětlení:** "Explain Rust ownership in terms a JS developer understands"
- **Příklady:** "Show me how to do X in Rust (I know how in TypeScript)"
- **Review:** "Is this idiomatic Rust? How would an expert write it?"
- **Debugging:** "Why does the borrow checker complain here?"
- **Projekty:** "Suggest a small project to practice lifetimes"
**Příklad:**
```bash
# Překlad znalostí
claude-code "I wrote this in TypeScript. How would I write it in Rust?
[TypeScript code]"
# Code review
claude-code "Is this Rust code idiomatic? What would you improve?"
```
**Výsledek:** Rychlejší learning curve s personalizovaným tutorem.
### Use case 5: Codebase onboarding
**Situace:** Nový vývojář nastupuje do týmu. Projekt má 500k řádků kódu, dokumentace zastaralá. Obvyklý onboarding trvá měsíc.
**Řešení s Claude Code:**
- **Overview:** "Explain the architecture of this monorepo"
- **Flow:** "Trace a user request from frontend to database"
- **Patterns:** "What design patterns are used in this codebase?"
- **Conventions:** "What naming conventions and coding standards are used?"
- **Entry points:** "Where should I start if I want to add a new API endpoint?"
- **Gotchas:** "What are common mistakes new developers make here?"
**Příklad:**
```bash
# První den
claude-code "I'm new to this project. Give me a high-level overview
of the architecture and the main directories."
# Pochopení flow
claude-code "Walk me through what happens when a user places an order"
```
**Výsledek:** Produktivní nový vývojář za týden místo měsíce.
---
## 🆚 Claude Code vs Gemini CLI vs GitHub Copilot
| Aspekt | Claude Code | Gemini CLI | GitHub Copilot |
|--------|------------|------------|----------------|
| **Kontext projektu** | Výborný (200k) | Nejlepší (1M) | Limitovaný |
| **Dlouhé konverzace** | Silná stránka | Základní | N/A |
| **Cena** | $$ | Free tier | $10/měsíc |
| **IDE integrace** | VS Code, CLI | Pouze CLI | Všechna IDE |
| **Reasoning** | Nejlepší | Dobrý | Základní |
| **Self-hosting** | ❌ | ❌ | ❌ |
> **Kdy Claude Code:** Komplexní reasoning, dlouhé konverzace, architektonické rozhodnutí
> **Kdy Gemini:** Analýza velmi velkých codebases, free tier
> **Kdy Copilot:** Autocomplete při psaní, rychlé snippety
---
## 🏁 Závěr a další kroky
✅ **Claude Code je výkonný AI asistent pro vývoj.**
✅ **Nejlepší reasoning schopnosti na trhu.**
✅ **Rozumí kontextu celého projektu (200k tokenů).**
✅ **Ideální pro komplexní úkoly, refaktoring a architektonické rozhodnutí.**
👉 **Používáte AI při vývoji? Jaký nástroj preferujete?** 🚀
---
### ⏪ Související články ⏩
> **🔙 Předchozí článek:**
> [[2025-07-15 Gemini CLI (Google AI v terminálu)|Gemini CLI (Google AI v terminálu)]]
>
> **🔜 Následující článek:**
> Sledujte další díly série DigiLifeHub!
#ai #claude #claudecode #vyvoj #osobniDigitalizace #digilifehub