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
220
よくあるご質問をノーコードで試してみた / enebular-210210
Avatar for gaomar gaomar
0
240
enebularで湯婆婆をノーコードで実装してみた / enebular-201201
Avatar for gaomar gaomar
0
1.1k
CLOVA OCRをenebularで連携してみた / yurufuwaml-201104
Avatar for gaomar gaomar
0
410
会社の受付システムをenebularでやってみる / 0yenRPA-201006
Avatar for gaomar gaomar
0
250
ゆるふわマシンラーニング vol.4 / yurufuwaml-200702
Avatar for gaomar gaomar
0
300
Makecode Arcadeハンズオン資料 / makecodearcade-0625
Avatar for gaomar gaomar
2
550
M5StickCをLINE Beacon化してみた / m5stack-200207
Avatar for gaomar gaomar
0
790
スマートスピーカーミーティング 20200130 / ssmtg-200130
Avatar for gaomar gaomar
0
520

Other Decks in Technology

See All in Technology
Datadog で実現するセキュリティ対策 ~オブザーバビリティとセキュリティを 一緒にやると何がいいのか~
Avatar for Shuntaro Azuma a2ush
0
170
JAWS DAYS 2026でAIの「もやっと」感が解消された話
Avatar for Makky12 smt7174
1
110
MIX AUDIO EN BROADCAST
Avatar for Erick Ralph Kionga ralpherick
0
120
開発チームとQAエンジニアの新しい協業モデル -年末調整開発チームで実践する【QAリード施策】-
Avatar for SmartHR 品質保証本部 qa
0
400
Bref でサービスを運用している話
Avatar for Sugar Sato sgash708
0
200
OCI技術資料 : ロード・バランサ 概要 - FLB・NLB共通
Avatar for Oracle Cloud Infrastructure ソリューション・エンジニア ocise
4
27k
How to install a gem
Avatar for André Arko indirect
0
1.9k
Amazon Qはアマコネで頑張っています〜 Amazon Q in Connectについて〜
Avatar for Yuuki Yamashita yama3133
1
150
LLMに何を任せ、何を任せないか
Avatar for an cap120
10
6.1k
AI時代のシステム開発者の仕事_20260328
Avatar for 閃利㈱河村 純 sengtor
0
310
AIにより大幅に強化された AWS Transform Customを触ってみる
Avatar for arap / 0air 0air
0
170
The Rise of Browser Automation: AI-Powered Web Interaction in 2026
Avatar for Marc Thompson marcthompson_seo
0
310

Featured

See All Featured
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
68
38k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
170
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
260
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
310
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
220
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
650
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
870

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