Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Puck.jsで無限に俺を呼ぶ #iotlt #linethings
Search
n0bisuke
July 19, 2019
Technology
0
820
Puck.jsで無限に俺を呼ぶ #iotlt #linethings
Puck.jsがLINE Things対応したということで!
https://iotlt.connpass.com/event/136552/
n0bisuke
July 19, 2019
Tweet
Share
More Decks by n0bisuke
See All by n0bisuke
WebHID APIでHIDデバイスをブラウザから制御!! #iotlt
n0bisuke
1
750
IFTTTが有料化したのでIntegromatの話 #iotlt
n0bisuke
0
620
M5Core2触ってみたけど上下注意 #iotlt vol67
n0bisuke
0
1.1k
PubNubを久々に使ってみたよ! #iotlt #m5stick #pubnub #djuko
n0bisuke
1
840
ATOM Echoでビデオ会議通知 #IoTLT
n0bisuke
0
580
オンラインLTをやってみた所感 #devreljp
n0bisuke
1
710
マイコンボード再活用なワイの配信環境 ~ラズパイやJetson Nanoを積ボードにしてる人必見~ #iotlt
n0bisuke
1
400
在宅テレカン時の 例の夫婦問題を解決する #iotlt #m5atom #m5stack
n0bisuke
1
900
嫁が来たらPCを閉じたいからアラートする #MiBand #RaspberryPi #iotlt
n0bisuke
1
950
Other Decks in Technology
See All in Technology
Javaで作る RAGを活用した Q&Aアプリケーション
recruitengineers
PRO
1
120
OpenHands🤲にContributeしてみた
kotauchisunsun
1
460
Witchcraft for Memory
pocke
1
440
Кто отправит outbox? Валентин Удальцов, автор канала Пых
lamodatech
0
350
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
3
220
A2Aのクライアントを自作する
rynsuke
1
190
5min GuardDuty Extended Threat Detection EKS
takakuni
0
150
Observability в PHP без боли. Олег Мифле, тимлид Altenar
lamodatech
0
360
Oracle Cloud Infrastructure:2025年6月度サービス・アップデート
oracle4engineer
PRO
2
260
AIのAIによるAIのための出力評価と改善
chocoyama
2
570
“社内”だけで完結していた私が、AWS Community Builder になるまで
nagisa53
1
400
米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
syoshie
2
1.1k
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
524
40k
A designer walks into a library…
pauljervisheath
207
24k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
KATA
mclloyd
29
14k
Into the Great Unknown - MozCon
thekraken
39
1.9k
Site-Speed That Sticks
csswizardry
10
660
A Tale of Four Properties
chriscoyier
160
23k
Visualization
eitanlees
146
16k
4 Signs Your Business is Dying
shpigford
184
22k
RailsConf 2023
tenderlove
30
1.1k
Transcript
@n0bisuke #iotlt vol53 at LINE Puck.jsͰԶΛແݶʹݺͿϘλϯΛ࡞Δ
ੁݪ ͷͼ͚͢ dotstudio, Inc. ɾWeb Engineer ɾMicrosoft MVP (Node.js) ɾLINE
API Expert ɾσδλϧϋϦουେֶେֶӃ ඇৗۈߨࢣ ɾࠃ࠷େIoTίϛϡχςΟʮIoTLTʯͷओ࠵ ɾϓϩτλΠϐϯάઐεΫʔϧ ʮProtoOut Studioʯ2ظੜืूத nobisuke sugawara
લճͱલʑճͷ͓͞Β͍ ถ: ࠓճͪΐͬͱϋΠίϯςΫετͰ͢ɻ vol51 LINE ThingsΛ͏ͱແݶ௨͕ Ͱ͖ΔɻϝϯϔϥBOT࡞ΕΔ vol52 Puck.jsͰԶΛݺͿϘλϯΛ࡞ͬͨ
LINE Things໊ ٖࣅແݶPUSH
ࢀߟ ϝϯϔϥʹଟ໊͍લϥϯΩϯά ˞શࠃͷ͓͞Γ͞Μ͝ΊΜͳ͍͞ɻ͕ݴͬͯΔΘ͚Ͱͳ͍Ͱ͢ɻ ϝϯϔϥͷಛతͳͭͷޱบ ˍ͔·ͬͯͪΌΜରॲ๏
None
Զ͘Μɺͬͯ·͔͢ʁ
Զ͘Μɺͬͯ·͔͢ʁ
Puck.js
Puck.js ͓͞Β͍ ɾPuck.jsͱ͍͏໊લ͚ͩͲJSϥΠϒϥϦͰͳ͍ ɾͦ͏͍͏໊લͷσόΠε ɾ͍͍ͪ͞ ɾϘλϯిۦಈ ɾnRFͷνοϓ͕ͷͬͯΔ ɾWebBluetoothͰ””ͭͳ͛ͯ։ൃ ɾGATTϓϩϑΝΠϧ͕͍͍ײ͡ʹΈࠐ·Ε͍ͯΔ งғؾ
ɾجຊϒϥβͷੈքʹͳΔ - ݫີʹ͍͏ͱࠓChrome
લճͷൃදͷޙ LINE Things StarterʹPuck.jsαϯϓϧ͕
JSͰϑΝʔϜΛॻ͖ࠐΉ Jonny-Fiveͱ͔ͱҧͬͯσόΠεͰಠཱͯ͠ಈ࡞
Espruino ɾϚΠίϯ্Ͱಈ͘JSͷΠϯλϓϦλ ɾnRF52Ͱಈ͘Α ɾESP32Ͱಈ͘Έ͍ͨ(ࢼͯ͠ͳ͍ࢼ͍ͨ͠) ɾEspruinoͷEspͱESP32ͷESPؔͳ͍ ɾEspruinoΠϯετʔϧࡁΈͷϘʔυചͬͯΔ ɾPuck.jsEspruino͕ಈ͍ͯΔͷͰ ϚΠίϯ্Ͱಠཱͯ͠ॲཧ͕ಈ͍͍ͯΔ
ϚΠίϯ্Ͱಈ͘ͷ͕Կ͕͍͍ͷ͔?
CORSͰμϝͬͨ લճͷʮԶʯ ࠓճͷʮԶʯ
CORSͰμϝͬͨ લճͷʮԶʯ ࠓճͷʮԶʯ HTTPར༻ͯͨ͠ͷͰ”ϒϥβͷJS”Λͬͯͨɻ͜ΕͰಠཱͯ͠͏͘͝
ϚΠίϯ্Ͱಈ͘ͷ͕Կ͕͍͍ͷ͔? + LINE Things͏ͱ୯ମͰΠϯλʔωοτʹ͔͑Δ
Puck.js x LINE ThingsͷϋϚΓϙΠϯτ ɾҰ୴ଓΛղআ͠ͳ͍ͱΞυύλΠζͯ͘͠Εͳ͍ͬΆ͍
Puck.js x LINE ThingsͰແݶʹԶΛݺͿ
Puck.js x LINE ThingsͰແݶʹԶΛݺͿ Զ͘Μը૾ཚ
·ͱΊ ɾPuck.jsͱ͍͏Ϙλϯ͘Β͍ͷαΠζͷ σόΠε͕ ɾEspruinoͰJS on ϚΠίϯͷྲྀΕ͜ͳ ͍͔ͳ ɾPuck.js͕LINE ThingsରԠͯͨ͠ ɾPuck.jsͰٖࣅແݶPUSHͰ͖ͨ
ɾPuck.jsϘλϯి౻ͳͷͰిݯͳ ͍ॴͱ͔Ͱ͑ͦ͏ɻ(Ϣʔεέʔεͦ Μͳʹࢥ͍ු͔ΜͰͳ͍)