Google Nest HubでVue.jsを使った話、LINE Thingsでちょっとだけセキュアなシステム作った話 / v-kansai-0724

Google Nest HubでVue.jsを使った話、LINE Thingsでちょっとだけセキュアなシステム作った話

Transcript

1. (PPHMF
   /FTU
   )VCͰ7VFKT࢖ͬͨ࿩
   -*/&
   5IJOHTͱ7VFKTͰͪΐͬͱ͚ͩηΩϡΞͳγεςϜ࡞ͬͨ࿩
2. ࣗݾ঺հʢ͕͓·Δʣ ॴଐɿגࣜձࣾΞΠΤϯλʔɹେࡕࢧళ
   ɹɹɹ3%ɹ೥ೖࣾ
   ɹɹɹεϚʔτεϐʔΧʔΤόϯδΣϦετ
   ɹɹɹ-*/&
   "1*
   &YQFSU ۀ຿ɿ"5-BCPɾ͕͓·Δक़ओ࠵
   ɹɹɹεϚʔτεϐʔΧʔݚڀ։ൃ
   ɹɹɹ"84ݚڀ։ൃ ߴഅɹ޺య
   !HBPNBS ޷͖ͳݴ༿ɿͶ͐$MPWB ͔ͨ͏·ɹͻΖͷΓ
3. εϚʔτεϐʔΧʔΞϓϦ։ൃೖ໳
   େ޷ධൃചதʂ
4. άϧʔϓਃ੥͓ئ͍͠·͢ɹN @
   @ N
5. (PPHMF
   /FTU
   )VCͰ
   7VFKTΛ࢖ͬͨ࿩
6. (PPHMF͔ࣾΒൃച͞ΕͨεϚʔτσΟεϓϨΠ
7. λονૢ࡞͸Ͱ͖Δ͕
   جຊ͸76*
8. *OUFSBDUJWF
   $BOWBTΛ࢖ͬͯ
   Ϧονͳදݱ͕Ͱ͖Δ
9. *OUFSBDUJWF
   $BOWBT͸
   7VFKTΛ͔ͭ͏͜ͱ͕Ͱ͖Δ
10. ˡ͜ͷ෦෼
11. IUUQTZPVUVCFIRZSQ3L
13. ࣮૷ํ๏
14. JOUFSBDUJWF@DBOWBT@NJOKTΛJOEFYIUNMͰݺͼग़͢ <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="icon" href="<%= BASE_URL %>favicon.ico"> <title>nesthub-demo</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons"> <!-- Load Assistant Canvas CSS and JavaScript --> <link rel="stylesheet" href="https://www.gstatic.com/assistant/immersivecanvas/css/styles.css"> <script src="https://www.gstatic.com/assistant/interactivecanvas/api/interactive_canvas.min.js"></script> </head> <body> <noscript> <strong>We're sorry but nesthub-demo doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript> <div id="app"></div> <!-- built files will be auto injected --> </body> </html>
15. <script> export default { methods: { bmiStart () { // Google Assistantʹ ʮbmiʯ ͱ͍͏จࣈྻΛૹΔ interactiveCanvas.sendTextQuery('bmi'); } } } </script> JOUFSBDUJWF$BOWBTTFOE5FYU2VFSZͰ
    (PPHMF
    "TTJTUBOUʹૹΔ
16. <script> export default { data () { return { result: '' } }, created () { var me = this const callbacks = { onUpdate(state) { // bmiͷ஋͕ඈΜͰ͖ͨΒऔಘ͢Δ if ('bmi' in state) { me.result = state.bmi } }, } interactiveCanvas.ready(callbacks) } } </script> JOUFSBDUJWF$BOWBTSFBEZͰ
    (PPHMF
    "TTJTUBOU͔ΒͷԠ౴Λ଴ͭ
17. ஫ҙ఺
18. ɾ࢖͑Δ+BWBTDSJQUʹ੍ݶ͕͋ΔʢBMFSU͕࢖͑ͳ͍ʣ
    ɾήʔϜΧςΰϦʔʹ͠ͳ͍ͱ*OUFSBDUJWF
    $BOWBTػೳ͕࢖͑ͳ͍
19. IUUQTRJJUBDPNIUBLBVNBJUFNTBCFBEGC 2JJUBʹৄࡉهࣄΛॻ͖·ͨ͠
20. -*/&
    5IJOHTͱ7VFKTͰ
    ͪΐͬͱ͚ͩηΩϡΞͳγεςϜ࡞ͬͨ࿩
21. -*/&
    5IJOHTͱ͸ #MVFUPPUI
    -&
    ʹରԠͨ͠
    *P5
    σόΠεΛ
    -*/&
    ͷΞϓϦ্Ͱ઀ଓ͠
    #PU
    ΍
    8FCαʔϏεͱ࿈ܞ͢Δ͜ͱ͕Ͱ͖ΔϓϥοτϑΥʔϜ
22. ؆୯ʹݴ͏ͱ
23. -*/&ͱ*P5Ͱ৭ʑͰ͖Δ
24. ೥݄
    ࣗಈ௨৴ػೳϦϦʔε
25. ࣗಈ௨৴ػೳͷڑ཭ N͙Β͍
26. ͜ΕΛར༻ͯ͠
    *P5σόΠεʹ͍ۙͮͨΒ
    ೝূίʔυΛ௨஌ͤ͞Δ
27. N͙Β͍
28. ೝূίʔυΛ࡞੒
    ίʔυ͸σόΠεͰอ༗
29. ࣗಈ௨৴ػೳͰೝূίʔυΛ8FCIPPLઌʹ౤͛Δ
30. ʘೝূίʔυ͸ʮʯʗ
31. . ೝূίʔυૹ৴ 6OMPDL ୺຤ʹอ͍࣋ͯ͠Δ
    ೝূίʔυΛࢀর ೝূίʔυΛೖྗ
32. ׬੒ͨ͠ͷ͕ͪ͜Βʂ
33. IUUQTZPVUVCFUXB2%5#/H
34. 2JJUBʹৄࡉهࣄΛॻ͖·ͨ͠ IUUQTRJJUBDPNIUBLBVNBJUFNTBDGCFBCFDDBE
35. ·ͱΊ
36. ɾ*OUFSBDUJWF
    $BOWBT࢖͏ͱϦονͳදݱ͕Ͱ͖Δ
    ɾBTTJTUBOU
    $BOWBTͷ"1*Ͱ΍ΓऔΓ͢Δ
    ɾ*P5σόΠε˱-*/&
    5IJOHTͷ઀ଓ͸ωοτઃఆ͕ཁΒͳ͍
    ɾ-*/&
    5IJOHTͷࣗಈ௨৴ػೳΛ࢖͓͏
    ɾࣗಈ௨৴ػೳͷڑ཭͸໿N
    ɾ-*/&
    5IJOHT͸ਆʂ
37. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠