$30 off During Our Annual Pro Sale. View Details »

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での発表資料です

Atsushi Nakatsugawa
PRO

March 22, 2017
Tweet

More Decks by Atsushi Nakatsugawa

Other Decks in Technology

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