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

Google Nest Hub Interactive Canvasで苦労した話 (小ネタ) #スマスピ札幌 #スマートスピーカーミーティング

Google Nest Hub Interactive Canvasで苦労した話 (小ネタ) #スマスピ札幌 #スマートスピーカーミーティング

スマートスピーカーミーティング / スマートスピーカーで遊ぼう会@札幌 合同勉強会
https://play-smaspi-sap.connpass.com/event/159267/

Kihara, Takuya

January 30, 2020
Tweet

More Decks by Kihara, Takuya

Other Decks in Technology

Transcript

  1. גࣜձࣾϊʔεσΟςʔϧ
    ։ൃ%JWJTJPOٕज़ਪਐ(SPVQ
    ໦ݪ୎໵
    !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    (PPHMF/FTU)VC
    *OUFSBDUJWF$BOWBTͰ

    ۤ࿑ͨ͠࿩ খωλ

    ೥݄೔

    View full-size slide

  2. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    • ໊લ
    ໦ݪ ୎໵ / @tacck

    • ॴଐ
    גࣜձࣾϊʔεσΟςʔϧ

    ։ൃDivision ٕज़ਪਐGroup / Leader

    • ओ࠵
    • ΏΔWebษڧձ@ࡳຈ

    • εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ

    • ޷͖ͳϑΟΪϡΞεέʔτͷٕ
    εϓϨουɾΠʔάϧ

    PHP Conference Hokkaido 2019

    View full-size slide

  3. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    (PPHMF/FTU)VC

    View full-size slide

  4. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    ࡞Γํ͸ͪ͜ΒΛࢀߟʹ
    https://qiita.com/h-takauma/items/1425abe44a050dfb3269

    View full-size slide

  5. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    • ͝ଘ஌ͷ௨Γɺ

    ը໘෇͖ͷεΩϧ (Actions) ͕࡞ΕΔɻ

    → த਎͸ Webϒϥ΢βʔ

    • දࣔ͢Δը໘಺ͷίϯςϯπΛɺ

    Vue.js ͳͲͷ WebϑϩϯτΤϯυͷϥΠϒϥϦͰ࡞੒Ͱ͖Δɻ
    *OUFSBDUJWF$BOWBT

    View full-size slide

  6. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    ΍ͬͯΈ͍ͯ᪴ͨ

    View full-size slide

  7. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    ੠͕஗Εͯฉ͑͜ΔΑ໰୊

    ɹɹɹɹɹɹ

    View full-size slide

  8. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    • εΩϧݺͼग़͠

    • ը໘දࣔ

    • 10ඵલޙ଴ͬͯ Google Nest Hub ͕஻Γग़͢
    ੠͕஗Εͯฉ͑͜ΔΑ໰୊

    View full-size slide

  9. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά

    View full-size slide

  10. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    ݁࿦

    View full-size slide

  11. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    • interactiveCanvas.ready(callbacks)

    ͱ

    callbacks.onUpdate()

    Λ࣮૷͍ͯ͠ͳ͍৔߹ʹɺ͜ͷݱ৅͕ൃੜͨ͠ɻ
    ࣮૷࿙Ε

    View full-size slide

  12. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    υΩϡϝϯτΛಡΜͩΜͰ͕͢
    https://developers.google.com/assistant/interactivecanvas/
    reference/interactivecanvas

    View full-size slide

  13. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    υΩϡϝϯτΛಡΜͩΜͰ͕͢
    https://developers.google.com/assistant/interactivecanvas/
    reference/interactivecanvas

    View full-size slide

  14. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    3FRVJSFEॻ͍ͯཉ͔ͬͨ͠

    View full-size slide

  15. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    ͓·͚

    View full-size slide

  16. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    ͓·͚
    ಈ࡞֬ೝͰϔομ෼Լ͛Δͷ๨Εͯɺ

    onUpdate()ͷ݁Ռ൓өͰ͖ͳ͍!?!?!?

    ͱɺࢥ͍͕ͪɻ

    View full-size slide

  17. !UBDDL
    εϚʔτεϐʔΧʔϛʔςΟϯά
    εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ
    εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
    FOE

    View full-size slide