Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

Kanae Hata

May 16, 2018
Tweet

Other Decks in Programming

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