yarn VS. npm@2 VS. npm@3

Gotanda.js #6 in Oisix で発表した資料
https://gotandajs.connpass.com/event/42328/

Transcript

1. 
   %FD
   
   
   
   
   (PUBOEBKT 
   JO
   0JTJY 1JOF
   .J[VOF :BSO 74
   OQN!
2. ࣗݾ঺հ q (JU)VC
   !QJOF q 5XJUUFS
   !QJOF q ޷͖ͳݴޠ +BWB4DSJQU q .PCJMF
   'BDUPSZ
   *OD JO ޒ൓ా q ֆจࣈδΣωϨʔλʔ "VUIPS
3. q :BSO ͱ͸ q :BSO ͰͰ͖Δ͜ͱ q :BSO ͱ OQN ͷ଎౓ൺֱ q ߟ࡯ :BSO ͷ֓ཁઆ໌ͷޙɺϕϯνϚʔΫ΁ҠΓ·͢ ໨࣍ ϝΠϯίϯςϯπ
4. :BSO ͱ͸ q 'BDFCPPL ੡ +4 ύοέʔδϚωʔδϟ q OQN ޓ׵ o ಉ͡ QBDLBHFKTPO Λ࢖༻ o ಉ͡ϦϞʔτϨδετϦΛ࢖༻ q OQN ΑΓߴ଎ 'BTU
   SFMJBCMF
   BOE
   TFDVSF
   EFQFOEFODZ
   NBOBHFNFOU github.com/yarnpkg/yarn
5. OQN ޓ׵ͱ͍͏͕ɺͲ͜·Ͱಉ͡ͳͷ͔
6. :BSO ͰͰ͖Δ͜ͱ  ґଘϞδϡʔϧͷΠϯετʔϧ  OQN JOTUBMM  ZBSO
7. :BSO ͰͰ͖Δ͜ͱ  ґଘϞδϡʔϧͷ௥Ճ  OQN JOTUBMM TBWF QLH  ZBSO BEE QLH
8. :BSO ͰͰ͖Δ͜ͱ  Ϟδϡʔϧͷ਽ܗͷ࡞੒  OQN JOJU  ZBSO JOJU
9. :BSO ͰͰ͖Δ͜ͱ q OQN ʹରԠ͢Δಉ༷ͷૢ࡞͕ଘࡏ q QBDLBHFKTPO ͸ڞ௨ o OQN ϢʔβʔͱڞଘՄೳ o ༰қʹ৐Γ׵͑Մೳ جຊతʹ͸ಉ͡ github.com/yarnpkg/yarn
10. OQN ͱ :BSO Ͱҧ͏ॴ OQN Ͱ໰୊ʹͳͬͨ఺͕վળ͞Ε͍ͯΔ github.com/yarnpkg/yarn q ৽͍͠ MPDLGJMF ܗࣜͷಋೖ o (PPE CZF OQNTISJOLXSBQKTPO q ґଘղܾͷߴ଎Խ o େن໛ϓϩδΣΫτ΁ͷରԠ
11. OQN ͱൺ΂ͯͲΕ͚ͩ଎͍ͷ͔
12. ϕϯνϚʔΫ֓ཁ (JU)VC 4UBS ͕ଟ͍ϨϙδτϦͷΠϯετʔϧ଎౓Λൺֱ q (JU)VC 4UBS ্Ґ  Λର৅ q ґଘϞδϡʔϧͷΠϯετʔϧ࣌ؒΛܭଌ (v2) (v3) 上位 100 レポジトリ (うち、計測可能 44) ˞ ܭଌର৅֎ QBDLBHFKTPO ͕ແ͍ɺ౳ ૊Έ߹Θͤ
13. ϕϯνϚʔΫํ๏ ઐ༻ͷϕϯνϚʔΧʔΛॻ͍ͯଌఆ  (JU)VC "1* Ͱ QBDLBHFKTPO Λࠜͦ͗͜μ΢ϯϩʔυ QJOF  QBDLBHFKTPODPMMFDUPS  ֤ύοέʔδϚωʔδϟʔ͝ͱʹ࣌ؒΛଌఆ QJOF  ZBSOOQNCFODINBSL
14. ϕϯνϚʔΫ৚݅ q Ωϟογϡ  MPDLGJMF ແޮ q OQN SVO TDSJQU ແޮ JHOPSFTDSJQUT q ଌఆͨ͠όʔδϣϯ o OQN! ʜ/PEF   OQN  o OQN! ʜ/PEF   OQN  o :BSO ʜ /PEF   ZBSO  q ଌఆͨ͠Ϛγϯ o 04 9 &M$BQJUBO  o .#1 JODIJ    ()[ J   (#
15. ݩσʔλ ܭଌ஋  IUUQTHJUIVCDPNQJOFZBSOOQNCFODINBSLSBXNBTUFSSFTVMUYMTY ϕϯνϚʔΫ݁Ռ インストール時間 (秒) 依存数 (直接) ଌఆର৅Ϟδϡʔϧ͝ͱ
16. ｖ２ ｖ3 yarn インストール時間 (秒) ݩσʔλ ܭଌ஋  IUUQTHJUIVCDPNQJOFZBSOOQNCFODINBSLSBXNBTUFSSFTVMUYMTY 依存数 (直接)
17. ｖ２ ｖ3 yarn インストール時間 (秒) ݩσʔλ ܭଌ஋  IUUQTHJUIVCDPNQJOFZBSOOQNCFODINBSLSBXNBTUFSSFTVMUYMTY 依存数 (直接) yarn の方が遅いパターン: ゼロ
18. ｖ２ ｖ3 yarn インストール時間 (秒) ݩσʔλ ܭଌ஋  IUUQTHJUIVCDPNQJOFZBSOOQNCFODINBSLSBXNBTUFSSFTVMUYMTY 依存数 (直接) 依存数: 10 前後 yarn: 10 秒 未満 npm: 20 秒 前後 (例) o necolas/normalize.css o gitlabhq/gitlabhq
19. ｖ２ ｖ3 yarn インストール時間 (秒) ݩσʔλ ܭଌ஋  IUUQTHJUIVCDPNQJOFZBSOOQNCFODINBSLSBXNBTUFSSFTVMUYMTY 依存数 (直接) 依存数: 30 前後 yarn: 15 秒 前後 npm: 35 秒 前後 (例) o gulpjs/gulp o babel/babel
20. ｖ２ ｖ3 インストール時間 (秒) ݩσʔλ ܭଌ஋  IUUQTHJUIVCDPNQJOFZBSOOQNCFODINBSLSBXNBTUFSSFTVMUYMTY 依存数 (直接) 依存数: 30 ~ yarn: 30 秒 程度 npm: 30 秒 ~ ∞ z (例) o angular/angular o reactjs/redux yarn
21. ϕϯνϚʔΫߟ࡯ q ZBSO ͸଎͍ q OQN ͸ґଘ਺ʹൺྫͯ͠രൃతʹ஗͘ͳΔ q ZBSO ͸஗͘ͳΓʹ͍͘ o ಛʹେن໛ϓϩδΣΫτͰ࠾༻͢΂͖ q OQN! ͷํ͕ OQN! ΑΓ଎͍͜ͱ͕ଟ͍ ZBSO Λେن໛ϓϩδΣΫτͰ࠾༻͠ͳ͍ཧ༝͸ͳ͍
22. ࠓޙͷ՝୊ q Ωϟογϡ༗ޮͷ৔߹͸Ͳ͏ͳͷ͔ܭଌ q ZBSO ͕ͳͥ଎͍ͷ͔ͷղ໌ q ZBSO Πϯετʔϧͷ໘౗͔͞Βͷ։์ o OEFOW ͷϓϥάΠϯ࡞Δͱ͔ ࠓճͷ݁ՌΛड͚ͯࠓޙऔΓ૊Έ͍ͨ͜ͱ