フロントエンド開発の主要パッケージの最新を1年追い続けてみた /recommend-pkg-gardening

2018/3/27に「けーすた！#4」で発表した際のLT資料です。
ガーデニングのすゝめ
https://casestudy.connpass.com/event/80914/

Transcript

1. ϑϩϯτΤϯυ։ൃͷ
   ओཁύοέʔδͷ࠷৽Λ
   ೥௥͍ଓ͚ͯΈͨ
   ͚ʔͨ͢ʂ
   ാ߳ಸߐ !LBOVGZ
   
   גࣜձࣾ70:"(&(3061
   )35FDI4UVEJPαϙʔλʔζ
   

   View Slide

2. ࣗݾ঺հ
   גࣜձࣾ70:"(&(3061ʢ)35FDI4UVEJPʣ
   ೥ೖࣾͯ͠೥໨͕·͞ʹऴΘΖ͏ͱ͍ͯ͠Δ
   ڈ೥ͷ݄ʹΞυςΫͷ෦ॺ͔Βαϙʔλʔζ΁
   ࠷ۙ͸ϑϩϯτΤϯυ΍ͬͯ·͢
   झຯ ຊۀ
   ͸εΩʔΛ͢Δ͜ͱʂস
   ϘϧμϦϯά΋΍Γ·͢
   !LBOVGZ
   

   View Slide

3. ͬͦ͘͞Ͱ͕͢
   ґଘύοέʔδͷ
   όʔδϣϯ؅ཧ͸ͯ͠·͔͢ʁ
   $PNQPTFS OQN ZBSO QJQ HFN
   

   View Slide

4. ΋ͪΖΜͯ͠·͢ΑͶ
   

   View Slide

5. ͡Ό͋ͦͷύοέʔδͷ
   όʔδϣϯ
   ࠷͍ۙͭ͋͛·ͨ͠ʁ
   

   View Slide

6. ͡Ό͋ͦͷύοέʔδͷ
   όʔδϣϯ
   ࠷͍ۙͭ͋͛·ͨ͠ʁ
   ͪΌΜͱ-BUFTU࢖ͬͯ·͔͢ʁ
   

   View Slide

7. ϑϩϯτΤϯυ։ൃͰ
   Α͘࢖ΘΕͦ͏ͳ ओ؍
   ύοέʔδ-BUFTU
   w 5ZQF4DSJQU

   ʢͷ3$͕͖ͯΔʣ
   w 3Y+4

   ʢͷCFUB͕͖ͯΔ
   
   w 8FCQBDL
   w OQN
   w ZBSO
   w &4-JOU
   w 54-JOU
   w 3FBDU
   w 7VF

   ͷCFUB͖ͯΔ
   
   ݱࡏ
   
   

   View Slide

8. ύοέʔδΨʔσχϯάͷ͢ʍΊ
   w ຖिϦϙδτϦͷґଘύοέʔδΛߋ৽͢Δ
   w ϏϧυյΕΔʁյΕΔϏϧυ͕ΘΔ͍ͷͰॗʑͱͳ͓͢
   w ͨ·ʹ࠷৽ʹ͋͛ͨΒόάΛ౿Έൈ͘͜ͱ΋΋ͪΖΜ͋Δ
   ຖिͷΑ͏ʹґଘύοέʔδΛ্͛ଓ͚Δ౒ྗ
   IUUQUFDIMPHWPZBHFHSPVQDPNFOUSZ
   

   View Slide

9. ύοέʔδΨʔσχϯάͷ͢ʍΊ
   w ࠷৽ػೳ͕࢖͑Δ
   w ࣏͍ͬͯΔ͸ͣͷݹ͍όάΛճආ͢Δඞཁ΋ݮΔ
   w νʔϜϝϯόʔ͕ίʔυϕʔεΛཧղ͢ΔͨΊͷτϨʔχϯάʹͳΔ
   w Α͘Θ͔Βͳ͍ϥΠϒϥϦΛؾܰʹೖΕΔ͜ͱ͕ݮΓɺ࣮͸࢖ͬͯͳ͍ແ
   ବͳϥΠϒϥϦ͕ϦϙδτϦʹଘࡏ͠ଓ͚ΔΈ͍ͨͳ͜ͱ͸গͳ͘ͳΔ
   w ͍͟όʔδϣϯΛ͍͋͛ͨͱ͖ʹഁյతมߋ͕ଟ͗ͯ͋͛͢Δͷ͕૬౰π
   ϥΠΈ͍ͨͳ͜ͱ͕ݮΔ
   ϝϦοτ
   

   View Slide

10. ύοέʔδΨʔσχϯάͷ͢ʍΊ
    w ୭͔Ұਓ͕୲౰ऀΈ͍ͨʹͳΒͳ͍Α͏ͳνʔϜͮ͘ΓΛ͢Δίετ
    w ຖि࣌ؒΛׂ͘ίετ
    w ׳ΕͨΒ࣌ؒ΄ͲͰͰ͖Δ
    w ͨ·ʹ࠷৽ͷόάΛ౿Ή͚Ͳ044ʹJTTVFཱͯΔνϟϯεͰ͢Ͷʂ͍ͭͰʹ
    $POUSJCVUFνϟϯεʂ
    w ίΞͳϥΠϒϥϦ΍ϑϨʔϜϫʔΫͩͱɺͦͷґଘϥΠϒϥϦ͕͍ͭͯ͜Εͳ͍
    ύλʔϯ͕ͨ·ʹ͋Δ
    σϝϦοτ
    σϝϦοτΑΓϝϦοτ͕Ͱ͔͍ʂͱߟ͍͑ͯΔ
    

    View Slide

11. σϞͯ͠ΈΔ
    ઌिͷ݄༵೔ʹΨʔσχϯάͨ͠
    ࣮ࡍ͔ͭͬͯΔϦϙδτϦ
    

    View Slide

12. ࠷্ۙ͛Δͷʹۤ࿑ͨ͠γϦʔζ
    w 8FCQBDL
    w NPEFͷ௥ՃXFCQBDLDMJ੾Γग़͠EFQSFDBUFE
    w ௐ͔ࠪΒݕূ͍Εؙ͍͍ͯͩͨ೔͘Β͍
    w 5ZQF4DSJQU
    w ʹ͢Δͱ3Y+4ͱͷ૬ੑ͕ѱͯ͘Ͳ͏͠Α͏͔ͳͬͯ͠͹Β͘ݻ
    ఆͯͨ͠ IUUQTHJUIVCDPN3FBDUJWF9SYKTJTTVFT
    
    w 3Y+4ଆ͕࣏Γͦ͏ʹͳ͔ͬͨͷͰ࠷ऴతʹఘΊͯTLJQ-JC$IFDL
    Ͱճආ
    

    View Slide

13. ೥΄Ͳଓ͚ͯΈͯΘ͔ͬͨ͜ͱ
    w ࢥ͍ͬͯΔΑΓ΋͙͢ʹґଘύοέʔδͷόʔδϣϯ͸͕͍͋ͬͯ
    ͘
    w ຖि͋͛ͯΔͷʹͦΕͰ΋ϝδϟʔόʔδϣϯͷߋ৽͸ͳ͔ͳ͔͠
    ΜͲ͍
    w ์ஔ͢Δ͜ͱ΁ͷڪා͕ժੜ͑ΔʢिؒͰNJOPSQBUDI͕΄ͱΜ
    Ͳͱ͸͍͑छྨ΄Ͳ͕͋Δʣ
    w ߋ৽܏޲͕ͳΜͱͳ͘Θ͔Δ͠3$൛ͱ͔ݟ͚ͭͯؾ࣋ͷ४උͱ͔
    Ͱ͖ΔΑ͏ʹͳͬͨ
    w 044ͷJTTVF13ړΓྗ͕͍ͭͨؾ͕͢Δ
    

    View Slide

14. MBCFMͱ͔͚ͭΔͱΨϯόϦ͕
    Έ͑ͯͨͷ͍͠ɻ
    ൒೥͘Β͍ଓ͚ͨϦϙδτϦ
    

    View Slide

15. ೥΄Ͳ์ஔͨ͠ఱવϞϊͷྫ
    

    View Slide

16. νʔϜʹ΋ͨΒ͞Εͨ΋ͷ
    w ϑϩϯτΤϯυͷϦϙδτϦ͚ͩͰͳ͘ɺαʔόαΠυͷ
    ϦϙδτϦͰ΋Ψʔσχϯά͍ͯ͘͜͠ͱʹ
    w ຖि໘౗͍͚͘͞ͲେࣄͳͷͰ΍͍ͬͯ͜͏ͱ͍͏ҙ͕ࣝ
    νʔϜϝϯόʔશମʹࠜ෇͍͖ͯͨ
    

    View Slide

17. ༨ஊ
    ࣾ಺-JOU044΋΍ͬͯ·͢
    w UTMJOUDPOpHqVDU IUUQTHJUIVCDPN
    WPZBHFHSPVQUTMJOUDPOpHqVDU
    
    w FTMJOUDPOpHqVDU IUUQTHJUIVCDPN
    WPZBHFHSPVQFTMJOUDPOpHqVDU
    
    

    View Slide