Puck.jsで俺を呼ぶIoT #iotlt vol52 at メルカリ

Puck.jsを使うとWebBluetooth経由で簡単なIoTっぽい仕組みを作れます。

で、 俺くんを呼んでみました。

https://iotlt.connpass.com/event/132887/

Transcript

1. @n0bisuke #iotlt vol52 at ϝϧΧϦ Puck.jsͰԶΛݺͿϘλϯΛ࡞Δ
2. ੁݪ ͷͼ͚͢ dotstudio, Inc. ɾWeb Engineer ɾMicrosoft MVP (Node.js) ɾLINE API Expert ɾσδλϧϋϦ΢ουେֶେֶӃ ඇৗۈߨࢣ ɾࠃ಺࠷େIoTίϛϡχςΟʮIoTLTʯͷओ࠵ ɾϓϩτλΠϐϯάઐ໳εΫʔϧ ʮProtoOut Studioʯ2ظੜืूத nobisuke sugawara
3. Puck.js
4. Puck.js ɾPuck.jsͱ͍͏໊લ͚ͩͲJSϥΠϒϥϦͰ͸ͳ͍ ɾͦ͏͍͏໊લͷσόΠε ɾ͍͍ͪ͞ ɾϘλϯి஑ۦಈ ɾnRFͷνοϓ͕ͷͬͯΔ
5. Puck.jsͷ։ൃ ɾWebBluetoothͰ”௚઀”ͭͳ͛ͯ։ൃ ɾGATTϓϩϑΝΠϧ͕͍͍ײ͡ʹ૊Έࠐ·Ε͍ͯΔ งғؾ ɾجຊ͸ϒϥ΢βͷੈքʹͳΔ - ݫີʹ͍͏ͱࠓ͸Chrome
6. GPIOͬΆ͍ͷ΋͋Δ໛༷
7. Puck.js ஌ͬͯͨΑʔͬͯਓʔʁ
8. Ͱ͢ΑͶɻ
9. ೔ຊޠهࣄ͋Μ·Γͳ͍ɻ SSʹ΋ͳ͍ ٕదେৎ෉ͳΜ͔ͳ
10. ٕదେৎ෉ͳΜ͔ͳ -> େৎ෉ͩͬͨ (ൃදޙ௥ه) IoTLTͰൃදͨ͠Β ֬ূಘΒΕ·ͨ͠
11. Hello World
12. Hello World let on = true; LED1.write(on); γϯϓϧͰ͢Ͷ
13. ͦ΋ͦ΋ ԶΛݺͿϘλϯͯʁ
14. 7/6ʹʮLINEͰԶΛݺ΂ΔϘλϯΛ࡞Ζ͏ʯϋϯζΦϯ͕͋Δ (Ṗ) ݩωλ
15. Զ͘Μɺ஌ͬͯ·͔͢ʁ
16. Զ͘Μɺ஌ͬͯ·͔͢ʁ
17. Զ͘Μɺ஌ͬͯ·͔͢ʁ
18. LINEͰԶΛݺ΂ΔϘλϯΛ࡞Ζ͏ ↓
19. LINEͰԶΛݺ΂ΔϘλϯΛ࡞Ζ͏ ↓ Puck.jsͱLINEͰԶΛݺΜͰΈΔ
20. LINEͰԶΛݺ΂ΔϘλϯΛ࡞Ζ͏ ↓ Puck.jsͱLINEͰԶΛݺΜͰΈΔ
22. CROSͰμϝ΍ͬͨ
23. ͨͿΜ͜Ε΋͍͚Δ (byલճ)
24. ϝϯϔϥBOT DEMO
25. ࢀߟ ϝϯϔϥʹଟ໊͍લϥϯΩϯά ˞શࠃͷ͓͞Γ͞Μ͝ΊΜͳ͍͞ɻ๻͕ݴͬͯΔΘ͚Ͱ͸ͳ͍Ͱ͢ɻ ϝϯϔϥͷಛ௃తͳͭͷޱบ ˍ͔·ͬͯͪΌΜରॲ๏
26. ࢀߟ ϝϯϔϥʹଟ໊͍લϥϯΩϯά ˞શࠃͷ͓͞Γ͞Μ͝ΊΜͳ͍͞ɻ๻͕ݴͬͯΔΘ͚Ͱ͸ͳ͍Ͱ͢ɻ ϝϯϔϥͷಛ௃తͳͭͷޱบ ˍ͔·ͬͯͪΌΜରॲ๏
27. ·ͱΊ ɾPuck.jsͱ͍͏Ϙλϯ͘Β͍ͷαΠζͷσόΠε͕ ɾWeb BluetoothͰϓϩάϥϜͰ͖Δ ɾLINE Notify͸ϒϥ΢β͔ΒૹΕͳ͍͔΋(CORS) -> enebular࢖ͬͯΈͨ ɾPuck.jsͰԶΛݺ΂ΔͬΆ͍