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
Oracle Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
0
420
CLIPでマルチモーダル画像検索 →とても良い
Avatar for Motoi Washida wm3
2
780
CloudComposerによる大規模ETL 「制御と実行の分離」の実践
Avatar for Tech Leverages leveragestech
0
160
AIエージェントを導入する [ 社内ナレッジ活用編 ] / Implement AI agents
Avatar for Akira Maeda glidenote
1
150
re:Inventに行くまでにやっておきたいこと
Avatar for nagisa_53 nagisa53
0
1k
Amazon Q Developer CLIをClaude Codeから使うためのベストプラクティスを考えてみた
Avatar for banquet.kuma dar_kuma_san
0
320
文字列操作の達人になる ~ Kotlinの文字列の便利な世界 ~ - Kotlin fest 2025
Avatar for Tomoki Yamashita tomorrowkey
2
450
ピープルウエア x スタートアップ
Avatar for operandoOS operando
1
2.8k
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
Avatar for okiyuki okiyuki99
6
1.7k
GPUをつかってベクトル検索を 扱う手法のお話し ~NVIDIA cuVSとCAGRA~
Avatar for fshuhe fshuhe
0
370
プロダクトエンジニアとしてのマインドセットの育み方 / How to improve product engineer mindset
Avatar for Jumpei Sakatsu saka2jp
1
130
datadog-incident-management-intro
Avatar for tetsuya28 tetsuya28
0
120

Featured

See All Featured
Done Done
Avatar for chrislema chrislema
186
16k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
412
23k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
2
250
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.3k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
7.9k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
950
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k

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