Google Nest Hub Interactive Canvasで苦労した話 (小ネタ) #スマスピ札幌 #スマートスピーカーミーティング
by
Kihara, Takuya
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
גࣜձࣾϊʔεσΟςʔϧ ։ൃ%JWJTJPOٕज़ਪਐ(SPVQ ݪ !UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά (PPHMF/FTU)VC *OUFSBDUJWF$BOWBTͰ ۤ࿑ͨ͠ খωλ ݄
Slide 2
Slide 2 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά • ໊લ ݪ / @tacck • ॴଐ גࣜձࣾϊʔεσΟςʔϧ ։ൃDivision ٕज़ਪਐGroup / Leader • ओ࠵ • ΏΔWebษڧձ@ࡳຈ • εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ • ͖ͳϑΟΪϡΞεέʔτͷٕ εϓϨουɾΠʔάϧ ୭ PHP Conference Hokkaido 2019
Slide 3
Slide 3 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά (PPHMF/FTU)VC
Slide 4
Slide 4 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά ࡞Γํͪ͜ΒΛࢀߟʹ https://qiita.com/h-takauma/items/1425abe44a050dfb3269
Slide 5
Slide 5 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά • ͝ଘͷ௨Γɺ ը໘͖ͷεΩϧ (Actions) ͕࡞ΕΔɻ → த Webϒϥβʔ • දࣔ͢Δը໘ͷίϯςϯπΛɺ Vue.js ͳͲͷ WebϑϩϯτΤϯυͷϥΠϒϥϦͰ࡞Ͱ͖Δɻ *OUFSBDUJWF$BOWBT
Slide 6
Slide 6 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά ͬͯΈ͍ͯ᪴ͨ
Slide 7
Slide 7 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά ͕Εͯฉ͑͜ΔΑ ɹɹɹɹɹɹ
Slide 8
Slide 8 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά • εΩϧݺͼग़͠ • ը໘දࣔ • 10ඵલޙͬͯ Google Nest Hub ͕Γग़͢ ͕Εͯฉ͑͜ΔΑ
Slide 9
Slide 9 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά
Slide 10
Slide 10 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά ݁
Slide 11
Slide 11 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά • interactiveCanvas.ready(callbacks) ͱ callbacks.onUpdate() Λ࣮͍ͯ͠ͳ͍߹ʹɺ͜ͷݱ͕ൃੜͨ͠ɻ ࣮࿙Ε
Slide 12
Slide 12 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά υΩϡϝϯτΛಡΜͩΜͰ͕͢ https://developers.google.com/assistant/interactivecanvas/ reference/interactivecanvas
Slide 13
Slide 13 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά υΩϡϝϯτΛಡΜͩΜͰ͕͢ https://developers.google.com/assistant/interactivecanvas/ reference/interactivecanvas
Slide 14
Slide 14 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά 3FRVJSFEॻ͍ͯཉ͔ͬͨ͠
Slide 15
Slide 15 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά ͓·͚
Slide 16
Slide 16 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά ͓·͚ ಈ࡞֬ೝͰϔομԼ͛ΔͷΕͯɺ onUpdate()ͷ݁ՌөͰ͖ͳ͍!?!?!? ͱɺࢥ͍͕ͪɻ
Slide 17
Slide 17 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈ εϚεϐࡳຈεϚʔτεϐʔΧʔϛʔςΟϯά FOE