googkitをはじめよう

sendagaya.jsのLTで発表したスライド。

Transcript

1. HPPHLJUΛ͸͡ΊΑ͏
   4FOEBHBZBKT-5
   

   View Slide

2. "CPVUΘͨ͠
   ˒ !PSHB@DIFN

   ʢ͸ʔͱ΅ʔΔʣ
   ˒ ి௨େӃੜ
   ˒ Ѫ+BWB4DSJQU
   ˒ HPPHLJUDPOUSJCVUPS
   

   View Slide

3. ͍ͩͿલ
   K2VFSZ΍͖͚ͬͯͨͲɺ

   Ͳ͏ͯ͠΋࠶ར༻Ͱ͖ͳ͍

   ΋ͷ͕Ͱ͖͕͋ͬͯ͠·͏ʜ
   

   View Slide

4. ͳʹ͔͍͍΋ͷ͸ʜ
   ౰࣌·ͩແ໊
   

   View Slide

5. ग़ձ͍
   !
   !
   !
   $MPTVSF-JCSBSZ

   Λ࢖͏ͱ

   ࠶ར༻͠΍͍͢Β͍͠ʂ
   

   View Slide

6. ͡Ό͋΍ͬͯΈΔ͔ɺͬͯʜ
   ͋ͬɺ$MPTVSF-JCSBSZ
   ͷηοτΞοϓɺ

   ϚδͰͩΔ͍ʜ
   

   View Slide

7. આ໌ϖʔδ
   ͻͨ͢Β௕͍
   

   View Slide

8. ࠷ॳ͸
   զຫͯ͠ηοτΞοϓ
   

   View Slide

9. ચ೴ SZ
   $MPTVSF-JCSBSZʜ
   εΰΫʜΠΠʜ
   

   View Slide

10. ͱ͍͏ͷ΋
    Ϟδϡʔϧʢ໊લۭؒʣ
    
    Ϋϥεࢦ޲ܧঝ
    

    View Slide

11. ͱ͍͏ͷ΋ʜ
    Ϟδϡʔϧʢ໊લۭؒʣʂ
    goog.provide(‘hoge’);
    goog.require(‘hoge’);
    

    View Slide

12. ͱ͍͏ͷ΋ʜ
    ҆৺ͷΫϥεࢦ޲ܧঝʂ
    var Parent = function() {};
    !
    var Child = function() {
    goog.base(this);
    };
    goog.inherits(Child,
    Parent);
    

    View Slide

13. ܁Γฦ͠·͕͢
    $MPTVSF-JCSBSZʜ
    εΰΫʜΠΠʜ
    

    View Slide

14. ͦΕͰ΋ଓ͚͍ͯΔͱ
    ΍ͬͺΓηοτΞοϓ͕
    ΊΜͲ͍͘͞
    

    View Slide

15. ͦΜͳͱ͖
    !
    !
    !
    HPPHLJUΛݟ͚ͭΔ
    

    View Slide

16. ͜Ε͕ɺ͜͏
    $ googkit init
    $ googkit setup
    આ໌ϖʔδ
    

    View Slide

17. HPPHLJU࢖ͬͯΈͨ
    Χ—ϯ—λ—ϯ
    

    View Slide

18. ͍Ζ͍Ζ͍ͬͯͨ͘͡Βʜ
    $POUSJCVUPSʹʜ
    

    View Slide

19. Ͱ͸
    ࣮ࡍʹΈͯΈ·͠ΐ͏
    

    View Slide

20. ͜ΜͳʹΧϯλϯͩͱ͸ʜ
    Ͱ΋ʁ
    ΂ͭʹ$MPTVSF-JCSBSZͱ͔
    ࢖ͬͯͳ͍͠ʁ
    

    View Slide

21. $MPTVSF-JCSBSZ͸εΰΠʂ
    !
    !
    (NBJMͱ͔
    (PPHMF.BQTͰ
    ࢖ΘΕͯΔ
    

    View Slide

22. $MPTVSF-JCSBSZ͸εΰΠʂ
    .#ͷϞδϡʔϧ܈
    ✦ 6*ʢ5BCɺ)47ύϨοτʣ
    ✦ ҉߸ܥʢCBTFɺTIBʣ
    ✦ ಌΕͷΧελϜΠϕϯτ

    hoge.addEventListener
    

    View Slide

23. $MPTVSF-JCSBSZ͸εΰΠʂ
    $MPTVSF$PNQJMFSͰ

    ͢΂ͯΛѹॖ࠷దԽ

    Ͱ͖Δͷ͸

    $MPTVSF-JCSBSZ͚ͩοʂ
    ѹॖ཰Ͱ༗໊ͳ
    

    View Slide

24. ͦΜͳ$MPTVSF-JCSBSZ͕
    HPPHLJUͰ

    Χϯλϯʹ

    ࢝ΊΒΕ·͢
    

    View Slide

25. ͋Γ͕ͱ͏͍͟͝·ͨ͠
    @orga_chem
    

    View Slide