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

(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

࣮૷ํ๏

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">  <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>  </body> </html>

஫ҙ఺

ɾ࢖͑Δ+BWBTDSJQUʹ੍ݶ͕͋ΔʢBMFSU͕࢖͑ͳ͍ʣ ɾήʔϜΧςΰϦʔʹ͠ͳ͍ͱ*OUFSBDUJWF$BOWBTػೳ͕࢖͑ͳ͍

IUUQTRJJUBDPNIUBLBVNBJUFNTBCFBEGC 2JJUBʹৄࡉهࣄΛॻ͖·ͨ͠

-*/&5IJOHTͱ7VFKTͰ ͪΐͬͱ͚ͩηΩϡΞͳγεςϜ࡞ͬͨ࿩

-*/&5IJOHTͱ͸ #MVFUPPUI-&ʹରԠͨ͠*P5σόΠεΛ-*/&ͷΞϓϦ্Ͱ઀ଓ͠ #PU΍8FCαʔϏεͱ࿈ܞ͢Δ͜ͱ͕Ͱ͖ΔϓϥοτϑΥʔϜ

؆୯ʹݴ͏ͱ

-*/&ͱ*P5Ͱ৭ʑͰ͖Δ

೥݄ ࣗಈ௨৴ػೳϦϦʔε

ࣗಈ௨৴ػೳͷڑ཭ N͙Β͍

͜ΕΛར༻ͯ͠ *P5σόΠεʹ͍ۙͮͨΒ ೝূίʔυΛ௨஌ͤ͞Δ

N͙Β͍

ೝূίʔυΛ࡞੒ ίʔυ͸σόΠεͰอ༗

ࣗಈ௨৴ػೳͰೝূίʔυΛ8FCIPPLઌʹ౤͛Δ

ʘೝূίʔυ͸ʮʯʗ

. ೝূίʔυૹ৴ 6OMPDL ୺຤ʹอ͍࣋ͯ͠Δ ೝূίʔυΛࢀর ೝূίʔυΛೖྗ

׬੒ͨ͠ͷ͕ͪ͜Βʂ

IUUQTZPVUVCFUXB2%5#/H

2JJUBʹৄࡉهࣄΛॻ͖·ͨ͠ IUUQTRJJUBDPNIUBLBVNBJUFNTBDGCFBCFDDBE

·ͱΊ

ɾ*OUFSBDUJWF$BOWBT࢖͏ͱϦονͳදݱ͕Ͱ͖Δ ɾBTTJTUBOU$BOWBTͷ"1*Ͱ΍ΓऔΓ͢Δ ɾ*P5σόΠε˱-*/&5IJOHTͷ઀ଓ͸ωοτઃఆ͕ཁΒͳ͍ ɾ-*/&5IJOHTͷࣗಈ௨৴ػೳΛ࢖͓͏ ɾࣗಈ௨৴ػೳͷڑ཭͸໿N ɾ-*/&5IJOHT͸ਆʂ

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠

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

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

More Decks by gaomar

Other Decks in Technology

Featured

Transcript