Introducing TiExtendWeb

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

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_ / miyashita@chatwork.co.jp
    (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