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

by n0bisuke

Slide 1

Slide 1 text

@n0bisuke #iotlt vol53 at LINE Puck.jsͰԶΛແݶʹݺͿϘλϯΛ࡞Δ

Slide 2

Slide 2 text

ੁݪ ͷͼ͚͢ dotstudio, Inc. ɾWeb Engineer ɾMicrosoft MVP (Node.js) ɾLINE API Expert ɾσδλϧϋϦ΢ουେֶେֶӃ ඇৗۈߨࢣ ɾࠃ಺࠷େIoTίϛϡχςΟʮIoTLTʯͷओ࠵ ɾϓϩτλΠϐϯάઐ໳εΫʔϧ ʮProtoOut Studioʯ2ظੜืूத nobisuke sugawara

Slide 3

Slide 3 text

લճͱલʑճͷ͓͞Β͍ ถ: ࠓճͪΐͬͱϋΠίϯςΫετͰ͢ɻ vol51 LINE ThingsΛ࢖͏ͱແݶ௨஌͕ Ͱ͖ΔɻϝϯϔϥBOT࡞ΕΔ vol52 Puck.jsͰԶΛݺͿϘλϯΛ࡞ͬͨ

Slide 4

Slide 4 text

LINE Things໊෺ ٖࣅແݶPUSH

Slide 5

Slide 5 text

ࢀߟ ϝϯϔϥʹଟ໊͍લϥϯΩϯά ˞શࠃͷ͓͞Γ͞Μ͝ΊΜͳ͍͞ɻ๻͕ݴͬͯΔΘ͚Ͱ͸ͳ͍Ͱ͢ɻ ϝϯϔϥͷಛ௃తͳͭͷޱบ ˍ͔·ͬͯͪΌΜରॲ๏

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

Զ͘Μɺ஌ͬͯ·͔͢ʁ

Slide 8

Slide 8 text

Զ͘Μɺ஌ͬͯ·͔͢ʁ

Slide 9

Slide 9 text

Puck.js

Slide 10

Slide 10 text

Puck.js ͓͞Β͍ ɾPuck.jsͱ͍͏໊લ͚ͩͲJSϥΠϒϥϦͰ͸ͳ͍ ɾͦ͏͍͏໊લͷσόΠε ɾ͍͍ͪ͞ ɾϘλϯి஑ۦಈ ɾnRFͷνοϓ͕ͷͬͯΔ ɾWebBluetoothͰ”௚઀”ͭͳ͛ͯ։ൃ ɾGATTϓϩϑΝΠϧ͕͍͍ײ͡ʹ૊Έࠐ·Ε͍ͯΔ งғؾ ɾجຊ͸ϒϥ΢βͷੈքʹͳΔ - ݫີʹ͍͏ͱࠓ͸Chrome

Slide 11

Slide 11 text

લճͷൃදͷޙ LINE Things StarterʹPuck.jsαϯϓϧ͕

Slide 12

Slide 12 text

JSͰϑΝʔϜΛॻ͖ࠐΉ Jonny-Fiveͱ͔ͱҧͬͯσόΠε಺Ͱಠཱͯ͠ಈ࡞

Slide 13

Slide 13 text

Espruino ɾϚΠίϯ্Ͱಈ͘JSͷΠϯλϓϦλ ɾnRF52Ͱಈ͘Α ɾESP32Ͱ΋ಈ͘Έ͍ͨ(ࢼͯ͠ͳ͍ࢼ͍ͨ͠) ɾEspruinoͷEspͱESP32ͷESP͸ؔ܎ͳ͍ ɾEspruinoΠϯετʔϧࡁΈͷϘʔυ΋ചͬͯΔ ɾPuck.js͸Espruino͕ಈ͍ͯΔͷͰ ϚΠίϯ্Ͱಠཱͯ͠ॲཧ͕ಈ͍͍ͯΔ

Slide 14

Slide 14 text

ϚΠίϯ্Ͱಈ͘ͷ͕Կ͕͍͍ͷ͔?

Slide 15

Slide 15 text

CORSͰμϝ΍ͬͨ લճͷʮԶʯ ࠓճͷʮԶʯ

Slide 16

Slide 16 text

CORSͰμϝ΍ͬͨ લճͷʮԶʯ ࠓճͷʮԶʯ HTTPར༻ͯͨ͠ͷͰ”ϒϥ΢βͷJS”Λ࢖ͬͯͨɻ͜ΕͰಠཱͯ͠͏͘͝

Slide 17

Slide 17 text

ϚΠίϯ্Ͱಈ͘ͷ͕Կ͕͍͍ͷ͔? + LINE Things࢖͏ͱ୯ମͰΠϯλʔωοτʹ޲͔͑Δ

Slide 18

Slide 18 text

Puck.js x LINE ThingsͷϋϚΓϙΠϯτ ɾҰ୴઀ଓΛղআ͠ͳ͍ͱΞυύλΠζͯ͘͠Εͳ͍ͬΆ͍

Slide 19

Slide 19 text

Puck.js x LINE ThingsͰແݶʹԶΛݺͿ

Slide 20

Slide 20 text

Puck.js x LINE ThingsͰແݶʹԶΛݺͿ Զ͘Μը૾ཚ਺

Slide 21

Slide 21 text

·ͱΊ ɾPuck.jsͱ͍͏Ϙλϯ͘Β͍ͷαΠζͷ σόΠε͕ ɾEspruinoͰJS on ϚΠίϯͷྲྀΕ͜ͳ ͍͔ͳ ɾPuck.js͕LINE ThingsରԠͯͨ͠ ɾPuck.jsͰ΋ٖࣅແݶPUSHͰ͖ͨ ɾPuck.js͸Ϙλϯి஑޻౻ͳͷͰిݯͳ ͍৔ॴͱ͔Ͱ΋࢖͑ͦ͏ɻ(Ϣʔεέʔεͦ Μͳʹࢥ͍ු͔ΜͰͳ͍)