Puck.jsで無限に俺を呼ぶ #iotlt #linethings

Puck.jsがLINE Things対応したということで！

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

Transcript

1. @n0bisuke #iotlt vol53 at LINE Puck.jsͰԶΛແݶʹݺͿϘλϯΛ࡞Δ
2. ੁݪ ͷͼ͚͢ dotstudio, Inc. ɾWeb Engineer ɾMicrosoft MVP (Node.js) ɾLINE API Expert ɾσδλϧϋϦ΢ουେֶେֶӃ ඇৗۈߨࢣ ɾࠃ಺࠷େIoTίϛϡχςΟʮIoTLTʯͷओ࠵ ɾϓϩτλΠϐϯάઐ໳εΫʔϧ ʮProtoOut Studioʯ2ظੜืूத nobisuke sugawara
3. લճͱલʑճͷ͓͞Β͍ ถ: ࠓճͪΐͬͱϋΠίϯςΫετͰ͢ɻ vol51 LINE ThingsΛ࢖͏ͱແݶ௨஌͕ Ͱ͖ΔɻϝϯϔϥBOT࡞ΕΔ vol52 Puck.jsͰԶΛݺͿϘλϯΛ࡞ͬͨ
4. LINE Things໊෺ ٖࣅແݶPUSH
5. ࢀߟ ϝϯϔϥʹଟ໊͍લϥϯΩϯά ˞શࠃͷ͓͞Γ͞Μ͝ΊΜͳ͍͞ɻ๻͕ݴͬͯΔΘ͚Ͱ͸ͳ͍Ͱ͢ɻ ϝϯϔϥͷಛ௃తͳͭͷޱบ ˍ͔·ͬͯͪΌΜରॲ๏
7. Զ͘Μɺ஌ͬͯ·͔͢ʁ
8. Զ͘Μɺ஌ͬͯ·͔͢ʁ
9. Puck.js
10. Puck.js ͓͞Β͍ ɾPuck.jsͱ͍͏໊લ͚ͩͲJSϥΠϒϥϦͰ͸ͳ͍ ɾͦ͏͍͏໊લͷσόΠε ɾ͍͍ͪ͞ ɾϘλϯి஑ۦಈ ɾnRFͷνοϓ͕ͷͬͯΔ ɾWebBluetoothͰ”௚઀”ͭͳ͛ͯ։ൃ ɾGATTϓϩϑΝΠϧ͕͍͍ײ͡ʹ૊Έࠐ·Ε͍ͯΔ งғؾ ɾجຊ͸ϒϥ΢βͷੈքʹͳΔ - ݫີʹ͍͏ͱࠓ͸Chrome
11. લճͷൃදͷޙ LINE Things StarterʹPuck.jsαϯϓϧ͕
12. JSͰϑΝʔϜΛॻ͖ࠐΉ Jonny-Fiveͱ͔ͱҧͬͯσόΠε಺Ͱಠཱͯ͠ಈ࡞
13. Espruino ɾϚΠίϯ্Ͱಈ͘JSͷΠϯλϓϦλ ɾnRF52Ͱಈ͘Α ɾESP32Ͱ΋ಈ͘Έ͍ͨ(ࢼͯ͠ͳ͍ࢼ͍ͨ͠) ɾEspruinoͷEspͱESP32ͷESP͸ؔ܎ͳ͍ ɾEspruinoΠϯετʔϧࡁΈͷϘʔυ΋ചͬͯΔ ɾPuck.js͸Espruino͕ಈ͍ͯΔͷͰ ϚΠίϯ্Ͱಠཱͯ͠ॲཧ͕ಈ͍͍ͯΔ
14. ϚΠίϯ্Ͱಈ͘ͷ͕Կ͕͍͍ͷ͔?
15. CORSͰμϝ΍ͬͨ લճͷʮԶʯ ࠓճͷʮԶʯ
16. CORSͰμϝ΍ͬͨ લճͷʮԶʯ ࠓճͷʮԶʯ HTTPར༻ͯͨ͠ͷͰ”ϒϥ΢βͷJS”Λ࢖ͬͯͨɻ͜ΕͰಠཱͯ͠͏͘͝
17. ϚΠίϯ্Ͱಈ͘ͷ͕Կ͕͍͍ͷ͔? + LINE Things࢖͏ͱ୯ମͰΠϯλʔωοτʹ޲͔͑Δ
18. Puck.js x LINE ThingsͷϋϚΓϙΠϯτ ɾҰ୴઀ଓΛղআ͠ͳ͍ͱΞυύλΠζͯ͘͠Εͳ͍ͬΆ͍
19. Puck.js x LINE ThingsͰແݶʹԶΛݺͿ
20. Puck.js x LINE ThingsͰແݶʹԶΛݺͿ Զ͘Μը૾ཚ਺
21. ·ͱΊ ɾPuck.jsͱ͍͏Ϙλϯ͘Β͍ͷαΠζͷ σόΠε͕ ɾEspruinoͰJS on ϚΠίϯͷྲྀΕ͜ͳ ͍͔ͳ ɾPuck.js͕LINE ThingsରԠͯͨ͠ ɾPuck.jsͰ΋ٖࣅແݶPUSHͰ͖ͨ ɾPuck.js͸Ϙλϯి஑޻౻ͳͷͰిݯͳ ͍৔ॴͱ͔Ͱ΋࢖͑ͦ͏ɻ(Ϣʔεέʔεͦ Μͳʹࢥ͍ු͔ΜͰͳ͍)