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

Google Nest HubでVue.jsを使った話、LINE Thingsでちょっとだけセ...

Avatar for gaomar gaomar
July 24, 2019
Technology
1
1.6k

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

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

Avatar for gaomar

gaomar

July 24, 2019
Tweet

More Decks by gaomar

See All by gaomar
PAD・enebular・Lexで 交通費を確認してみた / enebular-200902
Avatar for gaomar gaomar
0
210
よくあるご質問をノーコードで試してみた / enebular-210210
Avatar for gaomar gaomar
0
220
enebularで湯婆婆をノーコードで実装してみた / enebular-201201
Avatar for gaomar gaomar
0
1.1k
CLOVA OCRをenebularで連携してみた / yurufuwaml-201104
Avatar for gaomar gaomar
0
400
会社の受付システムをenebularでやってみる / 0yenRPA-201006
Avatar for gaomar gaomar
0
240
ゆるふわマシンラーニング vol.4 / yurufuwaml-200702
Avatar for gaomar gaomar
0
290
Makecode Arcadeハンズオン資料 / makecodearcade-0625
Avatar for gaomar gaomar
2
540
M5StickCをLINE Beacon化してみた / m5stack-200207
Avatar for gaomar gaomar
0
770
スマートスピーカーミーティング 20200130 / ssmtg-200130
Avatar for gaomar gaomar
0
510

Other Decks in Technology

See All in Technology
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
470
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
230
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
Avatar for SansanTech sansantech
PRO
3
1.5k
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
190
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
140
OCI Database Management サービス詳細
Avatar for oracle4engineer oracle4engineer
PRO
1
7.4k
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
300
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.4k
Embedded SREの終わりを設計する　「なんとなく」から計画的な自立支援へ
Avatar for SansanTech sansantech
PRO
3
2.5k
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
Avatar for shibayu36 shibayu36
0
250

Featured

See All Featured
Side Projects
Avatar for Sacha Greif sachag
455
43k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
190
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
86
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
450

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

  12. None

  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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠