Migration to BrowserWindow in Electron

by Hayato Koriyama

Slide 1

Slide 1 text

Migration to BrowserWindow in Electron Gotanda.js #12 1

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

&MFDUSPO 3

Slide 4

Slide 4 text

.Z"QQMJDBUJPO 4

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

XFCWJFX 6

Slide 7

Slide 7 text

#SPXTFS7JFX 7

Slide 8

Slide 8 text

"$BTFPG4MBDL 8

Slide 9

Slide 9 text

#VHT 9

Slide 10

Slide 10 text

.BJODPOUFOU 10 .JHSBUFXFCWJFX 5P#SPXTFS7JFX

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

*OpOJUZ[JOEFY 12

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

1PTJUJPO4J[F-BZPVU 19

Slide 20

Slide 20 text

1PTJUJPO4J[F-BZPVU 20

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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