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

googkitをはじめよう

Kuniwak
March 19, 2014

 googkitをはじめよう

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

Kuniwak

March 19, 2014
Tweet

More Decks by Kuniwak

Other Decks in Technology

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