次世代Webログインフォーム #iotlt

WebUSBを使って特定デバイスをPCにつなげたときにログインできるログインフォームのデモなどをしました。

IoTLT vol29 at サムライインキュベート https://iotlt.connpass.com/event/56277/

Transcript

1. ࣍ੈ୅WebϩάΠϯϑΥʔϜ IoTLT vol29 @n0bisuke
2. ੁݪ
   ͷͼ͚͢ !OCJTVLF EPUTUVEJPגࣜձࣾ
   ୅දऔక໾
   8FCΤϯδχΞ
   *P5%FW3FMͷίϯαϧͳͲ ࣗ ݾ ঺ հ ॻ੶
   
   ɾݱ৔ͷϓϩ͕ڭ͑Δ8FCσβΠϯ
   
   ɾ+BWB4DSJQUͰΠϯλϥΫςΟϒ%ίϯςϯπΛ࡞Ζ͏
   
   ɾϑϩϯτΤϯυΤϯδχΞͷͨΊͷݱࡏͱ͜Ε͔Βͷඞਢ஌ࣝ
3. ʮϞϊ࡞ΓͰ͖ΔਓΛ૿΍͍ͨ͠ʯ dotstudio ձ ࣾ ঺ հ
4. ͜ Μ ͳ ͜ ͱ ΍ ͬ ͯ · ͢
5. 8 F C ͷ ϩ ά Π ϯ ϑ Υ ʔ Ϝ
6. Ҿ ༻ ݩ 
   D P E F Q F O “login”Ͱௐ΂Δͱ৭ʑαϯϓϧग़͖ͯ·͢ɻ
7. ࢖ ͬ ͯ Δ ٕ ज़ ɾHTML ɾCSS ɾJavaScript (jQuery)
8. 8 F C ͷ ϩ ά Π ϯ ϑ Υ ʔ Ϝ
9. 8 F C ͷ ϩ ά Π ϯ ϑ Υ ʔ Ϝ ೖྗϑΥʔϜ͕ͳ͍……?!
10. ࢖ ͬ ͯ Δ ٕ ज़ ɾHTML ɾCSS ɾJavaScript (jQuery)
11. ࢖ ͬ ͯ Δ ٕ ज़ ɾHTML ɾCSS ɾJavaScript (jQuery) ※ઌ΄Ͳͱશ͘มΘΒͣ
12. WebUSB
13. 8 F C 6 4 # ͱ ͸ ɾW3C͕υϥϑτࡦఆ͍ͯ͠ΔWebͷAPI ɾWebϒϥ΢β͔ΒUSBػثʹΞΫηεʂ
14. ͳ ͥ ͜ ͷ λ Π ϛ ϯ ά ͔ ΍ͬͱαϯϓϧղઆ͕…! (2017೥5݄)
15. ର Ԡ ϒ ϥ ΢ β ɾGoogle Chrome v59.0 ɾExperimental Web Platform featuresϑϥά
16. JavaScriptͰϋʔυ΢ΣΞ੍ޚͷ೾͕࠶ͼ…!
17. ଞ ʹ ΋ ɾWebBluetooth ɾWebNFC
18. ͜ Μ ͳ ͷ ͕ Ͱ ͖ ͦ ͏
19. / P E F # P U T ɾJavaScriptͰϋʔυ΢ΣΞ੍ޚ͠Α͏ ɾੈքతͳίϛϡχςΟ/औΓ૊Έ
20.     ౔ ! ޚ ஡ ϊ ਫ JS޷͖ͳਓɺIoT޷͖ͳਓɺೖ໳ͯ͠Έ͍ͨਓ ԿଔԿଔ
21. · ͱ Ί ɾWebϒϥ΢βͰ௿ϨΠϠʔʹ৮ΕΒΕΔ࣌୅ʂ - Web USB - Web Bluetooth - Web NFC …etc ɾJavaScriptΠΠϤʔ ɾ7/29 NodeBots Day΁ʂ ɾdotstudioͰ͸ਓࡐืूதʂΠϯλʔϯ΋ʂ https://www.wantedly.com/companies/dotstudio/ projects