READMEにバッヂが欲しくてテストを書き始めました

Frontend Test Night - Fukuoka #1

Transcript

1. 3&"%.&ʹόοξ͕ཉͯ͘͠
   ςετΛॻ͖࢝Ί·ͨ͠
   'SPOUFOE5FTU/JHIU'VLVPLB
   גࣜձࣾσΟʔθϩ
   8FCΞΫηγϏϦςΟΤϯδχΞ
   ฏඌΏ͏ͯΜ
   

   View Slide

2. ©2019 Yusuke Hirao
   3&"%.&ʹόοξ͕ཉͯ͘͠
   ςετΛॻ͖࢝Ί·ͨ͠
   'SPOUFOE5FTU/JHIU'VLVPLB
   גࣜձࣾσΟʔθϩ
   8FCΞΫηγϏϦςΟΤϯδχΞ
   ฏඌΏ͏ͯΜ
   

   View Slide

3. ©2019 Yusuke Hirao
   ࣗݾ঺հ
   ฏඌ༏యʢͻΒ͓Ώ͏ͯΜʣ
   גࣜձࣾσΟʔθϩ
   8FCΞΫηγϏϦςΟΤϯδχΞ
   ϑϩϯτΤϯυΤϯδχΞ
   #-0(IUUQTOPUFNVZVTVLFIJSBP
   Yusuke Hirao
   @cloud10designs
   

   View Slide

4. ©2019 Yusuke Hirao
   ࠓ೔ͷςʔϚ
   ࢲ͕ςετʹ
   औΓ૊Έ࢝Ί͖͔͚ͨͬ
   

   View Slide

5. ©2019 Yusuke Hirao
   ΞδΣϯμ
   ౰࣌ɺΘͨ͠͸੨͔ͬͨɻ
   ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
   ͑ɺςετॻ͘ͷʁ
   ςετͷপ
   ςετͰؾΛ͚͍ͭͨ͜ͱ
   

   View Slide

6. ©2019 Yusuke Hirao
   ౰࣌ɺΘͨ͠͸੨͔ͬͨɻ
   

   View Slide

7. ©2019 Yusuke Hirao
   ౰࣌ɺΘͨ͠͸੨͔ͬͨɻ
   Φʔϓϯιʔεͱ͍͏΋ͷʹ
   യવͱͨ͠ಌΕΛ΋͍ͬͯͨ๻͸
   

   View Slide

8. ©2019 Yusuke Hirao
   ౰࣌ɺΘͨ͠͸੨͔ͬͨɻ
   ʮΦϨ΋ϥΠϒϥϦͭ͘ΔΜ΍ʯ
   

   View Slide

9. ©2019 Yusuke Hirao
   ౰࣌ɺΘͨ͠͸੨͔ͬͨɻ
   ͱɺ
   Θ͚ͷΘ͔ΒΜίʔυΛ
   (JUIVCʹࢃ͖ࢄΒͯͨ͠
   

   View Slide

10. ©2019 Yusuke Hirao
    ౰࣌ɺΘͨ͠͸੨͔ͬͨɻ
    ͔͠͠ɺ؀ڥ͕޾͍ͯ͠
    ۀ຿Ͱ΋࢖͏ϥΠϒϥϦΛ
    ͨ͘͞Μ࡞Εͨ
    

    View Slide

11. ©2019 Yusuke Hirao
    ౰࣌ɺΘͨ͠͸੨͔ͬͨɻ
    K2VFSZϓϥάΠϯ
    %0.ૢ࡞ϥΠϒϥϦ
    47(ϥΠϒϥϦ $BOWBTϥΠϒϥϦ
    1IPUPTIPQࣗಈॲཧεΫϦϓτ
    &YDFMσʔλநग़ػ
    จࣈม׵ϥΠϒϥϦ
    )5.-Ϧϯλʔ
    

    View Slide

12. ©2019 Yusuke Hirao
    ΞδΣϯμ
    ౰࣌ɺΘͨ͠͸੨͔ͬͨɻ
    ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
    ͑ɺςετॻ͘ͷʁ
    ςετͷপ
    ςετͰؾΛ͚͍ͭͨ͜ͱ
    

    View Slide

13. ©2019 Yusuke Hirao
    ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
    

    View Slide

14. ©2019 Yusuke Hirao
    ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
    ۀ຿Ͱ΋࢖ΘΕΔͷͰ
    ʢΑ͘࢖ΘΕͨ΍ͭͰ೥ؒαΠτ͘Β͍ʹ࣮૷ʣ
    

    View Slide

15. ©2019 Yusuke Hirao
    ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
    όάใࠂ͍͢͝☠
    

    View Slide

16. ©2019 Yusuke Hirao
    ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
    ཁ๬΋͍͢͝
    

    View Slide

17. ©2019 Yusuke Hirao
    ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
    ൚༻తʹ͗ͯ͢͠
    ػೳ͸ංେԽ͢Δ
    

    View Slide

18. ©2019 Yusuke Hirao
    ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
    ػೳ$Λ௥Ճ͢Δͱػೳ"͕յΕͨɻ
    ػೳ"Λ௚ͨ͠Βػೳ#͕յΕͨɻ
    

    View Slide

19. ©2019 Yusuke Hirao
    ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
    ʗ ?P?
    ʘ
    

    View Slide

20. ©2019 Yusuke Hirao
    ΞδΣϯμ
    ౰࣌ɺΘͨ͠͸੨͔ͬͨɻ
    ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
    ͑ɺςετॻ͘ͷʁ
    ςετͷপ
    ςετͰؾΛ͚͍ͭͨ͜ͱ
    

    View Slide

21. ©2019 Yusuke Hirao
    ͑ɺςετॻ͘ͷʁ
    

    View Slide

22. ©2019 Yusuke Hirao
    ͑ɺςετॻ͘ͷʁ
    ϝϯςφϯεΛֶ΂͹
    ςετʹग़ձ͏
    

    View Slide

23. ©2019 Yusuke Hirao
    ͑ɺςετॻ͘ͷʁ
    ͑͑ɺςετʁ
    ςετͷͨΊʹίʔυॻ͘ͷ
    

    View Slide

24. ©2019 Yusuke Hirao
    ͑ɺςετॻ͘ͷʁ
    େ੾͞Λ஌͚ͬͨͩͰ
    ߦಈʹҠͤΔ΄Ͳ
    ๻͸ਓ͕ؒͰ͖ͪΌ͍ͳ͍
    

    View Slide

25. ©2019 Yusuke Hirao
    ͑ɺςετॻ͘ͷʁ
    ੈͷதͷϥΠϒϥϦΛ
    ݟճͯ͠Έͨ
    

    View Slide

26. ©2019 Yusuke Hirao
    ͑ɺςετॻ͘ͷʁ
    

    View Slide

27. ©2019 Yusuke Hirao
    ͑ɺςετॻ͘ͷʁ
    ͳΜ͜ΕɺΈΜͳ෇͚ͱΔ
    ͔͍͍ͬ͜΍Μ͔
    

    View Slide

28. ©2019 Yusuke Hirao
    ͑ɺςετॻ͘ͷʁ
    ʜ͔͍͍͔ͬ͜͸ஔ͍ͱ͍ͯɺ
    ͋Δఔ౓ͷ৴པੑͷΞϐʔϧ
    

    View Slide

29. ©2019 Yusuke Hirao
    ͑ɺςετॻ͘ͷʁ
    ͪΐͬͱ΍ΔؾͰ͖ͯͨ
    

    View Slide

30. ©2019 Yusuke Hirao
    ΞδΣϯμ
    ౰࣌ɺΘͨ͠͸੨͔ͬͨɻ
    ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
    ͑ɺςετॻ͘ͷʁ
    ςετͷপ
    ςετͰؾΛ͚͍ͭͨ͜ͱ
    

    View Slide

31. ©2019 Yusuke Hirao
    ςετͷপ
    

    View Slide

32. ©2019 Yusuke Hirao
    ςετͷপ
    ͍͟ςετΛॻ͔Μ
    

    View Slide

33. ©2019 Yusuke Hirao
    ςετͷপ
    ͲΜͲΜॻ͘
    ˝
    ؆୯ͳؔ਺Ͱ΋͍͍͔Βॻ͘
    ˝
    ✔ςετ͕௨Δ
    

    View Slide

34. ©2019 Yusuke Hirao
    ςετͷপ
    

    View Slide

35. ©2019 Yusuke Hirao
    ςετͷপ
    ͳΜͯ૘շײʂ
    

    View Slide

36. ©2019 Yusuke Hirao
    ςετͷপ
    ✔ςετ͕௨Δ
    ˝
    ΋ͬͱॻ͖͍ͨ
    ˝
    ΧόϨοδΛ্͍͛ͯ͘
    

    View Slide

37. ©2019 Yusuke Hirao
    ςετͷপ
    ΍ͬͯΔͥײʂ
    

    View Slide

38. ©2019 Yusuke Hirao
    ςετͷপ
    

    View Slide

39. ©2019 Yusuke Hirao
    ςετͷপ
    ͪΌΜͱΠΠ͜ͱ΋͋Δ
    ͳΔ΂͘७ਮͳؔ਺Λॻ͘Α͏ʹͳΔ
    ؔ਺ͷཻ౓͕খ͘͞ͳΔ
    ίʔυͷݟ௨͕͠Α͘ͳΔ
    ґଘϞδϡʔϧͷΞοϓσʔτ΋҆৺
    ڪΕͣʹϦϑΝΫλϦϯά͕Ͱ͖Δ
    ػೳ$Λ࡞ͬͯΔ్தͰػೳ"͕յΕΔ͜ͱʹؾ͚ͮΔ
    

    View Slide

40. ©2019 Yusuke Hirao
    ΞδΣϯμ
    ౰࣌ɺΘͨ͠͸੨͔ͬͨɻ
    ϝϯςφϯεͱ޲͖߹͍ͬͯ͘
    ͑ɺςετॻ͘ͷʁ
    ςετͷপ
    ςετͰؾΛ͚͍ͭͨ͜ͱ
    

    View Slide

41. ©2019 Yusuke Hirao
    ςετͰؾΛ͚͍ͭͨ͜ͱ
    

    View Slide

42. ©2019 Yusuke Hirao
    ςετͰؾΛ͚͍ͭͨ͜ͱ
    ΧόϨοδ͕͢΂ͯ͡Όͳ͍
    ൺֱॲཧɺ೔෇ॲཧɺਖ਼نදݱ͋ͨΓ͸ΧόϨοδ͡ΌΧόʔͰ͖ͳ͍͜ͱ͕ଟ͍
    ᮢ஋νΣοΫ͸ςετઃܭɾςετίʔυ͕େ੾
    

    View Slide

43. ©2019 Yusuke Hirao
    ςετͰؾΛ͚͍ͭͨ͜ͱ
    ςετπʔϧʹ͸ྲྀߦ͕͋Δ
    ϝϯς͕ऴΘͬͯࢮΜͰ͍͘πʔϧ΋͋Δ
    ΑΓྑ͍ΞʔΩςΫνϟ΍ϝϯςφϯεੑͰɺม͍͑ͯ͘ݕ౼͸͍Δ
    ෇͖߹ͬͯɺ৐Γ׵͑ͯɺલʹਐΉͷΈ
    ϚΠάϨʔγϣϯπʔϧͳͲ͸͓͢͢Ίjest-codemods
    

    View Slide

44. ©2019 Yusuke Hirao
    ςετͰؾΛ͚͍ͭͨ͜ͱ
    ςετʹؾΛऔΒΕ͗͢ͳ͍
    ςετ΋େ੾͚ͩͲɺଞʹ΋कΒͳ͍ͱ͍͚ͳ͍͜ͱ͕͋Δ
    ͋Δఔ౓ͷ੾Γࣺͯ൑அ͸͍Δ
    ݱ࣮໰୊ɺ׬શͳςετ͸ଘࡏ͠ͳ͍
    ςετͷ໨త͸໌֬ʹ
    

    View Slide

45. ©2019 Yusuke Hirao
    ςετͰؾΛ͚͍ͭͨ͜ͱ
    ɹͨͩ͠ɺ
    ͜ΕΒ͸ςετ͕
    ॻ͚ΔΑ͏ʹͳ͔ͬͯΒ
    ؾʹ͢Ε͹͍͍͜ͱ
    

    View Slide

46. ©2019 Yusuke Hirao
    ·ͣ͸ɺॻ͍ͯΈΑ͏
    

    View Slide

47. ©2019 Yusuke Hirao
    ·ͣ͸ɺॻ͍ͯΈΑ͏
    

    View Slide

48. ࣍ճ͸ͪΌΜͱ
    ϑϩϯτͷ࿩͠·͢
    

    View Slide

49. 3&"%.&ʹόοξ͕ཉͯ͘͠
    ςετΛॻ͖࢝Ί·ͨ͠
    'SPOUFOE5FTU/JHIU'VLVPLB
    גࣜձࣾσΟʔθϩ
    8FCΞΫηγϏϦςΟΤϯδχΞ
    ฏඌΏ͏ͯΜ
    

    View Slide