テスト生成で気づいた、Claude Codeとのベストな役割分担
by
いちご
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
ςετੜͰؾ͍ͮͨɺ Claude Codeͱͷ ϕετͳׂ୲ ʮAIʹͤΕςετࣗಈͰᘳ…ͷ͕ͣ?ʯ ͍ͪ͝ 💭 ʮAI͕ςετ·Ͱॻ͍ͯ͘ΕΔͳΒ ࠷ߴ͡ΌΜɺͱࢥͬͯࢼͨ͠ʯ
Slide 2
Slide 2 text
ϑϩϯτΤϯυͷςετɺ Ͳ͏ࢦࣔ͢Ε͍͍ʁ 📝 TDDʹԊͬͯʢt-wada͞Μͷਪ͢ΔΓํͰʣ Red → Green → RefactorͷαΠΫϧͰ... 📚 VitestͷެࣜυΩϡϝϯτʹԊͬͯ ϕετϓϥΫςΟεΛࢀߟʹ... 🔀 શͯͷذΛνΣοΫͯ͠ ifจɺswitchจɺࡾ߲ԋࢉࢠ... ⚠ Τοδέʔεཏͯ͠ nullɺundefinedɺۭྻ... 🎯 ΧόϨοδ90%Ҏ্Ͱ ࣭Λ୲อ͢ΔͨΊʹ...
Slide 3
Slide 3 text
͜ΕΒΛ ᕒͷ6จࣈ ʹࠐΊ·ͨ͠ ↓
Slide 4
Slide 4 text
ʮςετॻ͍ͯʯ
Slide 5
Slide 5 text
࠷ॳͷҰา: ࡶͳࢦࣔ Claude Codeʹґཔͯ͠Έͨ ʮςετॻ͍ͯʯ ؆୯ ͨͬͨҰݴ ͍ 6จࣈଧ͚ͭͩ ָ ߟ͑ͳ͍͍ͯ͘ ʮSonnet 4.5ͩ͠ɺ͜ΕͰेͬ͠ΐɻʯ
Slide 6
Slide 6 text
ฦ͖ͬͯͨʂ
Slide 7
Slide 7 text
ฦ͖ͬͯͨςετίʔυ // ਖ਼ৗͷςετ test('ਖ਼ৗͳͷ߹') → ✓ ظ௨Γ // ڥքͷςετ test('͕0ͷ߹') test('͕100ͷ߹') → ✓ ذߟྀ // Τοδέʔεͷςετ test('nullͷ߹') test('undefinedͷ߹') → ✓ ཏత 😊 ΊͬͪΌ͑͑Μʂ ఆͨ͠ςετέʔεΛॻ͍͖ͯͨ શͯͷذʹରԠ͍ͯ͠Δςετέʔε ΧόϨοδߴͦ͏
Slide 8
Slide 8 text
😊 ྑͦ͞͏ʂ
Slide 9
Slide 9 text
Ͱ ͍ٙਂ͍Ͱ͢
Slide 10
Slide 10 text
ifจΛ1ͭ1ͭ ফͯ͠Έͨ
Slide 11
Slide 11 text
😊 ௨ͬͨʂΊͰͨ͠
Slide 12
Slide 12 text
͑ʁ
Slide 13
Slide 13 text
௨ͬͪΌͩΊͳΜͰ͢ 😱 ϋϦϘςײ ݁ہ… ݟͨཏత͚ͩͬͨͲɺ ࣮ࡍϋοϐʔύε ͔͠ ςετͯ͠ͳ͔ͬͨ ʮذͷςετͬͯॻ͍ͯ͋ͬͨͷʹ…ʯ
Slide 14
Slide 14 text
ͦ͜Ͱɺ͜͏͢Δ બࢶᶃ ΊͬͪΌؤுͬͯ టष͘Δ ۩ମతʹ ifจΛ1ͭͣͭ खಈͰίϝϯτΞτͯ͠ ςετͷ݀Λݟ͚ͭΔ બࢶᶄ ΧελϜεϥογϡίϚϯυ ͰϓϩϯϓτΛ ۩ମతʹ ৄࡉͳϓϩϯϓτΛ ίϚϯυԽͯ͠ ςετੜΛ࠷దԽ
Slide 15
Slide 15 text
ࢀߟɿ ΧΠτ͞Μͷهࣄ ͷ͘͢͝༗ޮ ৄࡉͳϓϩϯϓτΛίϚϯυԽͰ ςετ࣭͕ܶతʹ্ ϋοϐʔύεʹͳ͍ͬͯ ͳ͍ ڥքΤοδέʔε ͔ͬ͠ΓΧόʔͰ͖Δ ৄͪ͘͜͠Β ↑
Slide 16
Slide 16 text
·ͱΊɿཧͱݱ࣮ɺͦͯ͠ΤϯδχΞͷՁ ཧͷະདྷ ʮςετॻ͍ͯʯͷ ࡶͳࢦࣔͰ ᘳͳςετ͕Ͱ͖Δੈք ݱࡏ ·ͩͦ͜ʹ ౸ୡ͍ͯ͠ͳ͍ɻͰॻ͚Δɻ ࡶͳࢦࣔͰ௨Βͳ͍ ࠓͷΤϯδχΞͷՁ ͦͷؒΛຒΊΔͨΊʹ ʮ͏·͘Δʯํ๏ Λݟ͚ͭΔ͜ͱ ࠓͷਓؒͷׂ ͋͑ͯటष͘Δͷ͋Γ Custom slash commandΛඋ͢Δ ཧͷະདྷདྷΔɻ Ͱࠓ·ͩɺਓؒͷग़൪ɻ
Slide 17
Slide 17 text
Ͱɺ͓લ୭ʁ ϑϦʔϥϯεΤϯδχΞͷ ͍ͪ͝ ʢ߹ಉձࣾιωοτʣ YouTubeͬͯ·͢ ↓ ʮ ͍ͪ͝ claude code ʯ Ͱݕࡧ
Slide 18
Slide 18 text
࣍ճ Custom slash command උͯ͠ςετॻ͍ͯΈͨ ָ͓͠Έʹ...