Problems of Japan's enterprise HTML5 and how to resolve it with hifive

FOSSASIA 2017での発表資料です

Transcript

1. 1SPCMFNTPG+BQBOT
   FOUFSQSJTF)5.-BOEIPX
   UPSFTPMWFJUXJUIIJpWF
   "UTVTIJ/BLBUTVHBXB .00/(*'5
   

   View Slide

2. 8IPBN*
   !IUNMIJpWF
   GCNFIUNMIJpWF
   .00/(*'5*OD$&0
   &WBOHFMJTUPGIJpWF
   IUUQXXXIUNMIJpWFDPN
   "UTVTIJ/BLBUTVHBXBʢத௡઒ʣ
   

   View Slide

3. "HFOEB
   &OUFSQSJTF*5NBSLFUJO+BQBO
   1SPCMFNTPG)5.-+BWB4DSJQU
   *OUSPEVDJOHIJpWF
   %FW0QTº&OUFSQSJTF$PNQBOZ
   $PODMVTJPO
   1M[UXFFUTIBSFXJUIIUNMIJpWF
   

   View Slide

4. &OUFSQSJTF*5NBSLFUJO+BQBO
   5IFZIBWFOPEFWFMPQNFOUUFBNJOUIFJSDPNQBOZ
   "HFODZDPNQBOZ
   &OUFSQSJTFDPNQBOZ
   4*FS
   &OUFSQSJTFDPNQBOZ 4ZTUFNEFWFMPQFS
   1M[UXFFUTIBSFXJUIIUNMIJpWF
   

   View Slide

5. 0⒎TIPSF
   $IJOB
   1IJMMJQJOFT
   7JFUOBN
   *OEJB
   .ZBONBS
   #BOHMBEFTI
   &OUFSQSJTF*5NBSLFUJO+BQBO
   1M[UXFFUTIBSFXJUIIUNMIJpWF
   

   View Slide

6. 5IFJSTZTUFNIBWFUPNPWFGPSZFBST
   &OUFSQSJTF*5NBSLFUJO+BQBO
   1M[UXFFUTIBSFXJUIIUNMIJpWF
   

   View Slide

7. 3FQMBDJOHUIFJSTZTUFNUP)5.-
   4UBOEBSE %FTLUPQ.PCJMF
   8FC5FDIOPMPHZ
   &OUFSQSJTF*5NBSLFUJO+BQBO
   1M[UXFFUTIBSFXJUIIUNMIJpWF
   

   View Slide

8. 1SPCMFNTPG)5.-
   +BWB4DSJQU
   1M[UXFFUTIBSFXJUIIUNMIJpWF
   

   View Slide

9. 1SPCMFNTPG)5.-+BWB4DSJQU
   5PPGBTUFWPMVUJPO
   1M[UXFFUTIBSFXJUIIUNMIJpWF
   

   View Slide

10. 1SPCMFNTPG)5.-+BWB4DSJQU
    )PXJUGFFMTUPMFBSO+BWB4DSJQUJO
    IUUQTIBDLFSOPPODPNIPXJUGFFMTUPMFBSO
    KBWBTDSJQUJOEBEEGp[KDI
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

11. 1SPCMFNTPG)5.-+BWB4DSJQU
    PSNPSFZFBSJOEFWFMPQJOHBO
    FOUFSQSJTFTZTUFN
    1SPKFDUTUBSU
    %FDJEF
    BSDIJUFDUVSF
    %FWFMPQNFOU
    %POF
    -BVODI
    "OHVMBS "OHVMBS "OHVMBS
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

12. 1SPCMFNTPG)5.-+BWB4DSJQU
    $IBOHFUIFUSFOEJTUPPGBTU
    
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

13. 1SPCMFNTPG)5.-+BWB4DSJQU
    8FIBWFUPNBJOUFOBODFZFBST
    ʁ
    
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

14. 1SPCMFNTPG)5.-+BWB4DSJQU
    4IPSUBHFPGFOHJOFFSJOHSFTPVSDFT
    +BWB4DSJQUJTUSJDLZMBOHVBHFUIBO+BWB/&5
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

15. 1SPCMFNTPG)5.-+BWB4DSJQU
    4IPSUBHFPGFOHJOFFSJOHSFTPVSDFT
    "VDOFUEFWFMPQFE
    )5.-$44
    EFWFMPQNFOUCBTFJO
    1IJMJQQJOFT
    
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

16. *OUSPEVDJOHIJpWF
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

17. *OUSPEVDJOHIJpWF
    IJpWFJT8FC1MBUGPSNGPS&OUFSQSJTF
    0QFOTPVSDFTPGUXBSF "QBDIF-JDFOTF
    
    "MMDPEFTBSFIPTUFEPO(JU)VC
    %FWFMPQFECZ/44PMVUJPOT 0OFPG+BQBOFTF
    4*FSDPNQBOJFT
    "JNUPMPOHUFSNNBJOUFOBODBCMFTZTUFN
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

18. *OUSPEVDJOHIJpWF
    IUUQXXXIUNMIJpWFDPN
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

19. *OUSPEVDJOHIJpWF
    8FBSF1MBUGPSN
    8FTVQQPSUUPUBMMZEFWFMPQNFOUXFCTZTUFNT
    %FCVHUPPMT
    )5.-
    GSBNFXPSL
    6*5FTU
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

20. *OUSPEVDJOHIJpWF
    'FBUVSFTFTQFDJBMMZFOUFSQSJTF
    .7$
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

21. *OUSPEVDJOHIJpWF
    'FBUVSFTFTQFDJBMMZFOUFSQSJTF
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    4FDVSJUZ
    #BDLXBSEDPNQBUJCJMJUZ
    4JNQMFFBTZUPVOEFSTUBOE
    

    View Slide

22. var helloWorldController = {
    __name: 'HelloWorldController',
    '#btn click': function() {
    alert('Hello, FOSSASIA!');
    }
    };
    h5.core.controller('#container',
    helloWorldController
    );
    *OUSPEVDJOHIJpWF
    )FMMP8PSME
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

23. $(function() {
    var helloWorldController = {
    __name: 'HelloWorldController',
    '#btn click': function() {
    alert('Hello, FOSSASIA!');
    }
    };
    h5.core.controller('#container', helloWorldController );
    });
    *OUSPEVDJOHIJpWF
    $(function() {
    var otherController = {
    __name: 'otherController',
    '#btn click': function() {
    alert('Hello, FOSSASIA!');
    }
    };
    h5.core.controller('#container', otherController );
    });
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

24. %&.0
    IUUQTXXXIUNMIJpWFDPNFOHBMMFSZXPSLqPX
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    IUUQXXXIUNMIJpWFDPNKBHBMMFSZNPCJMFSFQPSUJOH
    

    View Slide

25. %FW0QTº&OUFSQSJTF$PNQBOZ
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

26. /PQBUDI OFFEVQEBUFQMBOOJOH
    PSMJUUMFVQEBUFTQFSZFBS
    .BJOUFOBODFCVEHFU OPUVQEBUFCVEHFU
    5FTU UFTUBOEUFTU
    %FW0QTº&OUFSQSJTF$PNQBOZ
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

27. %FW5PPMTGPS%FCVHIJpWFBQQMJDBUJPO
    1JUBMJVN 4DSFFOTIPUCBTFE4FMFOJVNUFTU
    'SPOUFOEJTNPSFFBTJFSEFQMPZUIBO4FSWFSTJEF
    %FW0QTº&OUFSQSJTF$PNQBOZ
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

28. 5FTUJTJNQPSUBOU IPXFWFSUPPNVDIDPTU
    %FW0QTº&OUFSQSJTF$PNQBOZ
    8FCCSPXTFST
    7FSTJPOT 'FBUVSFT
    º º º %FQMPZ
    6OJUUFTU 4FMFOJVNUFTUJTOPUTBUJTGZ8FIBWFUPDIFDL6*EFTJHO
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

29. 1JUBMJVN4FMFOJVNCBTFE4DSFFOTIPUUFTU
    %FW0QTº&OUFSQSJTF$PNQBOZ
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

30. $PODMVTJPO
    +BQBOFTFFOUFSQSJTFDPNQBOJFTIBWFCJH
    CVEHFU#VUUIFZOFFEUPNPWFTZTUFN
    MPOHUJNF
    6TJOHIJpWFGPSMPOHUFSNTVQQPSUTZTUFN
    4QFFEJTJNQPSUBOU BOEFBTZNBJOUFOBODF
    JTBMTPJNQPSUBOU
    1M[UXFFUTIBSFXJUIIUNMIJpWF
    

    View Slide

31. 5IBOLZPVGPS
    ZPVSBUUFOUJPO
    'PMMPXVT!IUNMIJpWF
    "OZ2VFTUJPO❓
    

    View Slide