Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Google Nest HubでVue.jsを使った話、LINE Thingsでちょっとだけセ...
Search
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でちょっとだけセキュアなシステム作った話
gaomar
July 24, 2019
Tweet
Share
More Decks by gaomar
See All by gaomar
PAD・enebular・Lexで 交通費を確認してみた / enebular-200902
gaomar
0
190
よくあるご質問をノーコードで試してみた / enebular-210210
gaomar
0
180
enebularで湯婆婆をノーコードで実装してみた / enebular-201201
gaomar
0
990
CLOVA OCRをenebularで連携してみた / yurufuwaml-201104
gaomar
0
370
会社の受付システムをenebularでやってみる / 0yenRPA-201006
gaomar
0
220
ゆるふわマシンラーニング vol.4 / yurufuwaml-200702
gaomar
0
260
Makecode Arcadeハンズオン資料 / makecodearcade-0625
gaomar
2
490
M5StickCをLINE Beacon化してみた / m5stack-200207
gaomar
0
730
スマートスピーカーミーティング 20200130 / ssmtg-200130
gaomar
0
460
Other Decks in Technology
See All in Technology
Geminiとv0による高速プロトタイピング
shinya337
0
230
Tokyo_reInforce_2025_recap_iam_access_analyzer
hiashisan
0
170
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
410
ビギナーであり続ける/beginning
ikuodanaka
3
690
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
1
14k
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
200
Should Our Project Join the CNCF? (Japanese Recap)
whywaita
PRO
0
320
OPENLOGI Company Profile
hr01
0
67k
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.4k
Tech-Verse 2025 Global CTO Session
lycorptech_jp
PRO
0
1.6k
MobileActOsaka_250704.pdf
akaitadaaki
0
110
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
220
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
730
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
A Modern Web Designer's Workflow
chriscoyier
694
190k
How STYLIGHT went responsive
nonsquared
100
5.6k
Designing for humans not robots
tammielis
253
25k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Code Review Best Practice
trishagee
69
18k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Transcript
(PPHMF/FTU)VCͰ7VFKTͬͨ -*/&5IJOHTͱ7VFKTͰͪΐͬͱ͚ͩηΩϡΞͳγεςϜ࡞ͬͨ
ࣗݾհʢ͕͓·Δʣ ॴଐɿגࣜձࣾΞΠΤϯλʔɹେࡕࢧళ ɹɹɹ3%ɹೖࣾ ɹɹɹεϚʔτεϐʔΧʔΤόϯδΣϦετ ɹɹɹ-*/&"1*&YQFSU ۀɿ"5-BCPɾ͕͓·Δक़ओ࠵ ɹɹɹεϚʔτεϐʔΧʔݚڀ։ൃ ɹɹɹ"84ݚڀ։ൃ ߴഅɹయ !HBPNBS
͖ͳݴ༿ɿͶ͐$MPWB ͔ͨ͏·ɹͻΖͷΓ
εϚʔτεϐʔΧʔΞϓϦ։ൃೖ େධൃചதʂ
άϧʔϓਃ͓ئ͍͠·͢ɹN @@ N
(PPHMF/FTU)VCͰ 7VFKTΛͬͨ
(PPHMF͔ࣾΒൃച͞ΕͨεϚʔτσΟεϓϨΠ
λονૢ࡞Ͱ͖Δ͕ جຊ76*
*OUFSBDUJWF$BOWBTΛͬͯ Ϧονͳදݱ͕Ͱ͖Δ
*OUFSBDUJWF$BOWBT 7VFKTΛ͔ͭ͏͜ͱ͕Ͱ͖Δ
ˡ͜ͷ෦
IUUQTZPVUVCFIRZSQ3L
None
࣮ํ๏
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>
<script> export default { methods: { bmiStart () { //
Google Assistantʹ ʮbmiʯ ͱ͍͏จࣈྻΛૹΔ interactiveCanvas.sendTextQuery('bmi'); } } } </script> JOUFSBDUJWF$BOWBTTFOE5FYU2VFSZͰ (PPHMF"TTJTUBOUʹૹΔ
<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͔ΒͷԠΛͭ
ҙ
ɾ͑Δ+BWBTDSJQUʹ੍ݶ͕͋ΔʢBMFSU͕͑ͳ͍ʣ ɾήʔϜΧςΰϦʔʹ͠ͳ͍ͱ*OUFSBDUJWF$BOWBTػೳ͕͑ͳ͍
IUUQTRJJUBDPNIUBLBVNBJUFNTBCFBEGC 2JJUBʹৄࡉهࣄΛॻ͖·ͨ͠
-*/&5IJOHTͱ7VFKTͰ ͪΐͬͱ͚ͩηΩϡΞͳγεςϜ࡞ͬͨ
-*/&5IJOHTͱ #MVFUPPUI-&ʹରԠͨ͠*P5σόΠεΛ-*/&ͷΞϓϦ্Ͱଓ͠ #PU8FCαʔϏεͱ࿈ܞ͢Δ͜ͱ͕Ͱ͖ΔϓϥοτϑΥʔϜ
؆୯ʹݴ͏ͱ
-*/&ͱ*P5Ͱ৭ʑͰ͖Δ
݄ ࣗಈ௨৴ػೳϦϦʔε
ࣗಈ௨৴ػೳͷڑ N͙Β͍
͜ΕΛར༻ͯ͠ *P5σόΠεʹ͍ۙͮͨΒ ೝূίʔυΛ௨ͤ͞Δ
N͙Β͍
ೝূίʔυΛ࡞ ίʔυσόΠεͰอ༗
ࣗಈ௨৴ػೳͰೝূίʔυΛ8FCIPPLઌʹ͛Δ
ʘೝূίʔυʮʯʗ
. ೝূίʔυૹ৴ 6OMPDL ʹอ͍࣋ͯ͠Δ ೝূίʔυΛࢀর ೝূίʔυΛೖྗ
ͨ͠ͷ͕ͪ͜Βʂ
IUUQTZPVUVCFUXB2%5#/H
2JJUBʹৄࡉهࣄΛॻ͖·ͨ͠ IUUQTRJJUBDPNIUBLBVNBJUFNTBDGCFBCFDDBE
·ͱΊ
ɾ*OUFSBDUJWF$BOWBT͏ͱϦονͳදݱ͕Ͱ͖Δ ɾBTTJTUBOU$BOWBTͷ"1*ͰΓऔΓ͢Δ ɾ*P5σόΠε˱-*/&5IJOHTͷଓωοτઃఆ͕ཁΒͳ͍ ɾ-*/&5IJOHTͷࣗಈ௨৴ػೳΛ͓͏ ɾࣗಈ௨৴ػೳͷڑN ɾ-*/&5IJOHTਆʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠