Claude Code培åºè§£èª¬ïŒã¿ãŒããã«ãã¡ãŒã¹ãã®AIã³ãŒãã£ã³ã°ãšãŒãžã§ã³ããéçºè ã®åãæ¹ãå€ãã
Claude Code培åºè§£èª¬ïŒã¿ãŒããã«ãã¡ãŒã¹ãã®AIã³ãŒãã£ã³ã°ãšãŒãžã§ã³ããéçºè ã®åãæ¹ãå€ãã
AIã³ãŒãã£ã³ã°ã¢ã·ã¹ã¿ã³ãã®åéã«ãæ ¹æ¬çã«ç°ãªãã¢ãããŒããæã€æ°ãããã¬ã€ã€ãŒãç»å ŽããŸãããGitHub CopilotãIDEã®ãªãŒãã³ã³ããªãŒãã«äœã¿ãCursorããšãã£ã¿äœéšå šäœãåèšèšããäžæ¹ã§ãClaude Codeã¯ãŸã£ããå¥ã®éãéžã³ãŸããããã¯ãŒãŠãŒã¶ãŒãæ¢ã«æéãéãããŠããå Žæââã³ãã³ãã©ã€ã³ã§åäœãããã¿ãŒããã«ãã€ãã£ããªãšãŒãžã§ã³ãåAIã§ãã
ã€ã³ã©ã€ã³ã³ãŒããµãžã§ã¹ãã®éçã«äžæºãæããããšããããªãããŸãã¯ã³ãŒãããŒã¹å šäœãçè§£ããŠè€éãªãã«ãã¹ãããã¿ã¹ã¯ãèªåŸçã«å®è¡ã§ããAIãå¿ èŠãªããClaude Codeã¯ãŸãã«ãæ¢ãã®ããŒã«ãããããŸããããã®åŸ¹åºè§£èª¬ã§ã¯ãåºæ¬çãªã»ããã¢ããããé«åºŠãªã¯ãŒã¯ãããŒãå®éã®ãŠãŒã¹ã±ãŒã¹ããããŠç«¶å補åãšã®æ£çŽãªæ¯èŒãŸã§ããã¹ãŠãç¶²çŸ ããŸãã
ç®æ¬¡
- Claude Codeãšã¯äœãããªãéèŠãªã®ãïŒ
- ã¯ããã«ïŒã€ã³ã¹ããŒã«ãšã»ããã¢ãã
- ãšãŒãžã§ã³ãã¢ãŒããã¯ãã£ã®çè§£
- ã³ã¢ã³ãã³ããšã¯ãŒã¯ãããŒãã¿ãŒã³
- é«åºŠãªãŠãŒã¹ã±ãŒã¹ãšãã¯ããã¯
- ã³ã³ããã¹ã管çïŒ200KããŒã¯ã³ã®åªäœæ§
- Claude Code vs Cursor vs GitHub CopilotïŒãã€äœã䜿ãã¹ãã
- ã»ãã¥ãªãã£ã®èæ ®äºé ãšãã¹ããã©ã¯ãã£ã¹
- å®éã®ã±ãŒã¹ã¹ã¿ãã£
- ã¿ãŒããã«ãã¡ãŒã¹ãAIéçºã®æªæ¥
Claude Codeãšã¯äœãããªãéèŠãªã®ãïŒ
Claude Codeã¯ãAnthropicãéçºããã¿ãŒããã«ãã€ãã£ãã®AIã³ãŒãã£ã³ã°ã¢ã·ã¹ã¿ã³ãã§ãæã髿§èœãªClaudeã¢ãã«ã®äžã«æ§ç¯ãããŠããŸããè¡åäœã®ãµãžã§ã¹ãã«çŠç¹ãåœãŠãåŸæ¥ã®ã³ãŒãã£ã³ã°ã¢ã·ã¹ã¿ã³ããšã¯ç°ãªããClaude Codeã¯ãšãŒãžã§ã³ãã·ã¹ãã ãšããŠåäœããŸãââããã¯ãè€éãªãã«ãã¹ãããã¿ã¹ã¯ãèªåŸçã«èšç»ã»å®è¡ã»å埩ã§ããããšãæå³ããŸãã
ã¿ãŒããã«ãã¡ãŒã¹ãå²åŠ
Claude Codeãã¿ãŒããã«åãã«æ§ç¯ããã®ã¯å¶ç¶ã§ã¯ãããŸããããããéèŠãªçç±ãèŠãŠã¿ãŸãããïŒ
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
â ãªãã¿ãŒããã«ãã¡ãŒã¹ããïŒ â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ€
â â
â â IDEããã¯ã€ã³ãªãïŒæ¢ã«äœ¿ã£ãŠããã©ã®ãšãã£ã¿ãšã飿ºå¯èœ â
â â ã¹ã¯ãªããåå¯èœïŒä»ã®CLIããŒã«ãã¹ã¯ãªãããšçµã¿åããå¯èœ â
â â ãããã¬ã¹ïŒãªã¢ãŒããµãŒããŒãCI/CDãã€ãã©ã€ã³ã«æé© â
â â ãã¯ãã«ïŒã·ã¹ãã æ©èœãžã®ãã«ã¢ã¯ã»ã¹ â
â â 銎æã¿ãããïŒãã¯ãŒãŠãŒã¶ãŒã¯æ¢ã«ã¿ãŒããã«ã§ç掻ããŠãã â
â â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
CursorãšCopilotããšãã£ã¿å ã§ã¹ããŒã¹ãç«¶ãåãäžãClaude Codeã¯å¥ã®è³ããããŸãïŒæãæŽç·ŽãããAIã¢ã·ã¹ã¿ã³ã¹ãå¿ èŠãšããéçºè ã¯æ¢ã«ã¿ãŒããã«ã«æ £ããŠããããã®ã¯ãŒã¯ãããŒãå°éããããŒã«ãæäŸããã°ããŸã£ããæ°ããå¯èœæ§ãéãããšããèãã§ãã
ãšãŒãžã§ã³ãçãªéã
Claude Codeãæ ¹æ¬çã«ç°ãªãã®ã¯ããã®ãšãŒãžã§ã³ãçãªæ§è³ªã§ããåŸæ¥ã®ã³ãŒãã£ã³ã°ã¢ã·ã¹ã¿ã³ãã¯ãªã¢ã¯ãã£ãã§ãââã¿ã€ãã³ã°ãåŸ ã£ãŠããã®åŸã§è£å®ãææ¡ããŸããClaude Codeã¯ããã¢ã¯ãã£ãã§ããã¿ã¹ã¯ãäžãããããšïŒ
- èªã¿åããšåæïŒãããžã§ã¯ãæ§é å šäœã
- æ€çŽ¢ãšçè§£ïŒé¢é£ãã¡ã€ã«ãšäŸåé¢ä¿ã
- èšç»ïŒåé¡è§£æ±ºã®ããã®ãã«ãã¹ãããã¢ãããŒãã
- å®è¡ïŒè€æ°ãã¡ã€ã«ã«åæã«å€æŽã
- ãã¹ãå®è¡ïŒå€æŽãåäœãããæ€èšŒ
- èªå·±ä¿®æ£ïŒãšã©ãŒã«ééããå Žå
- å埩ïŒã¿ã¹ã¯ãå®äºãããŸã§
ããã¯ã¹ããã€ããæã£ããªãŒãã³ã³ããªãŒãã§ã¯ãããŸããââãœãããŠã§ã¢éçºã«ããã人éãšAIã®ã³ã©ãã¬ãŒã·ã§ã³ã®ãæ ¹æ¬çã«ç°ãªããã©ãã€ã ã§ãã
ã¯ããã«ïŒã€ã³ã¹ããŒã«ãšã»ããã¢ãã
ã·ã¹ãã ã§Claude CodeãåãããŠã¿ãŸããããã€ã³ã¹ããŒã«ããã»ã¹ã¯ç°¡åã§ãããããã€ãã®åææ¡ä»¶ãå¿ èŠã§ãã
åææ¡ä»¶
- Node.js 18+ïŒClaude Codeã¯npmããã±ãŒãžãšããŠé åžãããŸãïŒ
- Anthropic APIããŒïŒãŸãã¯Claude Pro/Teamsãµãã¹ã¯ãªãã·ã§ã³ïŒ
- ã¿ãŒããã«ïŒmacOSãLinuxãWSLçµç±ã®Windowsã§åäœïŒ
ã€ã³ã¹ããŒã«
# npmã§ã°ããŒãã«ã€ã³ã¹ããŒã« npm install -g @anthropic-ai/claude-code # ãŸã㯠pnpm ãäœ¿çš pnpm add -g @anthropic-ai/claude-code # ãŸã㯠yarn ãäœ¿çš yarn global add @anthropic-ai/claude-code
èªèšŒ
Anthropicã®èªèšŒæ å ±ã§èªèšŒããå¿ èŠããããŸãïŒ
# APIããŒãäœ¿çš export ANTHROPIC_API_KEY="sk-ant-..." # ãŸãã¯å¯Ÿè©±çã«ãã°ã€ã³ïŒClaude Proããæã¡ã®å ŽåïŒ claude login
ã€ã³ã¹ããŒã«ã®ç¢ºèª
claude --version # Claude Code v2.x claude --help # å©çšå¯èœãªã³ãã³ããšãªãã·ã§ã³ã衚瀺
æåã®ã€ã³ã¿ã©ã¯ã·ã§ã³
ä»»æã®ãããžã§ã¯ããã£ã¬ã¯ããªã«ç§»åããŠã察話ã»ãã·ã§ã³ãéå§ããŸãïŒ
cd ~/projects/my-app claude # Claude Codeã®ããã³ããã衚瀺ãããŸãïŒ # claude>
ããã§èªç¶èšèªã§ã¿ã¹ã¯ãæç€ºã§ããŸãïŒ
claude> ãã®ãããžã§ã¯ãã®æ§é ãšäœ¿çšããŠããæè¡ãæããŠãã ããã
Claude Codeãã³ãŒãããŒã¹ãåæããå æ¬çãªæŠèŠãæäŸããŸãã
ãšãŒãžã§ã³ãã¢ãŒããã¯ãã£ã®çè§£
Claude Codeã广çã«äœ¿çšããã«ã¯ãã©ã®ããã«èããåäœããããçè§£ããããšãå©ãã«ãªããŸãã
èªè-èšç»-å®è¡ã«ãŒã
Claude Codeã«ã¿ã¹ã¯ãäžãããšãæ§é åãããããã»ã¹ã«åŸããŸãïŒ
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
â ãšãŒãžã§ã³ãå®è¡ã«ãŒã â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ€
â â
â 1. èªè â
â âââ é¢é£ãã¡ã€ã«ãèªã¿åã â
â âââ ã³ãŒãæ§é ãåæ â
â âââ äŸåé¢ä¿ãçè§£ â
â âââ å¶çŽãç¹å® â
â â â
â ⌠â
â 2. èšç» â
â âââ ã¿ã¹ã¯ãã¹ãããã«åè§£ â
â âââ 倿Žãããã¡ã€ã«ãç¹å® â
â âââ ãšããžã±ãŒã¹ãèæ
® â
â âââ ã¢ãããŒããçå® â
â â â
â ⌠â
â 3. å®è¡ â
â âââ ãã¡ã€ã«å€æŽãè¡ã â
â âââ ã³ãã³ããå®è¡ â
â âââ çµæãæ€èšŒ â
â âââ ãšã©ãŒããã³ããªã³ã° â
â â â
â ⌠â
â 4. æ¯ãè¿ã â
â âââ ã¿ã¹ã¯å®äºãç¢ºèª â
â âââ åé¡ãã¬ãã¥ãŒ â
â âââ å¿
èŠã«å¿ããŠå埩 âââââââââââââââââââââ â
â â â
â ââââââââââââââââââââââââââââââââââââââââââââââ â
â â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
ããŒã«ã¢ã¯ã»ã¹
Claude Codeã¯ããã®æ©èœãæ¯ããããŸããŸãªã·ã¹ãã ããŒã«ã«ã¢ã¯ã»ã¹ã§ããŸãïŒ
| ããŒã« | ç®ç | 䜿çšäŸ |
|---|---|---|
read_file | ãã¡ã€ã«å 容ãèªã¿åã | æ¢åã³ãŒãã®åæ |
write_file | ãã¡ã€ã«ãäœæãŸãã¯å€æŽ | 倿Žã®å®è£ |
search_files | ã³ãŒãããŒã¹ãæ€çŽ¢ | é¢é£ã³ãŒãã®æ€çŽ¢ |
list_directory | æ§é ãæ¢çŽ¢ | ãããžã§ã¯ãã¬ã€ã¢ãŠãã®çè§£ |
run_command | ã·ã§ã«ã³ãã³ããå®è¡ | ãã¹ãå®è¡ãäŸåé¢ä¿ã€ã³ã¹ããŒã« |
grep_search | ãã¿ãŒã³ãããã³ã° | 䜿çšãã¿ãŒã³ã®æ€çŽ¢ |
Claude Codeãã¢ã¯ã·ã§ã³ãå®è¡ããå¿ èŠãããå Žåãæš©éãèŠæ±ããŸãïŒç¹å®ã®æäœãäºåæ¿èªããŠããªãéãïŒãããã«ãããèªåŸçãªåäœãèš±å¯ããªãããå¶åŸ¡ãç¶æã§ããŸãã
ã³ã³ããã¹ã管ç
Claude Codeã®ãã©ãŒæ©èœã®1ã€ã¯ããã®å·šå€§ãªã³ã³ããã¹ããŠã£ã³ããŠââæå€§200,000ããŒã¯ã³ã§ããæ¯èŒãããšïŒ
- GitHub CopilotïŒçŽ8,000ããŒã¯ã³
- CursorïŒçŽ32,000ããŒã¯ã³ïŒã³ã³ããã¹ãæ¡åŒµæïŒ
- Claude CodeïŒ200,000ããŒã¯ã³
ããã¯ãè€éãªãããžã§ã¯ãã§ã³ãŒãããŒã¹å šäœãäœæ¥ã¡ã¢ãªã«ä¿æã§ããå°ããªã³ã³ããã¹ããŠã£ã³ããŠã§ã¯åçŽã«ãµããŒãã§ããªãé¢ä¿ã®çè§£ãšå€æŽãå¯èœã«ãªãããšãæå³ããŸãã
ã³ã¢ã³ãã³ããšã¯ãŒã¯ãããŒãã¿ãŒã³
çç£çãªClaude Code䜿çšã®ããã®å¿ é ã³ãã³ããšãã¿ãŒã³ãèŠãŠãããŸãããã
察話ã¢ãŒã
Claude Codeã䜿çšããæãäžè¬çãªæ¹æ³ã¯å¯Ÿè©±ã¢ãŒãã§ãïŒ
claude
ã»ãã·ã§ã³ã«å ¥ã£ãããèªç¶èšèªã§æç€ºã§ããŸãïŒ
claude> ãŠãŒã¶ãŒç»é²ãã©ãŒã ã«å
¥åæ€èšŒã远å ããŠãã ããã
ã¡ãŒã«ãã©ãŒããããæå¹ã§ããããšããã¹ã¯ãŒããæäœ8æåã§
æ°åã1ã€å«ãããšã確èªããŠãã ããã
Claude Codeããããžã§ã¯ããåæããé¢é£ãã¡ã€ã«ãèŠã€ããŠã倿Žãå®è£ ããŸãã
ã¯ã³ã·ã§ããã³ãã³ã
çŽ æ©ãã¿ã¹ã¯ã«ã¯ãçŽæ¥æç€ºãæž¡ãããšãã§ããŸãïŒ
# 察話ã¢ãŒãã«å ¥ããã«çŽ æ©ãã¿ã¹ã¯ claude "processPayment颿°ãäœãããã説æããŠãã ãã" # Claude Codeã«ã³ã³ãã³ãããã€ã cat error.log | claude "ãã®ãšã©ãŒãã°ãåæããŠä¿®æ£ãææ¡ããŠãã ãã" # ãã¡ã€ã«ãçæ claude "idãemailãnameãcreatedAtãã£ãŒã«ããæã€Userçšã® TypeScriptã€ã³ã¿ãŒãã§ãŒã¹ãäœæããŠãã ãã" > types/user.ts
/ã³ãã³ã
察話ã»ãã·ã§ã³å ã§ã¯ãClaude Codeã¯äžè¬çãªæäœçšã®ã¹ã©ãã·ã¥ã³ãã³ãããµããŒãããŠããŸãïŒ
| ã³ãã³ã | 説æ |
|---|---|
/help | å©çšå¯èœãªã³ãã³ãã衚瀺 |
/clear | äŒè©±å±¥æŽãã¯ãªã¢ |
/context | çŸåšã®ã³ã³ããã¹ãã«ãããã®ã衚瀺 |
/add <ãã¹> | ãã¡ã€ã«ãŸãã¯ãã£ã¬ã¯ããªãã³ã³ããã¹ãã«è¿œå |
/remove <ãã¹> | ã³ã³ããã¹ãããåé€ |
/compact | ã³ã³ããã¹ããèŠçŽã»å§çž® |
/model | Claudeã¢ãã«ãåãæ¿ã |
/cost | çŸåšã®ã»ãã·ã§ã³ã®æšå®ã³ã¹ãã衚瀺 |
å®è·µçãªã¯ãŒã¯ãããŒïŒãã°ä¿®æ£
ãã°ãä¿®æ£ããå®éã®ã¯ãŒã¯ãããŒãèŠãŠã¿ãŸãããïŒ
$ claude claude> Dashboardã³ã³ããŒãã³ãã§TypeError: Cannot read property 'map' of undefined ãçºçããŠããŸãããšã©ãŒå 容ã¯ãã¡ãã§ãïŒ [ãšã©ãŒãã¬ãŒã¹ã貌ãä»ã] ãã®ãã°ãä¿®æ£ããŠãã ããã
Claude CodeãïŒ
- Dashboardã³ã³ããŒãã³ããæ€çŽ¢
- ãšã©ãŒåšèŸºã®ã³ãŒããåæ
- æ ¹æ¬åå ãç¹å®ïŒããããnullãã§ãã¯ã®æ¬ èœïŒ
- ä¿®æ£ãææ¡ã»å®è£
- ãªãã·ã§ã³ã§ãã¹ããå®è¡ããŠæ€èšŒ
å®è·µçãªã¯ãŒã¯ãããŒïŒæ©èœå®è£
ãã倧ããªæ©èœã«ã€ããŠã¯ãããå ·äœçã«æå®ã§ããŸãïŒ
claude> ãã®Reactã¢ããªã«ããŒã¯ã¢ãŒããã°ã«ãå®è£ ããŠãã ããã èŠä»¶ïŒ - ããããŒã«ãã°ã«ãã¿ã³ã远å - ããŒãçšã«CSSã«ã¹ã¿ã ããããã£ãäœ¿çš - localStorageã«èšå®ãä¿æ - ããã©ã«ãã§ã·ã¹ãã èšå®ãå°é
Claude Codeãè€æ°ã®ãã¡ã€ã«ãäœæãŸãã¯å€æŽããŸãïŒ
- ããŒã倿°ãå«ãCSSãæŽæ°
- ããŒãã³ã³ããã¹ããããã€ããŒã远å
- ãã°ã«ã³ã³ããŒãã³ããäœæ
- ããããŒã倿ŽããŠå«ãã
- localStorageæ°žç¶åããžãã¯ã远å
é«åºŠãªãŠãŒã¹ã±ãŒã¹ãšãã¯ããã¯
è€éãªéçºã¿ã¹ã¯ã«Claude CodeãæŽ»çšããæŽç·Žãããæ¹æ³ãæ¢ã£ãŠã¿ãŸãããã
ãã«ããã¡ã€ã«ãªãã¡ã¯ã¿ãªã³ã°
Claude Codeãæ¬åœã«èŒãåéã®1ã€ãå€§èŠæš¡ãªãã¡ã¯ã¿ãªã³ã°ã§ãïŒ
claude> çŽæ¥APIã³ãŒã«ã®ä»£ããã«æ°ããAuthServiceã¯ã©ã¹ã䜿çšããããã
authã¢ãžã¥ãŒã«å
šäœããªãã¡ã¯ã¿ãªã³ã°ããŠãã ããããã¹ãŠã®importã
æŽæ°ããæ¢åã®ãã¹ãããŸã ãã¹ããããšã確èªããŠãã ããã
Claude CodeãïŒ
- authã¢ãžã¥ãŒã«ã䜿çšãããã¹ãŠã®ãã¡ã€ã«ãåæ
- ãã€ã°ã¬ãŒã·ã§ã³èšç»ãäœæ
- åãã¡ã€ã«ãäœç³»çã«æŽæ°
- importã調æŽ
- ãã¹ãã¹ã€ãŒããå®è¡
- 倱æãå ±åããŠä¿®æ£
ã³ãŒãã¬ãã¥ãŒãšåæ
Claude CodeãæŽç·Žãããã³ãŒãã¬ãã¥ã¢ãŒãšããŠäœ¿çšïŒ
# ç¹å®ã®ãã¡ã€ã«ãã¬ãã¥ãŒ claude> src/services/payment.tsãã»ãã¥ãªãã£åé¡ãããã©ãŒãã³ã¹åé¡ã ã³ãŒãå質ã®èгç¹ããã¬ãã¥ãŒããŠãã ããã # æè¿ã®å€æŽãã¬ãã¥ãŒ git diff HEAD~5 | claude "ãããã®å€æŽã«æœåšçãªåé¡ããªããã¬ãã¥ãŒããŠãã ãã"
ããã¥ã¡ã³ãçæ
å æ¬çãªããã¥ã¡ã³ããçæïŒ
claude> src/utils/å
ã®ãã¹ãŠã®ãšã¯ã¹ããŒãããã颿°ã«JSDocã³ã¡ã³ãã
çæããŠãã ããããã©ã¡ãŒã¿ã®èª¬æãæ»ãå€ã®åã䜿çšäŸãå«ããŠãã ããã
ãã¹ãçæ
æ¢åã³ãŒãã®ãã¹ããäœæïŒ
claude> src/services/userService.tsçšã®Jestãã¹ããçæããŠãã ããã
ãã¹ãŠã®ãããªãã¯ã¡ãœããã«ã€ããŠãæ£åžžç³»ãšç°åžžç³»ã®
äž¡æ¹ãã«ããŒããŠãã ãããå€éšäŸåé¢ä¿ã¯ã¢ãã¯åããŠãã ããã
ã³ã³ããã¹ã管çïŒ200KããŒã¯ã³ã®åªäœæ§
è€éãªãããžã§ã¯ãã§Claude Codeã®ã³ã³ããã¹ããã©ã®ããã«ç®¡çããããçè§£ããããšãéèŠã§ãã
æŠç¥çãªã³ã³ããã¹ãããŒã
ã³ã³ããã¹ãã«äœãå«ãŸããããæç€ºçã«å¶åŸ¡ã§ããŸãïŒ
# ç¹å®ã®ãã¡ã€ã«ã远å claude> /add src/services/auth.ts claude> /add src/types/user.ts # ãã£ã¬ã¯ããªå šäœã远å claude> /add src/components/ # çŸåšã®ã³ã³ããã¹ããç¢ºèª claude> /context
ã³ã³ããã¹ãã倧ãããªã£ãæ
éåžžã«å€§ããªãããžã§ã¯ãã§ã¯ãã³ã³ããã¹ãå¶éã«éããå¯èœæ§ããããŸããcompactã³ãã³ãã䜿çšããŠãã ããïŒ
claude> /compact
ããã«ãããçŸåšã®äŒè©±ãèŠçŽããéèŠãªæ å ±ãä¿æããªããããŒã¯ã³äœ¿çšéãåæžããŸãã
.claudeignoreãã¡ã€ã«
.gitignoreãšåæ§ã«ãèªåã³ã³ããã¹ããããã¡ã€ã«ãé€å€ãã.claudeignoreãã¡ã€ã«ãäœæã§ããŸãïŒ
# .claudeignore
node_modules/
dist/
*.min.js
coverage/
.env
ããã«ãããClaude Codeãã¿ã¹ã¯ã«é¢é£ããªããã¡ã€ã«ã«ã³ã³ããã¹ããç¡é§ã«ããããšãé²ããŸãã
Claude Code vs Cursor vs GitHub CopilotïŒãã€äœã䜿ãã¹ãã
åããŒã«ããã€äœ¿ãã¹ãããå®è·µçã«èããŠã¿ãŸãããããããã¯çžäºã«æä»çã§ã¯ãããŸããââå€ãã®éçºè ã¯3ã€ãã¹ãŠã䜿çšããŠããŸãã
GitHub CopilotïŒæ¥åžžã®ãã©ã€ããŒ
æé©ãªçšéïŒ
- ã¿ã€ãã³ã°äžã®ãªãŒãã³ã³ããªãŒã
- ãã€ã©ãŒãã¬ãŒãã³ãŒãã®å®æ
- ãããŒã厩ããªãçŽ æ©ããµãžã§ã¹ã
- AIã«ãéªéãããããªããéçºè
å¶éïŒ
- éãããã³ã³ããã¹ããŠã£ã³ããŠ
- è€éãªãã«ããã¡ã€ã«å€æŽãèŠæ
- ããã¢ã¯ãã£ãã§ã¯ãªããªã¢ã¯ãã£ã
䜿çšã¿ã€ãã³ã°ïŒ ãããŒç¶æ ã§ã³ãŒããæžããŠããŠãçŽ æ©ãã€ã³ã©ã€ã³è£å®ã欲ãããšãã
CursorïŒAIãã€ãã£ãIDE
æé©ãªçšéïŒ
- AIãç·šéã«æ·±ãçµ±åããããããžã§ã¯ã
- åäžã®AI匷åç°å¢ã§æšæºåããããŒã
- ããžã¥ã¢ã«ãã£ãŒãããã¯ä»ãã®ãã«ããã¡ã€ã«ç·šé
- äž¡æ¹ã®è¯ããšãããæ±ããéçºè
å¶éïŒ
- IDEã®åãæ¿ããå¿ èŠïŒVS CodeããŒã¹ã§ãïŒ
- æé¡ã³ã¹ããç©ã¿éãªã
- AIç¹æã®æ©èœã«å€å°ã®åŠç¿æ²ç·
䜿çšã¿ã€ãã³ã°ïŒ ç·šéäœéšå šäœãAIã§åŒ·åããããŠãæ°ããIDEã«æµæããªããšãã
Claude CodeïŒãã¯ãŒããŒã«
æé©ãªçšéïŒ
- è€éãªãã«ãã¹ãããã¿ã¹ã¯
- å€§èŠæš¡ãªãã¡ã¯ã¿ãªã³ã°
- ã¿ãŒããã«ã«æ £ããéçºè
- æ·±ãã³ãŒãããŒã¹çè§£ãå¿ èŠãªã¿ã¹ã¯
- ã¹ã¯ãªããã£ã³ã°ãšèªåå
- ãªã¢ãŒã/ãããã¬ã¹ç°å¢
å¶éïŒ
- ç·šéäœéšã«çµ±åãããªã
- ã¿ãŒããã«ãšãšãã£ã¿éã®ã³ã³ããã¹ãã¹ã€ãããå¿ èŠ
- 倧éäœ¿çšæã¯ã³ã¹ããé«ããªãå¯èœæ§ïŒäœ¿çšéããŒã¹ã®äŸ¡æ Œèšå®ïŒ
䜿çšã¿ã€ãã³ã°ïŒ ã³ãŒãããŒã¹å šäœã«ãããæšè«ãå¿ èŠãªè€éãªã¿ã¹ã¯ããããšãã
ã3ã€ãã¹ãŠãæŠç¥
å€ãã®ã·ãã¢éçºè ã¯3ã€ã®ããŒã«ãæŠç¥çã«äœ¿çšããŠããŸãïŒ
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
â ãã€ããªããã¢ãããŒã â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ€
â â
â ð æ°ããã³ãŒããæžã â GitHub Copilot â
â ð§ çŽ æ©ãç·šéãšä¿®æ£ â Cursor â
â ðïž è€éãªã¢ãŒããã¯ã㣠â Claude Code â
â ð ã³ãŒãã¬ãã¥ãŒ â Claude Code â
â ð ããã¥ã¡ã³ã â Claude Code â
â 𧪠ãã¹ãçæ â CursorãŸãã¯Claude Code â
â ð ãããã° â ã¹ã³ãŒãã«å¿ããŠ3ã€ãã¹ãŠ â
â â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
ã»ãã¥ãªãã£ã®èæ ®äºé ãšãã¹ããã©ã¯ãã£ã¹
AIã³ãŒãã£ã³ã°ã¢ã·ã¹ã¿ã³ãã責任ãæã£ãŠäœ¿çšããã«ã¯ãã»ãã¥ãªãã£ãžã®åœ±é¿ãçè§£ããå¿ èŠããããŸãã
Claude Codeãã¢ã¯ã»ã¹ã§ãããã®
Claude Codeãå®è¡ãããšãæœåšçã«ïŒ
- ãããžã§ã¯ãå ã®ä»»æã®ãã¡ã€ã«ãèªã¿åãïŒã·ã¹ãã ãå¯èœæ§ããïŒ
- ã·ã§ã«ã³ãã³ããå®è¡
- ãããã¯ãŒã¯ãªã¯ãšã¹ããäœæ
- ç°å¢å€æ°ã«ã¢ã¯ã»ã¹
æš©éã¢ãã«
Claude Codeã¯æš©éã·ã¹ãã ãå®è£ ããŠããŸãïŒ
# ãã¹ãŠã®æš©éãèªåæ¿èªã§å®è¡ïŒå±éºïŒïŒ claude --yes-all # ç¹å®ã®æš©éã§å®è¡ claude --allow-read --allow-write # ããã©ã«ãïŒåã¢ã¯ã·ã§ã³ã«ã€ããŠæš©éãèŠæ± claude
ãã¹ããã©ã¯ãã£ã¹ïŒ ãããã¯ã·ã§ã³ç°å¢ãæ©å¯æ§ã®é«ãã³ãŒãã§ã¯ãåžžã«ããã©ã«ãã®æš©éã¢ãŒãã䜿çšããããæç€ºçã«æš©éãå¶éããŠãã ããã
æ©å¯ããŒã¿
泚æãå¿ èŠãªç¹ïŒ
- ç°å¢ãã¡ã€ã«ïŒ Claude Codeãæ¬çªèªèšŒæ
å ±ãå«ã
.envãã¡ã€ã«ãèªã¿åããªãããã« - APIããŒïŒ äŒè©±ã«APIããŒã貌ãä»ããªãã§ãã ãã
- ç¬èªã³ãŒãïŒ äŒè©±ãAnthropicã®ãµãŒããŒã§åŠçãããããšãèªè
æ©å¯ãã¡ã€ã«ã.claudeignoreã«è¿œå ããŠãã ããïŒ
# .claudeignore
.env
.env.*
config/secrets.yaml
*.pem
*.key
å®éã®ã±ãŒã¹ã¹ã¿ãã£
å®éã«åäœããClaude Codeã®å®è·µçãªäŸãèŠãŠã¿ãŸãããã
ã±ãŒã¹1ïŒã¬ã¬ã·ãŒã³ãŒãããŒã¹ã®ã¢ãã³å
ã·ããªãªïŒ 5幎åã®Express.js APIãES Modulesãã¢ãã³ãªJavaScriptæ©èœãTypeScriptã«ç§»è¡ããå¿ èŠãããã
claude> ãã®Express APIãã¢ãã³åããå¿
èŠããããŸãïŒ
1. CommonJSããES Modulesã«å€æ
2. TypeScriptåã远å
3. éæšå¥šã®äŸåé¢ä¿ãæŽæ°
4. åŸæ¹äºææ§ãç¶æ
çŸåšã®ç¶æ
ãåæãããã€ã°ã¬ãŒã·ã§ã³èšç»ãäœæããŠãã ããã
çµæïŒ Claude Codeã¯æ®µéçãªãã€ã°ã¬ãŒã·ã§ã³èšç»ãäœæãã3åã®ã»ãã·ã§ã³ã§47ãã¡ã€ã«ã倿ããåå®çŸ©ã远å ããæŽæ°ãå¿ èŠãª12ã®éæšå¥šãã¿ãŒã³ãç¹å®ããŸããã1é±éãããã¯ãã ã£ãå šäœã®ãã€ã°ã¬ãŒã·ã§ã³ããAIã¢ã·ã¹ã¿ã³ã¹ã§1æ¥ã§å®äºããŸããã
ã±ãŒã¹2ïŒã¯ãã¹ãã©ãããã©ãŒã æ©èœã®å®è£
ã·ããªãªïŒ Node.jsããã¯ãšã³ããæã€React Nativeã¢ããªã«ãªã¢ã«ã¿ã€ã éç¥ã远å ã
claude> ããã·ã¥éç¥ãå®è£
ããŠãã ããïŒ
- ããã¯ãšã³ãïŒæ¢åã®Express APIã«FCM飿ºã远å
- ã¢ãã€ã«ïŒReact Nativeã§éç¥ãåŠçïŒiOSãšAndroidïŒ
- æ¢åã®PostgreSQLããŒã¿ããŒã¹ã«éç¥èšå®ãä¿å
çµæïŒ Claude Codeã¯ãããžã§ã¯ãæ§é ãçè§£ããå¿ èŠãªãã€ã°ã¬ãŒã·ã§ã³ãäœæããããã¯ãšã³ããµãŒãã¹ãå®è£ ããReact Nativeãã³ãã©ãŒã远å ããéç¥ã«å¿ èŠãªiOSåºæã®AppDelegate倿ŽãŸã§å«ããŸããã
ã±ãŒã¹3ïŒããã©ãŒãã³ã¹èª¿æ»
ã·ããªãªïŒ ãŠãŒã¶ãŒãããŒãžããŒãã®é ããå ±åããŠããããåå ãäžæã
claude> ããã·ã¥ããŒãããŒãžã®ããŒãæéãé
ããšãŠãŒã¶ãŒããèŠæ
ãæ¥ãŠããŸãã
ããã©ãŒãã³ã¹åé¡ã«ã€ããŠã³ãŒããåæããæé©åãææ¡ããŠãã ããã
çµæïŒ Claude Codeãç¹å®ãããã®ïŒ
- ããŒã¿ãã§ããã³ã°ã¬ã€ã€ãŒã®N+1ã¯ãšãªåé¡
- é »ç¹ã«ã¯ãšãªãããã«ã©ã ã®ã€ã³ããã¯ã¹æ¬ èœ
- äžé©åãªã¡ã¢åã«ããäžå¿ èŠãªãªã¬ã³ããŒ
- æ¯ããŒãžã§ããŒãããã2MBã®æé©åãããŠããªãç»å
ãã®åŸãååé¡ã®ä¿®æ£ãå®è£ ããããã©ãŒãã³ã¹ã¢ãã¿ãªã³ã°ã远å ããŸããã
ã¿ãŒããã«ãã¡ãŒã¹ãAIéçºã®æªæ¥
Claude Codeã¯ãéçºè ãAIãšã©ã®ããã«åãããšããããã倧ããªå€åã代衚ããŠããŸããä»åŸèŠãããã§ãããããšãã話ãããŸãïŒ
ãšãŒãžã§ã³ãã¯ãŒã¯ãããŒãæšæºã«ãªã
次ã®ããšãã§ããAIãšãŒãžã§ã³ãã®ãã¿ãŒã³ïŒ
- ã³ã³ããã¹ããçè§£ãã
- ãã«ãã¹ããããœãªã¥ãŒã·ã§ã³ãèšç»ãã
- èªåŸçã«å®è¡ãã
- èªå·±ä¿®æ£ãã
...ããããã¬ãã¢ã æ©èœã§ã¯ãªããæåŸ ãããåºæºã«ãªãã§ãããã
éçºã€ã³ãã©ã¹ãã©ã¯ãã£ãšã®çµ±å
Claude CodeïŒããã³é¡äŒŒããŒã«ïŒã以äžãšçµ±åãããããšãæåŸ ããŠãã ããïŒ
- èªåä¿®æ£ã®ããã®CI/CDãã€ãã©ã€ã³
- ã³ãŒãã¬ãã¥ãŒã·ã¹ãã
- ã€ã³ã·ãã³ã察å¿
- ããã¥ã¡ã³ãçæ
å°éå
Claude Codeã¹ã¿ã€ã«ã®ãšãŒãžã§ã³ãã以äžã®å°éåéã§èŠãããããã«ãªãã§ãããïŒ
- ã»ãã¥ãªãã£åæ
- ããã©ãŒãã³ã¹æé©å
- ã¢ã¯ã»ã·ããªãã£ç£æ»
- APIèšèš
éçºè ã®åœ¹å²ã®é²å
ãããã®ããŒã«ãæçããã«ã€ããŠãéçºè ã®ä»äºã¯ã³ãŒãã®ãã¹ãŠã®è¡ãæžãããšããæ¬¡ã®ããã«ã·ããããã§ãããïŒ
- èŠä»¶ãæç¢ºã«å®çŸ©ãã
- AIçæãœãªã¥ãŒã·ã§ã³ãã¬ãã¥ãŒãã
- AIãèŠæãªãšããžã±ãŒã¹ãåŠçãã
- ã·ã¹ãã èšèšãšã¢ãŒããã¯ãã£
çµè«
Claude Codeã¯ãCopilotãCursorã®å俵ã§ç«¶äºããããšã¯ããŠããŸãããæ°ããããããåãéããŠããŸãïŒè€éãªåé¡ãæ·±ãèããå¿ èŠãããéçºè ã®ããã®ãã¿ãŒããã«ãã€ãã£ãã§ãšãŒãžã§ã³ãçãªAIã¢ã·ã¹ã¿ã³ã¹ã§ãã
äžäººåãã§ããïŒããããã€ã³ã©ã€ã³è£å®ãææã®ãã£ããã¢ã·ã¹ã¿ã³ã¹ã§æºè¶³ããŠãããªããCopilotãCursorã ãã§ååãããããŸãããããããè€éãªãªãã¡ã¯ã¿ãªã³ã°ãã¯ãã¹ãã¡ã€ã«å€æŽãæ·±ããããã°ã»ãã·ã§ã³ã宿çã«è¡ã£ãŠãããªããClaude Codeã®200KããŒã¯ã³ã³ã³ããã¹ããšãšãŒãžã§ã³ãã¢ãŒããã¯ãã£ã¯ãä»ã®ããŒã«ã§ã¯åçŽã«ãããã§ããªãæ©èœãæäŸããŸãã
ã¿ãŒããã«ãã¡ãŒã¹ãã¢ãããŒãã¯æåã¯åŸéã®ããã«æãããããããŸããââAIããªãŒãã³ã³ããªãŒããšã³ãžã³ã§ã¯ãªããæ¬åœã®ã³ã©ãã¬ãŒã¿ãŒãšããŠæ±ãããšãžã®äžæ©ã§ããããšã«æ°ã¥ããŸã§ã¯ã
ã¯ã€ãã¯ã¹ã¿ãŒããã§ãã¯ãªã¹ã
- Claude Codeãã€ã³ã¹ããŒã«ïŒ
npm install -g @anthropic-ai/claude-code - Anthropic APIããŒã§èªèšŒãèšå®
- æ©å¯ãã¡ã€ã«çšã®
.claudeignoreãäœæ - æ¢åã®ãããžã§ã¯ãã§ç°¡åãªã¿ã¹ã¯ã詊ã
- ç¹å®ã®ããŒãºã«åã£ãé«åºŠãªã¯ãŒã¯ãããŒãæ¢çŽ¢
AIæ¯æŽéçºã®æªæ¥ã¯ãåã«ã¿ã€ãã³ã°ãéããªãããšã§ã¯ãããŸããââãŸããŸã髿§èœã«ãªãAIããŒãããŒãšã®ãããé«ãã¬ãã«ã®ã³ã©ãã¬ãŒã·ã§ã³ã§ããClaude Codeã¯ããã®æ¹åãžã®æã説åŸåã®ããã¹ãããã®1ã€ã§ãã