LINE Thingsシナリオセットジェネレータを作った時にハマった話 #enebular
by
n0bisuke
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
@n0bisuke #enebular 2019/6/27 LINE Things γφϦΦηοτδΣωϨʔλΛ enebularͰ࡞ͬͨ࣌ʹϋϚͬͨ
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
ϓϩτλΠϐϯάεΫʔϧʮProtoOut Studioʯ
Slide 4
Slide 4 text
LINE Thingsͬͯ·͔͢?
Slide 5
Slide 5 text
LINE Things ɾLINEΞϓϦ͕BLEػثͱͭͳ͕ΔΑ͏ʹͳΔͭ ɾLINE BOTͷLIFFͰར༻ ɾϑϩϯτΤϯυͷJavaScriptͰهड़ ɾWeb Bluetoothͷ༷ʹۙͦ͏(΄΅ಉͬ͡Ά͍) ɾLINE Things͍ͬͯ͏৽͍͠IoT HubσόΠε͕ग़ ͨ༁Ͱͳ͍ʢ࠷ॳ໊લฉ͍ͨ࣌ͦΜͳҹͩͬͨ ɾࡢ ઌिൃද͞Ε͔ͨΓ (IoTLT vol45ͷൃදࢿྉΑΓ)
Slide 6
Slide 6 text
(IoTLT vol45ͷൃදࢿྉΑΓ) σϞ - Grove LED Bar
Slide 7
Slide 7 text
LINE Thingsࣗಈ௨৴ػೳ ɾLIFFແ͠Ͱಈ͘Α͏ʹͳͬͨLINE Things ɾࠓ·ͰͷWeb BLE <-> ͜ΕMessaging API ɾLINEΞϓϦ্ཱͪ͛ͳ͍Ͱ௨Ͱ͖Δ ɾ2019/5/10ϦϦʔε
Slide 8
Slide 8 text
LINE Things Messageͷ γφϦΦηοτ࡞ͱ͍͏ͷ͕ͪΐͬͱΊΜͲ͍ curl -> response -> curl -> response
Slide 9
Slide 9 text
GUIͰΕΔͭΛ࡞ͬͨ n0bisuke/linethingsgen
Slide 10
Slide 10 text
ͬͯΈͯΒͬͨ https://twitter.com/4_suke/status/1143109887775297536 https://twitter.com/hktechno/status/1143111449176207360
Slide 11
Slide 11 text
ߏͬΆ͍(͜͏͔ͨͬͨ͠) ϑϩϯτ(ϒϥβଆ) ɾNuxt.js ɾBuefy ɾGitHub Pages CORSͰݫ͍͠ ❌ CORS=ͬ͘͟Γ͍͏ͱϒϥβ͔ΒͷΞΫηεΛAPIଆ੍͕ݶ
Slide 12
Slide 12 text
ߏͬΆ͍ ϑϩϯτ(ϒϥβଆ) ɾNuxt.js ɾBuefy ɾGitHub Pages CORSαʔόʔαΠυ͔ΒͷϦΫΤετͩͱجຊͳ͍ enebularΛϓϩع࢜ʹ͢Δ
Slide 13
Slide 13 text
ϊʔυհ
Slide 14
Slide 14 text
·ͬͨͱ͜Ζ ɾLINE ThingsͷϓϩμΫτIDͱݺΕΔͷ͕มͳʹͳͬͨ ɾcurlͩͱେৎͳͷʹenebularͩͱมʹͳͬͨ…
Slide 15
Slide 15 text
·ͬͨͱ͜Ζ ɾLINE ThingsͷϓϩμΫτIDͱݺΕΔͷ͕มͳʹͳͬͨ ɾcurlͩͱେৎͳͷʹenebularͩͱมʹͳͬͨ… curlͩͱ 6542459072121616478 ͕ enebularͰΈΔͱ 6542459072121600000 తͳ
Slide 16
Slide 16 text
·ͬͨͱ͜Ζ ɾLINE ThingsͷϓϩμΫτIDͱݺΕΔͷ͕มͳʹͳͬͨ ɾcurlͩͱେৎͳͷʹenebularͩͱมʹͳͬͨ… curlͩͱ 6542459072121616478 ͕ enebularͰΈΔͱ 6542459072121600000 తͳ LINE? enebular? NodeRED? JavaScript? ύοͱͲ͕͜ݪҼ͔Θ͔Δਓ͍·͢?
Slide 17
Slide 17 text
݁Ռ JavaScriptͷNumberܕͷ༷Β͍͠
Slide 18
Slide 18 text
TwitterͷAPIIDΛจࣈྻΛ༻ҙ͍ͯ͠Δ id_strΈ͍ͨͳΩʔ΄͍͠Ͷ
Slide 19
Slide 19 text
·ͱΊ ɾLINE Things γφϦΦηοτδΣωϨʔλͬͯΈͯͶ ɾenebular͕ಈ͔ͳ͍ -> NodeRED -> JS -> APIଆͬͯײ͡Ͱٙ͏ ɾAPI࡞ΔਓNumberؾΛ͚ͭͯͶ