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

Introducing TiExtendWeb

Introducing TiExtendWeb

Titanium Study Meeting (Moku-Moku Kai) in Tokyo #9

Ryutaro Miyashita

June 13, 2013
Tweet

More Decks by Ryutaro Miyashita

Other Decks in Technology

Transcript

  1. Introducing
    TiExtendWeb
    WebView Λ֦ு͢ΔͪΐͬͱศརͳϞδϡʔϧ
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ

    View Slide

  2. Ryutaro Miyashita
    ChatWork Engineer / Titanium Mobile Ϣʔβʔձॻه



    ryugoo_
    ryutaro.miyashita
    ryugoo
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ

    View Slide

  3. TiExtendWeb
    WebView Λ֦ு͢ΔͪΐͬͱศརͳϞδϡʔϧ
    ?
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ

    View Slide

  4. TiExtendWeb
    ?
    Fast Scroll
    No Shadow
    Native Bridge
    Mod UserAgent
    TiExtendWeb

    View Slide

  5. Awesome ?
    ͑͑΍Ζʋ ʅʔʆ
    ϊ
    TiExtendWeb
    ?
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ

    View Slide

  6. github.com/ryugoo/TiExtendWeb
     < MIT ϥΠηϯεͰ͍͟͝·͢
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ
    TiExtendWeb
    ?

    View Slide

  7. TiExtendWeb
    ?
     < ͪ͜ΒͰ͍͟͝·͢

    View Slide

  8. How To Use
    Ϟδϡʔϧͷ࢖͍͔ͨ
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ

    View Slide

  9. ./build.py
    1. ϞδϡʔϧΛϏϧυ
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ
    tiapp.xml
    2. ϞδϡʔϧΛ૊ࠐΈ
    How To Use

    net.imthinker.modules.tiextendweb

    View Slide

  10. 3. WebView ʹهड़
    How To Use
    var web_view = Ti.UI.createWebView({
    url: 'http://imthinker.net/',
    normalScrollSpeed: true,
    removeShadow: true,
    removeScrollDelay: true,
    userAgentForiOS: 'TiExtendWeb'
    });
    web_view.addEventListener('hoge', function () {
    alert('TiExtendWeb!');
    });
    Click
    WebView
    HTML

    View Slide

  11. ɾTi.App.addEventListener࢖Θͳ͍!
    ɾTi.App.fireEvent΋࢖Θͳ͍!
    άϩʔόϧΠϕϯτ͡Όͳ͍͔ΒϝϞϦϦʔΫͷ৺഑ݮΔ
    aλά͚ͩͰWebView ͷΠϕϯτݺͼग़ͤͪΌ͏
    ɾWebViewͩͱόϨʹ͘͘ͳΔ!
    ૢ࡞ײ͕ TableView ΍ScrollView ͱಉ͡ײ֮ʹͳΔ
    TiExtendWeb
    !
    ɾrequire͸࢖Θͳ͍!
    طଘͷWebView Λ֦ு͢Δ͔Β೉͍͜͠ͱඞཁͳ͠

    View Slide

  12. Awesome !
    ͑͑΍Μʋ ʅʔʆ
    ϊ
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ
    TiExtendWeb
    !

    View Slide

  13. ʘಥવͷએ఻ʗ
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ
    ADVERTISEMENT

    View Slide

  14. Advertisement
    ChatWork Jobs
    ڧͯ͘χϡʔήʔϜͳ஥ؒ୳ͯ͠·͢
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ
    (Talk of the 2013/06/13)

    View Slide

  15. ChatWork Jobs
    ɾAndroid ͳΤϯδχΞ
    ωΠςΟϒ(Java) ͔ͭ Titanium ܦݧऀͳΒঘྑ͠
    ɾUI LoveͳσβΠφʔ
    HTML5 ͱ͔ CSS3 ͱ͔ JavaScript ͱ͔όϦόϦͳΒঘྑ͠
    ChatWork ࠾༻αΠτ
    http://www.chatwork.com/ja/recruit.html
    ࿩ฉ͖͍ͨํ͸௚઀Ͱ΋Ͳͧ
    @ryugoo_ / [email protected]
    (Talk of the 2013/06/13)
    ɾPHP / αʔόʔαΠυͳΤϯδχΞ
    REST ͱ͔ AWS ͱ͔ύϑΥʔϚϯεؾʹͨ͠Γ͢ΔͳΒঘྑ͠

    View Slide

  16. ʘએ఻ऴΘΓʗ
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ
    ADVERTISEMENT

    View Slide

  17. Enjoy Ti app day!
    Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ
    TiExtendWeb
    !
    ωΠςΟϒͰ೉͍͠ͱ͜Ζ͸WebView ͰΧόʔ͠Α͏ͥ

    View Slide

  18. Titanium ΋͘΋͘ձ Tokyo #9
    in DENSO IT ϥϘ
    ʘENDʗ
    CODESTRONG

    View Slide