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

by n0bisuke

Slide 1

Slide 1 text

@n0bisuke #iotlt vol52 at ϝϧΧϦ 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

Puck.js

Slide 4

Slide 4 text

Puck.js ɾPuck.jsͱ͍͏໊લ͚ͩͲJSϥΠϒϥϦͰ͸ͳ͍ ɾͦ͏͍͏໊લͷσόΠε ɾ͍͍ͪ͞ ɾϘλϯి஑ۦಈ ɾnRFͷνοϓ͕ͷͬͯΔ

Slide 5

Slide 5 text

Puck.jsͷ։ൃ ɾWebBluetoothͰ”௚઀”ͭͳ͛ͯ։ൃ ɾGATTϓϩϑΝΠϧ͕͍͍ײ͡ʹ૊Έࠐ·Ε͍ͯΔ งғؾ ɾجຊ͸ϒϥ΢βͷੈքʹͳΔ - ݫີʹ͍͏ͱࠓ͸Chrome

Slide 6

Slide 6 text

GPIOͬΆ͍ͷ΋͋Δ໛༷

Slide 7

Slide 7 text

Puck.js ஌ͬͯͨΑʔͬͯਓʔʁ

Slide 8

Slide 8 text

Ͱ͢ΑͶɻ

Slide 9

Slide 9 text

೔ຊޠهࣄ͋Μ·Γͳ͍ɻ SSʹ΋ͳ͍ ٕదେৎ෉ͳΜ͔ͳ

Slide 10

Slide 10 text

ٕదେৎ෉ͳΜ͔ͳ -> େৎ෉ͩͬͨ (ൃදޙ௥ه) IoTLTͰൃදͨ͠Β ֬ূಘΒΕ·ͨ͠

Slide 11

Slide 11 text

Hello World

Slide 12

Slide 12 text

Hello World let on = true; LED1.write(on); γϯϓϧͰ͢Ͷ

Slide 13

Slide 13 text

ͦ΋ͦ΋ ԶΛݺͿϘλϯͯʁ

Slide 14

Slide 14 text

7/6ʹʮLINEͰԶΛݺ΂ΔϘλϯΛ࡞Ζ͏ʯϋϯζΦϯ͕͋Δ (Ṗ) ݩωλ

Slide 15

Slide 15 text

Զ͘Μɺ஌ͬͯ·͔͢ʁ

Slide 16

Slide 16 text

Զ͘Μɺ஌ͬͯ·͔͢ʁ

Slide 17

Slide 17 text

Զ͘Μɺ஌ͬͯ·͔͢ʁ

Slide 18

Slide 18 text

LINEͰԶΛݺ΂ΔϘλϯΛ࡞Ζ͏ ↓

Slide 19

Slide 19 text

LINEͰԶΛݺ΂ΔϘλϯΛ࡞Ζ͏ ↓ Puck.jsͱLINEͰԶΛݺΜͰΈΔ

Slide 20

Slide 20 text

LINEͰԶΛݺ΂ΔϘλϯΛ࡞Ζ͏ ↓ Puck.jsͱLINEͰԶΛݺΜͰΈΔ

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

CROSͰμϝ΍ͬͨ

Slide 23

Slide 23 text

ͨͿΜ͜Ε΋͍͚Δ (byલճ)

Slide 24

Slide 24 text

ϝϯϔϥBOT DEMO

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

·ͱΊ ɾPuck.jsͱ͍͏Ϙλϯ͘Β͍ͷαΠζͷσόΠε͕ ɾWeb BluetoothͰϓϩάϥϜͰ͖Δ ɾLINE Notify͸ϒϥ΢β͔ΒૹΕͳ͍͔΋(CORS) -> enebular࢖ͬͯΈͨ ɾPuck.jsͰԶΛݺ΂ΔͬΆ͍