Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

FOSSASIA 2017での発表資料です

4cafe6a1c6287d64d7252279eeeffa94?s=128

Atsushi Nakatsugawa

March 22, 2017
Tweet

Transcript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  16. *OUSPEVDJOHIJpWF 1M[UXFFUTIBSFXJUIIUNMIJpWF

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

    1M[UXFFUTIBSFXJUIIUNMIJpWF
  18. *OUSPEVDJOHIJpWF IUUQXXXIUNMIJpWFDPN 1M[UXFFUTIBSFXJUIIUNMIJpWF

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

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

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

  22. var helloWorldController = { __name: 'HelloWorldController', '#btn click': function() {

    alert('Hello, FOSSASIA!'); } }; h5.core.controller('#container', helloWorldController ); *OUSPEVDJOHIJpWF )FMMP8PSME 1M[UXFFUTIBSFXJUIIUNMIJpWF
  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
  24. %&.0 IUUQTXXXIUNMIJpWFDPNFOHBMMFSZXPSLqPX 1M[UXFFUTIBSFXJUIIUNMIJpWF IUUQXXXIUNMIJpWFDPNKBHBMMFSZNPCJMFSFQPSUJOH

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

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

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

  28. 5FTUJTJNQPSUBOU IPXFWFSUPPNVDIDPTU %FW0QTº&OUFSQSJTF$PNQBOZ 8FCCSPXTFST 7FSTJPOT 'FBUVSFT º º º %FQMPZ

    6OJUUFTU 4FMFOJVNUFTUJTOPUTBUJTGZ8FIBWFUPDIFDL6*EFTJHO 1M[UXFFUTIBSFXJUIIUNMIJpWF
  29. 1JUBMJVN4FMFOJVNCBTFE4DSFFOTIPUUFTU %FW0QTº&OUFSQSJTF$PNQBOZ 1M[UXFFUTIBSFXJUIIUNMIJpWF

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

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