inflearn logo
inflearn logo

ใ‚ผใƒญใ‹ใ‚‰TypeScriptใงClaude Codeใ‚’ไฝœใ‚‹

ใ€ŒใชใœAIใŒใ“ใ‚“ใชใ‚ณใƒผใƒ‰ใ‚’ๆ›ธใ„ใŸใฎใ‹๏ผŸใ€ใ€ใ€Œใชใœใ•ใฃใ่จ€ใฃใŸใ“ใจใ‚’่ฆšใˆใฆใ„ใชใ„ใฎใ‹๏ผŸใ€ Claude Codeใฎใ‚ˆใ†ใชAIใƒ„ใƒผใƒซใ‚’ไฝฟใฃใฆใ„ใ‚‹ใจ็›ด้ขใ™ใ‚‹ใ‚‚ใฉใ‹ใ—ใ•ใ€‚ใใฎๅŽŸๅ› ใฏใ€ใƒ„ใƒผใƒซใŒใฉใฎใ‚ˆใ†ใซๅ‹•ไฝœใ—ใฆใ„ใ‚‹ใ‹ใ‚’็Ÿฅใ‚‰ใชใ„ใ“ใจใซใ‚ใ‚Šใพใ™ใ€‚ใ“ใฎ่ฌ›็พฉใฏใ€ใใฎใƒ–ใƒฉใƒƒใ‚ฏใƒœใƒƒใ‚ฏใ‚นใ‚’้€ๆ˜Žใซ่งฃใๆ˜Žใ‹ใ—ใพใ™ใ€‚ ๅ…จ25่ฌ›ใ‚’้€šใ˜ใฆใ€LLMใซใƒ•ใ‚กใ‚คใƒซใ‚’่ฆ‹ใ‚‹ใ€Œ็›ฎ๏ผˆRead๏ผ‰ใ€ใ€ใ‚ณใƒผใƒ‰ใ‚’็›ดใ™ใ€Œๆ‰‹๏ผˆEdit๏ผ‰ใ€ใ€ๅ‘ฝไปคใ‚’ๅฎŸ่กŒใ™ใ‚‹ใ€Œ่ถณ๏ผˆBash๏ผ‰ใ€ใ‚’็›ดๆŽฅๆŒใŸใ›ใ€ๅฎŸ้š›ใฎ็พๅ ดใงไฝฟใ‚ใ‚Œใ‚‹ใƒ„ใƒผใƒซใจๅŒใ˜ใ‚ˆใ†ใซๅ‹•ไฝœใ™ใ‚‹่‡ชๅˆ†ใ ใ‘ใฎCoding Agentใ‚’ใ‚ผใƒญใ‹ใ‚‰ๅฎŸ่ฃ…ใ—ใพใ™ใ€‚ๅ˜ใซใƒฉใ‚คใƒ–ใƒฉใƒชใฎไฝฟใ„ๆ–นใ‚’ๅญฆใถใฎใงใฏใ‚ใ‚Šใพใ›ใ‚“ใ€‚AIใŒใฉใฎใ‚ˆใ†ใซใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆๆง‹้€ ใ‚’ๆŠŠๆกใ—ใ€ใชใœ้•ทใ„ไผš่ฉฑใง่จ˜ๆ†ถใ‚’ๅคฑใ†ใฎใ‹ใ€ใใ‚Œใ‚’ๆŠ€่ก“็š„ใซใฉใ†่งฃๆฑบใ™ใ‚‹ใฎใ‹๏ผˆSliding Windowใ€Summary๏ผ‰ใ‚’ใ€็›ดๆŽฅใ‚ณใƒผใƒ‰ใงๅฎŸ่ฃ…ใ—ใชใŒใ‚‰ไฝ“ๅพ—ใ—ใพใ™ใ€‚ ใ“ใฎ้Ž็จ‹ใ‚’้€šใ˜ใฆใ€็š†ใ•ใ‚“ใฏAIใƒ„ใƒผใƒซใฎๅ˜ใชใ‚‹ใ€Œใƒฆใƒผใ‚ถใƒผใ€ใ‹ใ‚‰ใ€ไฝœๅ‹•ๅŽŸ็†ใ‚’่ฆ‹ๆŠœใใ€ใƒ„ใƒผใƒซใ‚’่‡ชๅˆ†ๅฅฝใฟใซๆ”น้€ ใƒป่ฉ•ไพกใงใใ‚‹ใ€ŒAIไพ›็ตฆ่€…ใ€ใฎ่ฆ–ๅบงใ‚’ๆ‰‹ใซๅ…ฅใ‚Œใ‚‹ใ“ใจใซใชใ‚‹ใงใ—ใ‚‡ใ†ใ€‚

12ๅ ใŒๅ—่ฌ›ไธญใงใ™ใ€‚

้›ฃๆ˜“ๅบฆ ๅˆ็ดš

ๅ—่ฌ›ๆœŸ้–“ ็„กๅˆถ้™

React
React
TypeScript
TypeScript
vercel
vercel
claude
claude
Vibe Coding
Vibe Coding
React
React
TypeScript
TypeScript
vercel
vercel
claude
claude
Vibe Coding
Vibe Coding
ใพใ ่ณชๅ•ใŒๆŠ•็จฟใ•ใ‚Œใฆใ„ใพใ›ใ‚“ใ€‚
ๆœ€ๅˆใฎ่ณชๅ•ใ‚’ๆŠ•็จฟใ—ใฆใ€ใ‚คใƒณใƒ•ใƒฉใƒณใจไธ€็ท’ใซๆˆ้•ทใ—ใพใ—ใ‚‡ใ†๏ผ

ๆœŸ้–“้™ๅฎšใ‚ปใƒผใƒซใ€ใ‚ใจ8ๆ—ฅๆ—ฅใง็ต‚ไบ†

๏ฟฅ2,826

48%

๏ฟฅ5,475