inflearn logo
inflearn logo

Cursor AIใงไฝœใ‚ŠใชใŒใ‚‰ๅญฆใถWeb & Javascript

่‡ชๅˆ†ใ ใ‘ใฎใ‚นใ‚ญใƒซใ‚’่บซใซใคใ‘ใŸใ„ๆ–นใ€ใ‚ฆใ‚งใƒ–้–‹็™บใ‚’ๆฎต้šŽ็š„ใซๅญฆใ‚“ใงใฟใŸใ„ๆ–นใซใŠใ™ใ™ใ‚ใงใ™ใ€‚ใ‚ฆใ‚งใƒ–ใƒ–ใƒฉใ‚ฆใ‚ถใจ่จ€่ชžใฎๆญดๅฒใ‹ใ‚‰ใŠๆ•™ใˆใ—ใพใ™ใ€‚

้›ฃๆ˜“ๅบฆ ๅ…ฅ้–€

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

HTML/CSS
HTML/CSS
JavaScript
JavaScript
LLM
LLM
Generative AI
Generative AI
Cursor AI
Cursor AI
HTML/CSS
HTML/CSS
JavaScript
JavaScript
LLM
LLM
Generative AI
Generative AI
Cursor AI
Cursor AI
weekendcode๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

Cursor AI v0.50 ใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใƒญใ‚ฐๅ…ฑๆœ‰

Cursor AIใฏhttps://www.cursor.com/changelogใ‹ใ‚‰็‹ฌ่‡ชใฎใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใƒญใ‚ฐใ‚’ใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใ—ใพใ™ใ€‚

ใƒ•ใ‚ฉใƒญใƒผใ™ใ‚‹ใฎใŒ้›ฃใ—ใ„ไบบใฎใŸใ‚ใซ็ฟป่จณใ‚’ๅ…ฑๆœ‰ใ—ใพใ—ใ‚‡ใ†ใ€‚

ๅˆ็†ๅŒ–ใ•ใ‚ŒใŸไพกๆ ผใ‚ทใ‚นใƒ†ใƒ ใ€ใƒใƒƒใ‚ฏใ‚ฐใƒฉใ‚ฆใƒณใƒ‰ใ‚จใƒผใ‚ธใ‚งใƒณใƒˆใ€ๆ–ฐใ—ใ„ใ‚คใƒณใƒฉใ‚คใƒณ็ทจ้›†

่ฆๆฑ‚ใƒ™ใƒผใ‚นใฎ็ตฑๅˆไพกๆ ผใ€ใ™ในใฆใฎใƒˆใƒƒใƒ—ใƒฌใƒ™ใƒซใƒขใƒ‡ใƒซใงๅˆฉ็”จๅฏ่ƒฝใชMaxใƒขใƒผใƒ‰ใ€ไธฆๅˆ—ไฝœๆฅญ็”จใฎใƒใƒƒใ‚ฏใ‚ฐใƒฉใ‚ฆใƒณใƒ‰ใ‚จใƒผใ‚ธใ‚งใƒณใƒˆใ‚’็ดนไป‹ใ—ใพใ™ใ€‚
ใพใŸใ€ @ foldersใงใ‚ˆใ‚ŠไพฟๅˆฉใซใชใฃใŸใ‚ณใƒณใƒ†ใ‚ญใ‚นใƒˆ็ฎก็†ใ€ใ‚ชใƒ—ใ‚ทใƒงใƒณใŒๅข—ใˆใŸใ‚คใƒณใƒฉใ‚คใƒณ็ทจ้›†๏ผˆInline Edit๏ผ‰ ใ€ใ‚ˆใ‚Š้€Ÿใ„ใƒ•ใ‚กใ‚คใƒซ็ทจ้›†ใ€ใƒžใƒซใƒใƒซใƒผใƒˆใƒฏใƒผใ‚ฏใ‚นใƒšใƒผใ‚นใฎใ‚ตใƒใƒผใƒˆใ€ใ‚จใ‚ฏใ‚นใƒใƒผใƒˆใƒป่ค‡่ฃฝๆฉŸ่ƒฝใŒ่ฟฝๅŠ ใ•ใ‚ŒใŸใƒใƒฃใƒƒใƒˆใชใฉใ€ใ•ใพใ–ใพใชๆ”นๅ–„็‚นใ‚’็ขบ่ชใ—ใฆใฟใฆใใ ใ•ใ„ใ€‚


1.ใ‚ˆใ‚Š็ฐกๅ˜ใซใชใฃใŸ็ตฑๅˆไพกๆ ผ

ใ‚ใชใŸใฎใƒ•ใ‚ฃใƒผใƒ‰ใƒใƒƒใ‚ฏใ‚’ๅๆ˜ ใ—ใฆๆททไนฑใ‚’ๆธ›ใ‚‰ใ™ใŸใ‚ใซไพกๆ ผใ‚ทใ‚นใƒ†ใƒ ใ‚’็ตฑๅˆใ—ใพใ—ใŸใ€‚

  • ใ™ในใฆใฎใƒขใƒ‡ใƒซไฝฟ็”จ้‡ใŒ่ฆๆฑ‚ๅ˜ไฝใง็ตฑไธ€ใ•ใ‚Œใพใ™ใ€‚

  • Maxใƒขใƒผใƒ‰ใฏใƒˆใƒผใ‚ฏใƒณใƒ™ใƒผใ‚นใฎ่ชฒ้‡‘๏ผˆใƒขใƒ‡ใƒซAPIๆ–นๅผใจๅŒๆง˜๏ผ‰ใซๅค‰ๆ›ดใ•ใ‚Œใพใ™ใ€‚

  • ใƒ—ใƒฌใƒŸใ‚ขใƒ ใƒ„ใƒผใƒซใฎๅ‘ผใณๅ‡บใ—ใจใƒญใƒณใ‚ฐใ‚ณใƒณใƒ†ใ‚ญใ‚นใƒˆใƒขใƒผใƒ‰ใฏ็ฐก็ด ๅŒ–ใฎใŸใ‚ใซๅ‰Š้™คใ•ใ‚Œใพใ—ใŸใ€‚

  • Hobby/Pro/Businessใƒ—ใƒฉใƒณใฎใ‚ฏใ‚ฉใƒผใ‚ฟใจใ‚นใƒญใƒผใƒชใ‚ฏใ‚จใ‚นใƒˆใฎ็‰นๅ…ธใฏใใฎใพใพใงใ™ใ€‚

  • ใ™ในใฆใฎไฝฟ็”จๅฑฅๆญดใฏใƒ€ใƒƒใ‚ทใƒฅใƒœใƒผใƒ‰ใง็ขบ่ชใงใใ€ๆ”ฏๅ‡บ็ฎก็†ใŒๅฎนๆ˜“ใงใ™ใ€‚


2. ใ™ในใฆใฎใƒˆใƒƒใƒ—ใƒฌใƒ™ใƒซใƒขใƒ‡ใƒซใฎMax ใƒขใƒผใƒ‰

Cursorใฎใ™ในใฆใฎๆœ€ๆ–ฐใฎใƒขใƒ‡ใƒซใงMaxใƒขใƒผใƒ‰ใ‚’ไฝฟ็”จใงใใพใ™ใ€‚
ๆ–ฐใ—ใ„ใƒขใƒ‡ใƒซใŒ่ฟฝๅŠ ใ•ใ‚Œใฆใ‚‚ใ€Maxใƒขใƒผใƒ‰ใงใ™ใใซๆœ€ๅคงใฎใƒ‘ใƒ•ใ‚ฉใƒผใƒžใƒณใ‚นใ‚’ไบซๅ—ใงใใพใ™ใ€‚

  • ใ„ใคไฝฟ็”จใ—ใพใ™ใ‹๏ผŸ

    • ใ‚ˆใ‚Šๅบƒใ„ใ‚ณใƒณใƒ†ใ‚ญใ‚นใƒˆใ€้ซ˜ใ„็Ÿฅ่ƒฝใ€ใƒ„ใƒผใƒซใฎๆดป็”จใŒๅฟ…่ฆใชใจใ

    • ่ค‡้›‘ใชใƒˆใƒฉใƒ–ใƒซใ‚ทใƒฅใƒผใƒ†ใ‚ฃใƒณใ‚ฐใ‚„ๅคง่ฆๆจกใƒชใƒ•ใ‚กใ‚ฏใ‚ฟใƒชใƒณใ‚ฐใชใฉ

  • ่ชฒ้‡‘ๆ–นๅผ๏ผšไฝฟ็”จใ—ใŸใƒˆใƒผใ‚ฏใƒณๆ•ฐใซๆฏ”ไพ‹ใ—ใฆ่ชฒ้‡‘

  • ๆณจๆ„๏ผšๆ—งใƒใƒผใ‚ธใƒงใƒณCursorใงใฏๆ—ขๅญ˜ใฎMAXใƒใƒผใ‚ธใƒงใƒณใƒปใƒญใƒณใ‚ฐใ‚ณใƒณใƒ†ใ‚ญใ‚นใƒˆใƒขใƒผใƒ‰ใ‚’ใ—ใฐใ‚‰ใไฝฟใ†ใ“ใจใŒใงใใพใ™ใŒใ€ใพใ‚‚ใชใใ‚ตใƒใƒผใƒˆ็ต‚ไบ†ไบˆๅฎšใงใ™ใ€‚ๆœ€ๆ–ฐใƒใƒผใ‚ธใƒงใƒณใซใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ™ใ‚‹ใ“ใจใ‚’ใŠๅ‹งใ‚ใ—ใพใ™ใ€‚

Maxใƒขใƒผใƒ‰ใฎ่ฉณ็ดฐใ‚’่ฆ‹ใ‚‹


3.ๆ–ฐใ—ใ„Tabใƒขใƒ‡ใƒซ

่ค‡ๆ•ฐใฎใƒ•ใ‚กใ‚คใƒซใซใ‚ใŸใ‚‹ๅค‰ๆ›ดใ‚’ๆๆกˆใงใใ‚‹ใ‚ˆใ†ใซใ€ๆ–ฐใ—ใ„Tabใƒขใƒ‡ใƒซใ‚’ๅญฆ็ฟ’ใ—ใพใ—ใŸใ€‚

  • ็‰นๅŒ–้ ˜ๅŸŸ๏ผšใƒชใƒ•ใ‚กใ‚ฏใ‚ฟใƒชใƒณใ‚ฐใ€็ทจ้›†ใƒใ‚งใƒผใƒณ๏ผˆedit chains๏ผ‰ใ€ใƒžใƒซใƒใƒ•ใ‚กใ‚คใƒซไฟฎๆญฃใ€้–ข้€ฃใ‚ณใƒผใƒ‰้–“ใ‚ธใƒฃใƒณใƒ—

  • ไฝ“ๆ„Ÿ๏ผšใ‚ˆใ‚Š่‡ช็„ถใง่ฟ…้€ŸใชๅฎŒๆˆๆๆกˆ

  • ใƒœใƒผใƒŠใ‚น๏ผšๅฎŒๆˆๆๆกˆใซๆ–‡ๆณ•ใƒใ‚คใƒฉใ‚คใƒˆใ‚’่ฟฝๅŠ 


4.ใƒใƒƒใ‚ฏใ‚ฐใƒฉใ‚ฆใƒณใƒ‰ใ‚จใƒผใ‚ธใ‚งใƒณใƒˆ(ใƒ—ใƒฌใƒ“ใƒฅใƒผ)

ใ‚จใƒผใ‚ธใ‚งใƒณใƒˆใ‚’ใƒใƒƒใ‚ฏใ‚ฐใƒฉใ‚ฆใƒณใƒ‰ใงๅฎŸ่กŒใ—ใฆใ€่ค‡ๆ•ฐใฎใ‚ฟใ‚นใ‚ฏใ‚’ไธฆๅˆ—ใซๅ‡ฆ็†ใงใใพใ™ใ€‚

  • ๅ„ใ‚จใƒผใ‚ธใ‚งใƒณใƒˆใฏ็‹ฌ่‡ชใฎใƒชใƒขใƒผใƒˆ็’ฐๅขƒใงๅ‹•ไฝœใ—ใพใ™

  • ้€ฒๆ—็ขบ่ชใ€ใƒ•ใ‚ฉใƒญใƒผใ‚ขใƒƒใƒ—ใƒกใƒƒใ‚ปใƒผใ‚ธ้€ไฟกใ€ใƒ€ใ‚คใƒฌใ‚ฏใƒˆใ‚ณใƒณใƒˆใƒญใƒผใƒซใŒๅฏ่ƒฝ

  • ๅ†…้ƒจใƒ†ใ‚นใƒˆใงใฏใ€ใ€Œ็ดฐใ‹ใ„ไฟฎๆญฃใ€ใ€ใ€Œ่ชฟๆŸปไฝœๆฅญใ€ใ€ใ€ŒใƒŸใƒƒใƒ‰ใ‚ตใ‚คใ‚บPRใƒ‰ใƒฉใƒ•ใƒˆไฝœๆˆใ€ใชใฉใซๅฝน็ซ‹ใกใพใ—ใŸใ€‚

ใƒใƒƒใ‚ฏใ‚ฐใƒฉใ‚ฆใƒณใƒ‰ใ‚จใƒผใ‚ธใ‚งใƒณใƒˆใฎ่ฉณ็ดฐ


5. ใ‚ณใƒผใƒ‰ใƒ™ใƒผใ‚นๅ…จไฝ“ใ‚’ใ‚ณใƒณใƒ†ใ‚ญใ‚นใƒˆใซๅซใ‚ใ‚‹

  • @foldersใ‚’ไฝฟ็”จใ™ใ‚‹ใจใ€ใƒ•ใ‚ฉใƒซใƒ€ๅ…จไฝ“ใ‚’ใ‚ณใƒณใƒ†ใ‚ญใ‚นใƒˆใจใ—ใฆ่ฟฝๅŠ ใงใใพใ™

  • Settings โ–ธ Full folder contentsใ‚ขใ‚ฏใƒ†ใ‚ฃใƒ–ๅŒ–ใŒๅฟ…่ฆ

  • ใƒ•ใ‚ฉใƒซใƒ€/ใƒ•ใ‚กใ‚คใƒซใŒๅคงใใ™ใŽใ‚‹ๅ ดๅˆใฏใ€ใ‚ณใƒณใƒ†ใ‚ญใ‚นใƒˆใƒ”ใƒซใซๅฐใ•ใชใ‚ขใ‚คใ‚ณใƒณใง่กจ็คบ


6. ๆ–ฐใ—ใ„ใ‚คใƒณใƒฉใ‚คใƒณ็ทจ้›†๏ผˆCmd/Ctrl + K๏ผ‰

  • UIใฎๆ”นๅ–„ใจๆ–ฐ่ฆใ‚ชใƒ—ใ‚ทใƒงใƒณใฎ่ฟฝๅŠ 

    • ใƒ•ใƒซใƒ•ใ‚กใ‚คใƒซ็ทจ้›†(โŒ˜โ‡งโŽ)

    • ้ธๆŠžใ‚ณใƒผใƒ‰ใƒ–ใƒญใƒƒใ‚ฏใ‚’ใ‚จใƒผใ‚ธใ‚งใƒณใƒˆใซ่ปข้€ใ™ใ‚‹(โŒ˜L)

  • ็ฐกๅ˜ใช็ฏ„ๅ›ฒๅค‰ๆ›ดใฏใƒ•ใ‚กใ‚คใƒซๅ…จไฝ“ใฎ็ทจ้›†ใงใ€ใƒžใƒซใƒใƒ•ใ‚กใ‚คใƒซใฎๅค‰ๆ›ดใ‚„ใ‚ˆใ‚Š็ดฐใ‹ใ„ๅˆถๅพกใŒๅฟ…่ฆใชๅ ดๅˆใฏใ‚จใƒผใ‚ธใ‚งใƒณใƒˆใซ่ปข้€ใ—ใฆใใ ใ•ใ„ใ€‚


7.้•ทใ„ใƒ•ใ‚กใ‚คใƒซใ‚‚ใ™ใฐใ‚„ใ็ทจ้›†

ใ‚จใƒผใ‚ธใ‚งใƒณใƒˆใซๆคœ็ดข๏ผ†็ฝฎๆ›ใƒ„ใƒผใƒซใ‚’่ฟฝๅŠ ใ—ใพใ—ใŸใ€‚

  • ้•ทใ„ใƒ•ใ‚กใ‚คใƒซใงใ‚‚ๅ…จไฝ“ใ‚’่ชญใ‚€ใ“ใจใชใใ€ๅฟ…่ฆใช้ƒจๅˆ†ใ ใ‘ๆŽขใ—ใฆไฟฎๆญฃ

  • ไพ‹๏ผ‰Postgresใ‚ณใƒผใƒ‰ใƒ™ใƒผใ‚น็ทจ้›†ๆ™‚ใฎ็ด„2ๅ€ใฎ้€Ÿๅบฆๅ‘ไธŠ

  • ใ‚ขใƒณใƒˆใƒญใƒ”ใƒƒใ‚ฏใƒขใƒ‡ใƒซใ‹ใ‚‰้ฉ็”จใ€ไปŠๅพŒๆ‹กๅคงไบˆๅฎš


8.ใƒžใƒซใƒใƒซใƒผใƒˆใƒฏใƒผใ‚ฏใ‚นใƒšใƒผใ‚น

ใƒžใƒซใƒใ‚ณใƒผใƒ‰ใƒ™ใƒผใ‚นใ‚’1ใคใฎใ‚นใƒšใƒผใ‚นใงไฝœๆฅญใ—ใพใ™ใ€‚

  • ่ค‡ๆ•ฐใฎใƒ•ใ‚ฉใƒซใƒ€ใ‚’1ใคใฎใƒฏใƒผใ‚ฏใ‚นใƒšใƒผใ‚นใซ่ฟฝๅŠ โ†’ใ™ในใฆใฎใ‚คใƒณใƒ‡ใƒƒใ‚ฏใ‚นไฝœๆˆ

  • ็•ฐใชใ‚‹ใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใ‚’ๅŒๆ™‚ใซๆ‰ฑใ†ใจใใซ็†ๆƒณ็š„

  • .cursor/rulesใ‚‚ใ™ในใฆใฎใƒ•ใ‚ฉใƒซใƒ€ใงใ‚ตใƒใƒผใƒˆ


9.ใƒใƒฃใƒƒใƒˆๆฉŸ่ƒฝใฎๅผทๅŒ–

ๆฉŸ่ƒฝ่ชฌๆ˜Ž ใƒใƒฃใƒƒใƒˆใฎใ‚จใ‚ฏใ‚นใƒใƒผใƒˆใƒใƒฃใƒƒใƒˆ็”ป้ขใ‹ใ‚‰Markdownใƒ•ใ‚กใ‚คใƒซใซใ‚จใ‚ฏใ‚นใƒใƒผใƒˆ โ€“ใƒ†ใ‚ญใ‚นใƒˆใƒปใ‚ณใƒผใƒ‰ใƒ–ใƒญใƒƒใ‚ฏใ‚’ๅซใ‚€

ใใฎไป–

ใ‚ทใƒงใƒผใƒˆใ‚ซใƒƒใƒˆ

ๆฉŸ่ƒฝใ‚ทใƒงใƒผใƒˆใ‚ซใƒƒใƒˆใ‚คใƒณใƒฉใ‚คใƒณ็ทจ้›†ใงใƒ•ใ‚กใ‚คใƒซๅ…จไฝ“ใ‚’ๅค‰ๆ›ดใ™ใ‚‹Cmd / Ctrl + Shift + K


ๆ”นๅ–„็‚น

  1. ใ‚จใƒผใ‚ธใ‚งใƒณใƒˆใŒใƒใ‚คใƒ†ใ‚ฃใƒ–็ซฏๆœซใ‚จใƒŸใƒฅใƒฌใƒผใ‚ทใƒงใƒณใ‚’ไฝฟ็”จใ™ใ‚‹(ๅพ“ๆฅใฎไปฎๆƒณ็ซฏๆœซๆ–นๅผใฎไปฃใ‚ใ‚Šใซ)

  2. @folders ๏ผšใ‚ณใƒณใƒ†ใ‚ญใ‚นใƒˆใซๅ…ฅใ‚Œใ‚‹ใ“ใจใŒใงใใ‚‹ใ™ในใฆใฎใƒ•ใ‚กใ‚คใƒซใ‚’่‡ชๅ‹•็š„ใซๅŸ‹ใ‚่พผใ‚€

  3. ใ‚ณใƒณใƒ†ใ‚ญใ‚นใƒˆใ‚นใƒ†ใƒผใ‚ฟใ‚นใ‚ขใ‚คใ‚ณใƒณ๏ผšใƒใƒฃใƒƒใƒˆใ‹ใ‚‰ใƒ•ใ‚กใ‚คใƒซใŒๆฌ ่ฝใƒป็Ÿญ็ธฎใ•ใ‚ŒใŸใ‹ไธ€็›ฎใง็ขบ่ช

  4. MCP่จญๅฎšใงๅ€‹ใ€…ใฎMCPใƒ„ใƒผใƒซใ‚’็„กๅŠนใซใ™ใ‚‹

  5. ๆ–ฐใ—ใ„C๏ผƒๆ‹กๅผตใŒใƒžใƒผใ‚ฑใƒƒใƒˆใƒ—ใƒฌใ‚คใ‚นใซใƒชใƒชใƒผใ‚น

  6. ใƒใƒฃใƒƒใƒˆใƒ•ใ‚ฉใƒณใƒˆใ‚ตใ‚คใ‚บใ‚’่จญๅฎšใงๆ‹กๅคงๅฏ่ƒฝ

  7. ใ‚ขใƒ—ใƒชๅ†…ใง่ฉณ็ดฐใชๅค‰ๆ›ดใƒญใ‚ฐ๏ผˆchangelog ๏ผ‰ใ‚’็ขบ่ชๅฏ่ƒฝ


ใ‚ขใ‚ซใ‚ฆใƒณใƒˆ้–ข้€ฃ

  • Claude 3 Opusใฎ1ๆ—ฅ10ๅ›ž็„กๆ–™ใƒชใ‚ฏใ‚จใ‚นใƒˆ็‰นๅ…ธใŒๅ‰Š้™คใ•ใ‚Œใพใ—ใŸใ€‚


ใƒ‘ใƒƒใƒ

ใƒใƒผใ‚ธใƒงใƒณใ‚นใƒ†ใƒผใ‚ฟใ‚น ใƒกใ‚คใƒณใ‚ณใƒณใƒ†ใƒณใƒ„0.50.1ใƒ—ใƒชใƒชใƒชใƒผใ‚นใƒใƒƒใ‚ฏใ‚ฐใƒฉใ‚ฆใƒณใƒ‰ใ‚จใƒผใ‚ธใ‚งใƒณใƒˆใŒๅˆฉ็”จๅฏ่ƒฝ


ใ‚ณใƒกใƒณใƒˆ
ใพใ ใ‚ณใƒกใƒณใƒˆใŒใ‚ใ‚Šใพใ›ใ‚“

๏ฟฅ13,624