Building native apps with scala.js

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

4. લఏ஌ࣝ
   

   View Slide

5. 4DBMBKT
   

   View Slide

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

   View Slide

7. 4DBMBKTϝϦοτ
   w 4DBMBͰ͋Δ͜ͱ
   w ;ͭ͏ʹ4DBMB
   w ҆શ
   w දݱྗߴ͍
   

   View Slide

8. View Slide

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

   View Slide

10. #VJMEJOHOBUJWF
    BQQTXJUI+4
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

14. Ϟνϕʔγϣϯ
    

    View Slide

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

    View Slide

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

    View Slide

17. ϐίʔϯʂ
    4DBMBKTͷػӡʂ
    

    View Slide

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

    View Slide

19. ཱͪ޲͔͏΂͖น
    ͦͷ
    

    View Slide

20. ϏϧυपΓͷ໰୊
    

    View Slide

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

    View Slide

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

    View Slide

23. ཱͪ޲͔͏΂͖น
    ͦͷ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

27. ιϦϡʔγϣϯͷ
    ͝঺հ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

38. ίʔυྫ
    

    View Slide

39. 3FBDU/BUJWF෦෼
    

    View Slide

40. 3FBDU/BUJWF෦෼
    

    View Slide

41. 3FBDU/BUJWF෦෼
    

    View Slide

42. ;ͭ͏ͷ
    3FBDU/BUJWF
    

    View Slide

43. 4DBMB෦෼
    

    View Slide

44. ;ͭ͏ͷ4DBMB
    

    View Slide

45. ॴײ
    

    View Slide

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

    View Slide

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

    View Slide

48. ·ͱΊ
    

    View Slide

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

    View Slide