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

Other Decks in Technology

See All in Technology
2025/10/27 JJUGナイトセミナー WildFlyとQuarkusの 始め方
Avatar for Satoshi Seto megascus
0
100
【SORACOM UG Explorer 2025】さらなる10年へ ～ SORACOM MVC 発表
Avatar for SORACOM soracom
PRO
0
200
SREのキャリアから経営に近づく - Enterprise Risk Managementを基に -
Avatar for shonansurvivors shonansurvivors
1
640
猫でもわかるAmazon Q Developer CLI 解体新書
Avatar for Hiroo Katoh kentapapa
1
220
dbtとAIエージェントを組み合わせて見えたデータ調査の新しい形
Avatar for 10xinc 10xinc
7
1.7k
GCASアップデート（202508-202510）
Avatar for 高橋広和 techniczna
0
230
20251027_マルチエージェントとは
Avatar for Almondoイベント担当 almondo_event
1
500
Amazon Q Developer CLIをClaude Codeから使うためのベストプラクティスを考えてみた
Avatar for banquet.kuma dar_kuma_san
0
300
戦えるAIエージェントの作り方
Avatar for Takuya Akiba iwiwi
19
9.1k
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
Avatar for LayerX layerx
PRO
4
2.5k
ラスベガスの歩き方 2025年版（re:Invent 事前勉強会）
Avatar for JunjiKoide junjikoide
0
730
パフォーマンスチューニングのために普段からできること/Performance Tuning: Daily Practices
Avatar for FUJIWARA Shunichiro fujiwara3
2
180

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.1k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
76
5.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
900
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.1k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k

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