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

googkitをはじめよう

151a0b14f5914e786e2e104cfb3a9b2f?s=47 Kuniwak
March 19, 2014

 googkitをはじめよう

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

151a0b14f5914e786e2e104cfb3a9b2f?s=128

Kuniwak

March 19, 2014
Tweet

Transcript

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

  2. "CPVUΘͨ͠ ˒ !PSHB@DIFN
 ʢ͸ʔͱ΅ʔΔʣ ˒ ి௨େӃੜ ˒ Ѫ+BWB4DSJQU ˒ HPPHLJUDPOUSJCVUPS

  3. ͍ͩͿલ K2VFSZ΍͖͚ͬͯͨͲɺ
 Ͳ͏ͯ͠΋࠶ར༻Ͱ͖ͳ͍
 ΋ͷ͕Ͱ͖͕͋ͬͯ͠·͏ʜ

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

  5. ग़ձ͍ ! ! ! $MPTVSF-JCSBSZ
 Λ࢖͏ͱ
 ࠶ར༻͠΍͍͢Β͍͠ʂ

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

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

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

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

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

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

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

    = function() { goog.base(this); }; goog.inherits(Child, Parent);
  13. ܁Γฦ͠·͕͢ $MPTVSF-JCSBSZʜ εΰΫʜΠΠʜ

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

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

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

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

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

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

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

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

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

  23. $MPTVSF-JCSBSZ͸εΰΠʂ $MPTVSF$PNQJMFSͰ
 ͢΂ͯΛѹॖ ࠷దԽ
 Ͱ͖Δͷ͸
 $MPTVSF-JCSBSZ͚ͩοʂ ѹॖ཰Ͱ༗໊ͳ

  24. ͦΜͳ$MPTVSF-JCSBSZ͕ HPPHLJUͰ
 Χϯλϯʹ
 ࢝ΊΒΕ·͢

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