$30 off During Our Annual Pro Sale. View Details »

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

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

Frontend Test Night - Fukuoka #1

Yusuke Hirao

March 05, 2019
Tweet

More Decks by Yusuke Hirao

Other Decks in Technology

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