Building native apps with scala.js

by Shinpei Maruyama

Slide 1

Slide 1 text

CZ͠Μ΃͍BLBೣܕ஝Իػ #VJMEJOHOBUJWF BQQTXJUI 4DBMBKT

Slide 2

Slide 2 text

BCPVUNF w ג ϝσΟϩϜ w ීஈ͸4DBMBͱ͔+4ͱ͔೔ຊޠ ͱ͔ w 1FSM 3VCZ΋ͨ͠ͳΉఔ౓ʹ w UXJUUFS!TIJOQFJ

Slide 3

Slide 3 text

BCPVUNF w 4DBMBKTͱ 3FBDU/BUJWFc&MFDUSPO ࢖ͬͯ झຯΞϓϦॻ͍ͨΓͯ͠Δ w #BDLMPHΫϥΠΞϯτ &MFDUSPO w ίʔυේΤσΟλ 3FBDU/BUJWF

Slide 4

Slide 4 text

લఏ஌ࣝ

Slide 5

Slide 5 text

4DBMBKT

Slide 6

Slide 6 text

4DBMBKT w 4DBMBUP+BWB4DSJQUͳτϥϯ εύΠϥ w ϓϩμΫτͰ࢖͏ͱ͜Ζ͕૿͖͑ͯ ͍ͯΔ<ཁग़య>

Slide 7

Slide 7 text

4DBMBKTϝϦοτ w 4DBMBͰ͋Δ͜ͱ w ;ͭ͏ʹ4DBMB w ҆શ w දݱྗߴ͍

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

4DBMBKTσϝϦοτ w 4DBMBͰ͋Δ͜ͱ w 4DBMB͔Β+BWB4DSJQUͷੈքΛ ৮Ζ͏ͱ͢Δͱ్୺ʹۤ௧͕૿͑Δ w ಈతܕ෇͚ϥΠϒϥϦͱ͔ϒϥ΢βͷ "1*ͱ͔ʜʜ

Slide 10

Slide 10 text

#VJMEJOHOBUJWF BQQTXJUI+4

Slide 11

Slide 11 text

3FBDU/BUJWF w 3FBDUͰωΠςΟϒεϚϗΞϓϦ ͕࡞ΕΔ w 8FC7JFXͱ͔͡Όͳ͍ w 3FBDU͕/BUJWFͷϓϨθϯςʔ γϣϯ૚Λந৅Խ͍ͯ͠Δ

Slide 12

Slide 12 text

&MFDUSPO w +4ͰσεΫτοϓωΠςΟϒΞϓ Ϧ͕࡞ΕΔ w த਎͸΄΅ϒϥ΢βΈ͍ͨͳ͔Μ͡

Slide 13

Slide 13 text

ϝϦοτ w +4Ͱ͋Δ͜ͱ w ࢲݟ͚ͩͲɺωΠςΟϒॻ͚ΔϓϩάϥϚΑΓ+4ॻ ͚ΔϓϩάϥϚͷ΄͏͕਺͕ଟ͍ w 6*૊Ήͱ͖ͷ։ൃαΠΫϧ͕ૣ͘ճΔ w ׳ΕΔͱωΠςΟϒͷϏϧυ଴͕ͪ࣌ؒΉ͠Ζ͠Μ Ͳ͘ͳΔ w 91MBUͰ͋Δ͜ͱ w ͪΐͬͱਂೖΓ͢Δͱࢮ͵ͷͰ͜ͷ఺͸ແࢹ͠·͢

Slide 14

Slide 14 text

Ϟνϕʔγϣϯ

Slide 15

Slide 15 text

ຊԻ w 4DBMBͰωΠςΟϒΞϓϦॻ͖ͨ ͍ w ͳͥͳΒΘΕΘΕ͸4DBMB͕޷͖ ͔ͩΒ w ຊԻͰݴ͏ͱ͜Εׂ͕

Slide 16

Slide 16 text

ݐલ w (6*ΞϓϦέʔγϣϯ͸ෳࡶͳঢ়ଶ Λ࣋ͭͨΊɺߏங͢Δͷ͕ඇৗʹΉ ͔͍ͣ͠ w ෳࡶͳ໰୊ྖҬʹରͯ͠͸4DBMBͷ Α͏ͳڧྗͳݴޠͰཱͪ޲͔͍͍ͨ

Slide 17

Slide 17 text

ϐίʔϯʂ 4DBMBKTͷػӡʂ

Slide 18

Slide 18 text

ൃ૝ w +4ͰωΠςΟϒΞϓϦॻ͚ΔͳΒ 4DBMBKTͰωΠςΟϒΞϓϦॻ͚ Δ͡ΌΜ w ѱຐతͻΒΊ͖ʜʜʂ

Slide 19

Slide 19 text

ཱͪ޲͔͏΂͖น ͦͷ

Slide 20

Slide 20 text

ϏϧυपΓͷ໰୊

Slide 21

Slide 21 text

ϏϧυपΓͷ໰୊ w ͦ΋ͦ΋+4Ͱ͋Δఔ౓Ҏ্ෳࡶͳ (6*ΞϓϦΛ࡞ΔͳΒɺXFCQBDL ͕લఏͱͳ͍ͬͯΔ w 4DBMBKT͸TCUͰϏϧυ͢Δલఏ

Slide 22

Slide 22 text

ϏϧυपΓͷ໰୊ w 4DBMBKTͷMPBEFS͋Δɻ͋Δʹ ͸͋Δ͕ʜʜ w ڊେϏϧυγεςϜͱڊେϏϧυγ εςϜΛڊେ࿈݁͢Δͷ͸ͪΐͬ ͱʜʜʢݸਓͷݟղͰ͢ʣ

Slide 23

Slide 23 text

ཱͪ޲͔͏΂͖น ͦͷ

Slide 24

Slide 24 text

΍ΘΒ͔͘࡞Γ͍ͨ ෦෼ WT ߗ͘࡞Γ͍ͨ෦෼

Slide 25

Slide 25 text

ॊΒ͔͍΄͏͕͍͍෦෼ w ͱ͘ʹ3FBDU/BUJWFͱ͔Ͱ΍ΔͳΒɺ7JFX पΓͷίʔυ͸ૉͷ+4ͷ΄͏ָ͕ͩͬͨΓ ͢Δ w ϓϨʔϯͳΦϒδΣΫτ \lBzlCz^Έ͍ͨ ͳ΍ͭ ଟ༻͢Δ͠ɺ։ൃͯ͠ΔؒʹΩʔ΋ ΨϯΨϯมΘΔ w ฤू֬ೝͷαΠΫϧΛ͸΍͘ճ͍ͨ͠

Slide 26

Slide 26 text

ߗ͍΄͏͕͍͍෦෼ w ͱ͸ݴ͑ɺෳࡶͳঢ়ଶ؅ཧ΍ϩδο ΫΛ+4Ͱॻ͘ͷ͸ͭΒ͍ɻ4DBMB ͳΒͳ͋ʜʜͬͯࢥ͏͜ͱଟ͍

Slide 27

Slide 27 text

ιϦϡʔγϣϯͷ ͝঺հ

Slide 28

Slide 28 text

ιϦϡʔγϣϯ w 6*૚͸ૉ௚ʹ+4ͷ6*ϑϨʔϜϫʔ ΫͰͦͷ··ॻ͘ w Ϟσϧ૚ҎԼΛ4DBMBKTͰॻ͘

Slide 29

Slide 29 text

TCU ਤ WVFͩͱ͔KTY TDBMB JNQPSUͯ͠࢖͏ DPNQJMFEKT DPNQJMF͢Δ XFCQBDL

Slide 30

Slide 30 text

.78 7JFX 8IBUFWFS .PEFM 6* -BZFS .PEFM -BZFS

Slide 31

Slide 31 text

.78 7JFX 8IBUFWFS .PEFM &MFDUSPO΍Β 3FBDU/BUJWF΍Βͷ ౎߹ʹৼΓճ͞ΕΔ ෦෼ Ͳ͏ͤ ࣗ෼Ͱ ઃܭͯ͠ ॻ͘෦෼

Slide 32

Slide 32 text

XJUI4DBMBKT 7VFPS3FBDU/BUJWF .PEFM 3FBDU 7VF FUDʜ 4DBMBKT $PNNBOE 2VFSZ &WFOU

Slide 33

Slide 33 text

7VFPS3FBDU/BUJWF 7VFKTXJUI4DBMBKT .PEFM 4DBMBKT $PNNBOE 2VFSZ &WFOU JOWPLF ෭࡞༻ 3FBDU 7VF FUDʜ

Slide 34

Slide 34 text

XJUI4DBMBKT 7VFPS3FBDU/BUJWF .PEFM 3FBDU 7VF FUDʜ 4DBMBKT $PNNBOE 2VFSZ &WFOU XBUDI

Slide 35

Slide 35 text

7VFPS3FBDU/BUJWF 3FBDU 7VF FUDʜ 7VFKTXJUI4DBMBKT .PEFM $PNNBOE 2VFSZ &WFOU OPUJGZ 4DBMBKT

Slide 36

Slide 36 text

7VFPS3FBDU/BUJWF 3FBDU 7VF FUDʜ 7VFKTXJUI4DBMBKT .PEFM Ͳ͏ͤ ࣗ෼Ͱ ઃܭͯ͠ ॻ͘෦෼ $PNNBOE 2VFSZ &WFOU GFUDI

Slide 37

Slide 37 text

7VFPS3FBDU/BUJWF 3FBDU 7VF FUDʜ σʔλϑϩʔ͸୯ํ޲ .PEFM Ͳ͏ͤ ࣗ෼Ͱ ઃܭͯ͠ ॻ͘෦෼ $PNNBOE 2VFSZ &WFOU

Slide 38

Slide 38 text

ίʔυྫ

Slide 39

Slide 39 text

3FBDU/BUJWF෦෼

Slide 40

Slide 40 text

3FBDU/BUJWF෦෼

Slide 41

Slide 41 text

3FBDU/BUJWF෦෼

Slide 42

Slide 42 text

;ͭ͏ͷ 3FBDU/BUJWF

Slide 43

Slide 43 text

4DBMB෦෼

Slide 44

Slide 44 text

;ͭ͏ͷ4DBMB

Slide 45

Slide 45 text

ॴײ

Slide 46

Slide 46 text

ॴײ w ΠϯϑϥετϥΫνϟϨΠϠʔͰ͸4DBMB͔Β +4ͷϥΠϒϥϦ΍"1*৮Δͷ͸ආ͚ΒΕͳ͍ w ͕͚ͬ͜͜͜͏ͭΒ͍ w ͦ͏ߟ͑Δͱɺ+4ͷ"1*ୟ͖·͘ΔΑ͏ͳ΍ͭ ͸ͪΐͬͱਏͦ͏ w 4DBMBͰΞϓϦॻ͚Δ͜ͱࣗମ͸ͱͯ΋ྑ͍ମ ݧΛಘΒΕΔ

Slide 47

Slide 47 text

ॴײ w ϓϨθϯςʔγϣϯϨΠϠʔ͸ૉͷ +4ɺͦͷԼ͸શ෦4DBMBͱ͍͏ͷ ͸͔ͳΓମݧ͕ྑ͍ w 4DBMBͰωΠςΟϒΞϓϦ͸ॻ͚ ·͢ʂʂʂʂ

Slide 48

Slide 48 text

·ͱΊ

Slide 49

Slide 49 text

·ͱΊ w 4DBMBͰωΠςΟϒΞϓϦ͕࡞Γ͍ͨʂͱ ͍͏೤͍ࢥ͍͸࣮ݱՄೳͰ͋Δ͜ͱΛݟ͖ͯ ·ͨ͠ w 6*ʹ͍ۙ෦෼͸ɺ+4ͷ··΍Δͱ͏·͍͘ ͘͜ͱ͕ଟ͍͜ͱΛݟ͖ͯ·ͨ͠ w ਖ਼௚͜ͷํ޲ੑ͸͔ͳΓ͋Γͩͱࢥ͏ɺͱ͍ ͍͏ҙݟΛൃ৴͠·ͨ͠