cursorで実践するContext Engineering

Transcript

1. CursorͰ࣮ફ͢Δ
   Context Engineering @thirdlf
2. ࣗݾ঺հ ໊લɿ thirdlf(͞ͲΔ;) 27ଔͷֶੜ ੜ੒AIܦݧ: GPT3.5࣌୅͔Β
   X: @thirdlf1
3. օ͞ΜCursor ޷͖Ͱ͢ΑͶʁʁ
4. Cursorͷ͕͜͜ྑ͖ • Tabิ׬͕༏ल • ίϯςΩετͷऔΓࠐΈํ͕༏ल • ͍ΖΜͳϞσϧ͕࢖͑Δ • VSCodeͷExtensionΛ࢖͑Δ • ChatͷCheckpoint • ֶੜʹ༏͍͠
5. Cursorͷྗ Ͳ͜·ͰҾ͖ग़ͤͯ·͔͢ʁ
6. ຊ೔ͷΰʔϧ • CursorͷϙςϯγϟϧΛ120%Ҿ͖ग़͢ʮContext EngineeringʯΛཧղ͢Δ • Context EngineeringͱPrompt Engineeringͷҧ͍Λཧղ͢Δ
7. Prompt Engineeringʹ͍ͭͯ
   ஌͍ͬͯΔํ🙋
8. Context Engineeringʹ͍ͭͯ
   ஌͍ͬͯΔํ🙋
9. Կ͕ҧ͏ͷʁ
10. Կ͕ҧ͏ͷ? Context Engineering over Prompt Engineering. →ϓϩϯϓτΤϯδχΞϦϯάΛ௒͑ͨ΋ͷ͕ίϯςΩετΤϯδχΞ Ϧϯά
11. Prompt Engineeringͱ͸ʁ • Prompt Engineering͸ɺ୯ҰͰࣗݾ׬݁ܕͷϓϩϯϓτʢࢦࣔ΍࣭ ໰ʣΛ࡞੒͠ɺLLM͔Βྑ͍ճ౴ΛಘΔ͜ͱʹয఺Λ౰ٕͯͨज़ • Context͸੩తͳจࣈྻͱͯ͠ѻΘΕɺෳࡶͳϫʔΫϑϩʔ΍ಈతͳ ৘ใγεςϜʹ͸ରԠ͖͠Εͳ͍ͱ͍͏ݶք͕͋Δ
12. Context Engineeringͱ͸ʁ • ਪ࿦࣌ʹ͓͚ΔAIϞσϧΛऔΓר͘ɺ੩త͓Αͼಈతͳ͢΂ͯͷ৘ใ Λମܥతʹઃܭɺߏஙɺ؅ཧ͢Δϓϩηε Andrej Karpathyࢯ͸ɺʮ࣍ͷεςοϓʹඞཁͳʰద੾ͳ৘ใʱΛίϯ ςΩετ΢Οϯυ΢ʹຒΊΔɺણࡉͳܳज़ͱՊֶʯͩͱड़΂͍ͯΔ
13. Ͱɺ݁ہԿ͕ҧ͏ͷ? Prompt Engineeringͷয఺: ԿΛਘͶΔ͔ Context Engineeringͷয఺: ϞσϧʹԿΛݟͤΔͷ͔ɺͦͷ$ontextΛ Ͳ͏؅ཧ͢Δͷ͔
14. ิ଍ʣContextͱ͸ Contextͱ͸ɺLLM͕ਖ਼֬ͰҰ؏ੑͷ͋ΔԠ౴Λੜ੒͢ΔͨΊʹɺਪ࿦ ࣌ʹఏڙ͞ΕΔؔ࿈৘ใͷू߹શମ
15. ࣮ࡍʹ΍ͬͯΈͨ • ࣗݾ঺հϖʔδΛCursor࢖ͬͯ࡞ͬͯΈΔ ৚݅ • Agent: AutoͷΈ࢖༻Մೳ • Tabิ׬Ͱࡉ͔͍मਖ਼͸OK (جຊ͠ͳ͍ʣ
16. Prompt Only ͱΓ͋͑ͣ࡞ͬͯ΋Β͏
17. Prompt thirdlfͷεϚϗͰӾཡ༻ͷࣗݾ঺հϖʔδΛ࡞͍ͬͯͩ͘͞ɻ
 XͷID͸@thirdlf1Ͱ͢ɻ
20. Կ͕ѱ͍ʁ ৘ใ(Context)͕શવ଍Γͯͳ͍
21. ࣗݾ঺հ ໊લɿ thirdlf(͞ͲΔ;) 27ଔͷֶੜ X: @thirdlf1
22. ࣗݾ঺հ ໊લɿ thirdlf(͞ͲΔ;) ઐ߈: AIؔ܎ʢ27ଔͷֶੜʣ झຯ: ϋοΧιϯɺϥΠϒɺLT Α͘࢖͏ݴޠ: Python ੜ੒AIܦݧ: GPT3.5࣌୅͔Β X: @thirdlf1
23. Prompt Engineering • ϓϩϯϓτΛ޻෉͠ɺ্هͷ௥Ճ৘ใʢࣗݾ঺հʣΛΑΓޮՌతʹར ༻͢Δɻ • Few-shot prompting΍Chain-of-Thought (CoT)ͳͲͷख๏Λ༻͍ͯɺ Ϟσϧͷਪ࿦Λࢧԉͯ͠ΈΔɻ
24. Prompt ͋ͳͨ͸ϓϩͷϓϩάϥϚʔͰ͢ɻҎԼͷϢʔβʔ৘ใͱ੍໿ʹج͍ͮͯɺεϚϗͰ࠷దͳࣗݾ঺հϖʔδΛ Next.jsͰੜ੒͍ͯͩ͘͠͞ɻ ʲ໾ׂͱ໨తʳ: ࠙਌ձͰ࢖͑ΔΑ͏ʹɺ؆ૉ͚ͩͲັྗతͳࣗݾ঺հϖʔδʹ͍ͯͩ͘͠͞ɻ ʲϢʔβʔ৘ใʳ: ໊લ: thirdlf(͞ͲΔ;) ઐ߈: AIؔ܎ʢ27ଔͷֶੜʣ झຯ: ϋοΧιϯɺϥΠϒɺLT Α͘࢖͏ݴޠ: Python ੜ੒AIܦݧ: GPT3.5࣌୅͔Β X: @thirdlf1 ʲλεΫʳ: ্هͷ৘ใͷΈ࢖༻ͯ͠࡞੒͍ͯͩ͘͠͞ɻ
26. Context Engineering ಈతʹContextΛ༩͑Δɻ
27. Context EngineeringͷͨΊͷπʔϧ΍ػೳ • Rules • MCP • @ Symbol • Indexing & Docs
28. Rules
30. @ Symbol • @ϑΝΠϧ & ϑΥϧμ: ϑΝΠϧ΍ϑΥϧμશମΛAIͷର࿩ͷจ຺ʢίϯςΩετʣͱͯ͠ಡΈ͜Ή • @De fi nitions: ίʔυͷத͔Βؔ࿈͢Δؔ਺΍ΫϥεͷఆٛΛࣗಈతʹݟ͚ͭग़͠ɺίϯςΩετʹ௥Ճɻ • @Code: ϑΝΠϧશମͰ͸ͳ͘ɺಛఆͷίʔυͷҰ෦͚ͩΛબ୒ͯ͠ίϯςΩετʹؚΊΔɻ • @Docs: ϥΠϒϥϦ΍ϑϨʔϜϫʔΫͷެࣜυΩϡϝϯτΛࢀর͠ͳ͕ΒɺAIͱର࿩Ͱ͖Δɻ • @Git: ίϛοτ΍ϒϥϯνͷࠩ෼ͳͲɺGitͷมߋཤྺΛίϯςΩετͱͯ͠ར༻͢Δɻ • @Past Chats: աڈͷAIͱͷձ࿩ཤྺΛݺͼग़͠ɺจ຺ΛҾ͖ܧ͍Ͱର࿩Λଓ͚ΒΕΔɻ • @Cursor ϧʔϧ: ϓϩδΣΫτ༻ʹઃఆͨ͠ίʔσΟϯάن໿΍ϧʔϧΛAIʹద༻͢Δɻ • @Web: ΢ΣϒݕࡧΛ࣮ߦ͠ɺ࠷৽ͷ৘ใΛAIͷίϯςΩετʹ௥Ճ͢Δɻ • @Link: URLΛషΓ෇͚Δ͜ͱͰɺͦͷ΢Σϒϖʔδ΍PDFͷ಺༰Λ௚઀ಡΈࠐ·ͤΔɻ • @Recent Changes: ௚ۙͰߦͬͨίʔυͷมߋ఺ΛAIͷίϯςΩετͱͯ͠ࢀর͢Δɻ • @Linter Errors: ίʔυ෼ੳπʔϧʢLinterʣ͕ݕग़ͨ͠Τϥʔ΍ܯࠂΛAIʹ఻͑Δɻ •
31. MCP આ໌লུ ࠓճ࢖ͬͨMCP͸ɺContext7(υΩϡϝϯτݕࡧͯ͠৘ใ༩͑ͯ͘ΕΔ ΍ͭʣͱPlaywright MCP(E2Eςετͯ͘͠ΕΔ΍ͭʣ
32. Indexing & Docs
33. Prompt ͋ͳͨ͸ϓϩͷϓϩάϥϚʔͰ͢ɻҎԼͷϢʔβʔ৘ใͱ੍໿ʹج͍ͮͯɺεϚϗͰ࠷దͳࣗݾ঺հϖʔδΛ Next.jsͰੜ੒͍ͯͩ͘͠͞ɻ ʲ໾ׂͱ໨తʳ: ࠙਌ձͰ࢖͑ΔΑ͏ʹɺ؆ૉ͚ͩͲັྗతͳࣗݾ঺հϖʔδʹ͍ͯͩ͘͠͞ɻ ʲϢʔβʔ৘ใʳ: ໊લ: thirdlf(͞ͲΔ;) ઐ߈: AIؔ܎ʢ27ଔͷֶੜʣ झຯ: ϋοΧιϯɺϥΠϒɺLT Α͘࢖͏ݴޠ: Python ੜ੒AIܦݧ: GPT3.5࣌୅͔Β X: @thirdlf1 ʲλεΫʳ: ্هͷ৘ใͷΈ࢖༻ͯ͠࡞੒͍ͯͩ͘͠͞ɻ
35. ͋Μ·ΓΫΦϦςΟมΘΒͳ͍ʁ σβΠϯͦ͜ҧ͏΋ͷͷɺͦΜͳʹมΘΒͳ͍ؾ͕͢Δ…
37. Context൛ Prompt൛
38. ·ͱΊ • Context Enginnering͸࣮ࡍͷΤϯδχΞϦϯάʹ͍ۙ • CursorΛ࢖͑͹खܰʹ࣮ફͰ͖Δ • ΍ͬͯΈΑ͏
39. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠