Migration to BrowserWindow in Electron

This is a slide for Gotanda.js #12 lightning talk.

https://gotanda.js.org/

Transcript

1. Migration to BrowserWindow
   in Electron
   Gotanda.js #12
   1
   

   View Slide

2. nekobato
   ɹFrontend Engineer
   ɹMercari, Inc
   @
   "CPVU.F
   2
   

   View Slide

3. &MFDUSPO
   3
   

   View Slide

4. .Z"QQMJDBUJPO
   4
   

   View Slide

5. 4VHHFTUJPOGSPNBGSJFOE
   5
   8FCWJFX͸ඇਪ঑ͳͷͰ
   ʘ#SPXTFS7JFXʹͨ͠΄͏͕ྑ͍Ͱ͢Αʗ
   

   View Slide

6. XFCWJFX
   6
   

   View Slide

7. #SPXTFS7JFX
   7
   

   View Slide

8. "$BTFPG4MBDL
   8
   

   View Slide

9. #VHT
   9
   

   View Slide

10. .BJODPOUFOU
    10
    .JHSBUFXFCWJFX
    5P#SPXTFS7JFX
    

    View Slide

11. 'JSTUTUFQ
    11
    #SPXTFS7JFX͸.BJO1SPDFTTͰ
    ؅ཧ͢Δ
    

    View Slide

12. *OpOJUZ[JOEFY
    12
    

    View Slide

13. XFCWJFXNFUIPET
    13
    .BJOQSPDFTTͰߦ͏ඞཁ͕͋ΔͷͰ
    JQD3FOEFSFS͔Βड͚౉͢
    3FOEFSFS
    .BJO
    

    View Slide

14. 3FHBSEJOH%FW5PPMT
    14
    EFWUPPMTͷ։ดΛೝࣝͯ͠Ӆ͢
    

    View Slide

15. 1PTJUJPO4J[F-BZPVU
    15
    #SPXTFS7JFX͸.BJO1SPDFTTଆͰ
    ϨΠΞ΢τΛઃఆ͢Δ
    

    View Slide

16. 1PTJUJPO4J[F-BZPVU
    16
    )PX
    8JOEPX4J[Fʹ߹ΘͤͯXFCWJFXΛՄม
    8FCϨΠΞ΢τʹ߹ΘͤͯXFCWJFXΛՄม
    

    View Slide

17. 8JOEPX4J[Fʹ߹ΘͤΔ
    17
    8*OEPX4J[Fͷมߋʹ߹Θͤͯຖճ
    TFU#PVOET
    
    

    View Slide

18. ϨΠΞ΢τʹ߹ΘͤΔ
    18
    3FOEFSFSͰܭࢉ͔ͯ͠Β.BJOʹ
    #PVOETΛૹΔ
    8JOEPX4J[Fʹ΋ରԠ͍ͨ͠৔߹͸
    POXJMMSFTJ[F3FOEFSFS.BJO
    

    View Slide

19. 1PTJUJPO4J[F-BZPVU
    19
    

    View Slide

20. 1PTJUJPO4J[F-BZPVU
    20
    

    View Slide

21. .JHSBUFXFCWJFXUP#SPXTFS7JFX
    21
    8FCWJFX͔Β#SPXTFS7JFXʹҠߦͯ͠
    Ͱ͖ͳ͘ͳΔ͜ͱ
    

    View Slide

22. #PSEFSSBEJVTͰؙ͍8FC#SPXTFSΛ࡞Δ
    22
    a
    

    View Slide

23. "OJNBUJPOΛ෇͚ͯճస͢Δ8FC#SPXTFSΛ࡞Δ
    23
    

    View Slide

24. $POTMVTJPOPGNJHSBUJPOXFCWJFXUP#SPXTFS7JFX
    24
    .BJOQSPDFTTͰͷ؅ཧ͕ΊΜͲ͍
    %0.Ͱ͋ΔXFCWJFXʹରͯࣗ͠༝౓͸Լ͕Δ
    έʔεͱΞΠσΞʹΑͬͯ͸XFCWJFX͡Όͳ͍ͱࠔΔ
    ͱ͸͍͑XFCWJFXͷࡉ͔͍όά௵͠͸ͭΒ͍
    ؾܰʹʮXFCWJFX͸ඇਪ঑ͳͷͰ#SPXTFS7JFXʹ͠·
    ͠ΐ͏ʯͱ͸ݴΘΕΔͷ΋ͭΒ͍
    

    View Slide