@swc-node/jest を使って テストを高速化する/jsfes-2022

Transcript

1. Նͷ+BWB4DSJQUࡇΓ0OMJOF
   ,FOJDIJSP,JTIJEB
   !TJ[VIJLP
   !TXDOPEFKFTU
   Λ࢖ͬͯ
   ςετΛߴ଎Խ͢Δ
   

   View Slide

2. ,FOJDIJSP,JTIJEB
   Ӭ࿨ͷσΟεςΟϯάΠογϡτɾΤϯδχΞ੍౓ʹ͓͚Δ
   %JTUJOHVJTIFE$SFBUPS
   TJ[VIJLP!HNBJMDPN !TJ[VIJLP
   IUUQTHJUIVCDPNTJ[VIJLP
   IUUQCMPHPQFOUPLZPKQ
   

   View Slide

3. https://blog.open.tokyo.jp/2021/07/11/pong-swoosh.html
   PR
   

   View Slide

4. PR
   ΋͠Α͚Ε͹ࢀՃ͍ͯͩ͘͠͞
   

   View Slide

5. View Slide

6. View Slide

7. w5ZQF4DSJQUΛ࢖͍ͬͯΔɺ·ͨ͸͜Ε͔
   Β࢖͓͏ͱࢥ͍ͬͯΔ
   wࣗಈςετΛॻ͍͍ͯΔɺ·ͨ͸͜Ε͔Β
   ॻ͘༧ఆͰ͋Δ
   w$*ͷ͕͔͔͍࣌ؒͬͯΔɺ·ͨ͸΋ͬͱ଎
   ͍ͨ͘͠ͱࢥ͍ͬͯΔ
   ຊ೔ͷλʔήοτϢʔβʔ
   

   View Slide

8. View Slide

9. ts-jest
   

   View Slide

10. View Slide

11. ܕνΣοΫʜ
    

    View Slide

12. TypeScript Jest ߴ଎Խ
    

    View Slide

13. SWC
    esbuild
    

    View Slide

14. w(PͰ࣮૷͞Ε͍ͯΔ
    wϑϩϯτΤϯυ։ൃͰ࢖ΘΕΔ͜ͱ͕ଟ͍
    w7JUFͰ࢖ΘΕ͍ͯΔ
    wσίϨʔλ͕࢖͑ͳ͍
    FTCVJME
    

    View Slide

15. w3VTUͰ࣮૷͞Ε͍ͯΔ
    w%FOPͰ࢖ΘΕ͍ͯΔ
    wσίϨʔλ͕࢖͑Δ
    48$
    

    View Slide

16. ๻ͨͪ͸ʜ
    wNJDSPTPGUUTZSJOHF
    w5ZQF03.
    

    View Slide

17. View Slide

18. .swcrc
    

    View Slide

19. @swc-node/core @swc-node/jest
    tscon
    fi
    g
    .swcrc
    transformer
    

    View Slide

20. transformSync
    :
    
    

    esbuild x 510 ops/sec ±1.28% (88 runs sampled
    )
    
    @swc-node/core x 438 ops/sec ±1.00% (88 runs sampled
    )
    
    typescript x 28.83 ops/sec ±10.20% (52 runs sampled
    )
    
    babel x 24.21 ops/sec ±10.66% (46 runs sampled
    )
    
    Transform rxjs/AjaxObservable.ts benchmark bench suite: Fastest is esbuil
    d
    
    transform paralle
    l
    
    @swc-node/core x 1,253 ops/sec ±0.90% (75 runs sampled
    )
    
    esbuild x 914 ops/sec ±1.31% (77 runs sampled
    )
    
    Transform rxjs/AjaxObservable.ts parallel benchmark bench suite: Fastest is @swc-node/cor
    e
    
    yarn benc
    h
    
    @swc-node/core x 1,123 ops/sec ±0.95% (77 runs sampled
    )
    
    esbuild x 847 ops/sec ±3.74% (71 runs sampled
    )
    
    Transform rxjs/AjaxObservable.ts parallel benchmark bench suite: Fastest is @swc-node/cor
    https://github.com/swc-project/swc-node
    

    View Slide

21. w5ZQF4DSJQUͷςετ͸଎͘ͳΔ
    wσίϨʔλΛ࢖͍ͬͯΔͳΒ48$Ұ୒
    w!TXDOPEFΛ࢖͏ͱUTDPO
    fi
    Hͷઃఆ
    ͚ͩͰྑ͍
    wUTDͰͷίϯύΠϧνΣοΫ͸๨Εͣʹ
    wৄ͘͠͸ϒϩάͰ
    ·ͱΊ
    

    View Slide

22. https://blog.open.tokyo.jp/
    

    View Slide