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
630
M5Core2触ってみたけど上下注意 #iotlt vol67
n0bisuke
0
1.1k
PubNubを久々に使ってみたよ! #iotlt #m5stick #pubnub #djuko
n0bisuke
1
850
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
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
270
東京海上日動におけるセキュアな開発プロセスの取り組み
miyabit
0
200
生成AIを活用した野球データ分析 - メジャーリーグ編 / Baseball Analytics for Gen AI
shinyorke
PRO
1
240
機械学習を「社会実装」するということ 2025年夏版 / Social Implementation of Machine Learning July 2025 Version
moepy_stats
1
1.4k
KCD Lima: eBee in Peru!
lizrice
0
110
ファインディにおける Dataform ブランチ戦略
hiracky16
0
210
なぜAI時代に 「イベント」を中心に考えるのか? / Why focus on "events" in the age of AI?
ytake
2
800
The Madness of Multiple Gemini CLIs Developing Simultaneously with Jujutsu
gunta
1
2.8k
Expertise as a Service via MCP
yodakeisuke
1
160
claude codeでPrompt Engineering
iori0311
0
530
Step Functions First - サーバーレスアーキテクチャの新しいパラダイム
taikis
1
280
隙間時間で爆速開発! Claude Code × Vibe Coding で作るマニュアル自動生成サービス
akitomonam
2
200
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
We Have a Design System, Now What?
morganepeng
53
7.7k
Site-Speed That Sticks
csswizardry
10
730
It's Worth the Effort
3n
185
28k
The Language of Interfaces
destraynor
158
25k
Music & Morning Musume
bryan
46
6.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Docker and Python
trallard
45
3.5k
A Modern Web Designer's Workflow
chriscoyier
695
190k
How to Ace a Technical Interview
jacobian
278
23k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
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Ϙλϯి౻ͳͷͰిݯͳ ͍ॴͱ͔Ͱ͑ͦ͏ɻ(Ϣʔεέʔεͦ Μͳʹࢥ͍ු͔ΜͰͳ͍)