
æ¿ã ãºâïžã€ã±ãã€ã®èšäºãèŠãŠClaude Codeãã€ã³ã¹ããŒã«ã詊ã¿ã
æè¿è©±é¡ã®ãã€ãã³ãŒãã£ã³ã°ã
ã€ã±ãã€ãããVoicyã§æ£ã ç œã£ãŠããã®ã§ããã¬ãŒãšããŠäœãææŠããããªãšæã£ãŠããŸããã
ã€ã±ãã€ããã®Voicyâ
noteã§ã€ã±ãã€ããããClaude Codeãã®ã€ã³ã¹ããŒã«æ¹æ³ã解説ããŠãããŠããã®ã§æ©éãã£ãŠã¿ãããšã«ã
âŠãããã£ãŠã¿ããæã£ãŠãããããã£ãšé£ããã£ãã§ãã
ã€ã±ãã€ããã®èšäºéãã«é²ããŠãã£ããã®ã®ãããŸãããããã€ã³ã¹ããŒã«ã®æ®µéã§è«ŠããããªããŸããã
ãã®èšäºã§ã¯ããClaude Codeãã®ã€ã³ã¹ããŒã«æ¹æ³ãç§ã®äœéšãããšã«è§£èª¬ããŸãã
ã€ã±ãã€ããã®è§£èª¬ã«ã¯ãªããã®ãã€ã³ã¹ããŒã«ããå¿
èŠããããŸããã
ã¹ããããŒã ãClaudeããšãClaude Codeãã¯å¥ç©
ãã€ãã³ãŒãã£ã³ã°ããClaudeãã§ããããšæã£ãŠããããClaude Codeããšãããã®ãã€ã³ã¹ããŒã«ããªããšãããªãããããå¥ã®ãã®ã ãšã¯ç¥ããªãã£ãã
ã€ã±ãã€ããã®èšäºéãã«ãã£ãŠã¿ã
ã€ã±ãã€ããã®èšäºã§ã¯ä»¥äžã®ããã«æé ã玹ä»ãããŠããŸããã
STEP 1ïŒã¿ãŒããã«ãéã
ããã¯ããã«ã§ããŸããã
Spotlightæ€çŽ¢ïŒâ+ã¹ããŒã¹ïŒã§ãã¿ãŒããã«ããšå
¥åããŠãé»ãç»é¢ãéãã ãã§ãã
STEP 2ïŒãNode.jsããã€ã³ã¹ããŒã«
Node.jsã®å
¬åŒãµã€ãããããŠã³ããŒãããŠã€ã³ã¹ããŒã«ã
ãããŸã§ãã¹ã ãŒãºã§ããã
STEP 3ïŒãClaude Codeããã€ã³ã¹ããŒã«
åé¡ãèµ·ããã®ã¯ãã®ã¹ãããã§ãã
npm install -g @anthropic-ai/claude-codeãããã¿ãŒããã«ã«ã³ããããŠãšã³ã¿ãŒãæŒããã®ã§ããããšã©ãŒãåºãŠããŸããããŸããã§ããã
äœåºŠè©ŠããŠãã¿ãŒããã«ã§ãerrorããšãããããªè¡šç€ºãåºãŠãå
ã«é²ããâŠã
ChatGPTã«çžè«ããŠã¿ã
å°ã£ãŠããŸã£ãŠChatGPTã«èããŠã¿ããšã
ChatGPTïŒããã¯macOSã§ããããæš©éãšã©ãŒã§ãããNode.jsãnvmãšããããŒã«ã§å
¥ãçŽããšè§£æ±ºããŸãããããšã¯ããã«ã€ããŠã確èªããŠã¿ãŠãã ããããªããšããããšãã
ãšãããããªã¢ããã€ã¹ãããããŸããã
ç§ïŒNode.jsã¯ã€ã³ã¹ããŒã«ããŠããã¯ãã§ãããããäœãèšã£ãŠãã®ããã£ã±ãããããŸãããå ·äœçãªæé ãæããŠãã ããã
ChatGPTïŒãã®ã³ãã³ããæã£ãŠæ¬¡ã¯ããã§ããªããšããããšããã
èŠãããªæãã§æããŠãããŸããã
nvmïŒXcodeïŒèããããšãªãèšèã°ãã
ãã®æç¹ã§åºãŠããèšèã¯ãæ£çŽãã¹ãŠåããŠèããã®ã§ããã
nvmïŒNode Version ManagerïŒ
Xcode ã³ãã³ãã©ã€ã³ããŒã«
æå³ã¯ããããããŸããã§ãããããšããããChatGPTã®èšãéãã«äžã€ãã€é²ããŠãããŸããã
åå¿è åãClaude Code ãã€ã³ã¹ããŒã«æé
ç§ã®ããã«éäžã§ã€ãŸãããæ¹ã®åèã«ãªãã°ãšæããClaude Codeã䜿ããããã«ãªããŸã§ã«è¡ã£ãæé ããŸãšããŠãããŸãã
â ã¿ãŒããã«ãéã
LaunchpadãSpotlightæ€çŽ¢ã§ãã¿ãŒããã«ããšå ¥åããŠéãã ãã§ãã
â¡ Xcode ã³ãã³ãã©ã€ã³ããŒã«ãã€ã³ã¹ããŒã«
ãŸã以äžã®ã³ãã³ããå®è¡ããŸãã
xcode-select --installãããå ¥ããŠãããªããšãåŸã®æé ã§æ¢ãŸãå¯èœæ§ãããã®ã§æåã«ãã£ãŠãããšå®å¿ã§ãã
⢠nvm ãã€ã³ã¹ããŒã«
次ã«ãnvmãã€ã³ã¹ããŒã«ããŸãã
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bashãããŠã以äžã®ã³ãã³ããå®è¡ããŠnvmã䜿ããç¶æ ã«ããŸãã
export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"⣠Node.js ãnvmçµç±ã§å ¥ãçŽã
nvm install --lts nvm use --lts nvm alias default node†Claude Code ãã€ã³ã¹ããŒã«
npm install -g @anthropic-ai/claude-codeããã§ããšã©ãŒãåºãããšãªãã€ã³ã¹ããŒã«ãå®äºããŸããã
⥠確èªããŠã¿ã
claude --helpãã®ã³ãã³ããæã£ãŠããã«ãç»é¢ã衚瀺ãããã°æåã§ãã
âŠClaude Codeãèµ·å
ã€ã³ã¹ããŒã«ãå®äºããããã¿ãŒããã«ã«ä»¥äžã®6æåãå ¥å
claudeãWelcome to Claude Code!ãããšããã¡ãã»ãŒãžãåºããæåã§ãïŒ
æåŸã«
WordPressãHTML/CSSã«ã¯å°ãæ
£ããŠããŸãããä»ååºãŠããNode.jsãnvmãXcodeãšãã£ãçšèªã¯ãŸã£ããã®åè³ã§ããã
ããã§ãChatGPTã«è³ªåããªããé²ããŠããããšã§ããªããšãClaude Codeã®ã€ã³ã¹ããŒã«ãå®äºããããšãã§ããŸããã
ã€ã±ãã€ããã®èšäºããšãŠãããããããã£ãã®ã§ãããç§ã®ããã«ç°å¢ã«ãã£ãŠã¯ããŸããããªãã±ãŒã¹ãããããã§ãã
åãããã«éäžã§å°ã£ãŠããŸã£ãæ¹ããããããã®èšäºãå°ãã§ãå©ãã«ãªãã°ããããã§ãã
ã€ã³ã¹ããŒã«ã§ã€ãŸãããŠã人ããã€ãã³ãŒãã£ã³ã°ã§åœ¹ã«ç«ã€ãã®ãäœãããšã¯æããªãããªããŠåå±ã«ãªã£ãŠããŸã£ãŠããŸãããæä»£ã®æµãã«ããã¿ã€ããŠããããšæããŸããå ±ã«é 匵ããŸããããð