Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Puck.jsで無限に俺を呼ぶ #iotlt #linethings
Search
n0bisuke
July 19, 2019
Technology
870
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Puck.jsで無限に俺を呼ぶ #iotlt #linethings
Puck.jsがLINE Things対応したということで!
https://iotlt.connpass.com/event/136552/
n0bisuke
July 19, 2019
Transcript
21 slides
@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Ϙλϯి౻ͳͷͰిݯͳ ͍ॴͱ͔Ͱ͑ͦ͏ɻ(Ϣʔεέʔεͦ Μͳʹࢥ͍ු͔ΜͰͳ͍)
More Decks by n0bisuke
See All by n0bisuke
WebHID APIでHIDデバイスをブラウザから制御!! #iotlt
n0bisuke
1
840
IFTTTが有料化したのでIntegromatの話 #iotlt
n0bisuke
0
720
M5Core2触ってみたけど上下注意 #iotlt vol67
n0bisuke
0
1.2k
PubNubを久々に使ってみたよ! #iotlt #m5stick #pubnub #djuko
n0bisuke
1
970
ATOM Echoでビデオ会議通知 #IoTLT
n0bisuke
0
680
オンラインLTをやってみた所感 #devreljp
n0bisuke
1
810
マイコンボード再活用なワイの配信環境 ~ラズパイやJetson Nanoを積ボードにしてる人必見~ #iotlt
n0bisuke
1
470
在宅テレカン時の 例の夫婦問題を解決する #iotlt #m5atom #m5stack
n0bisuke
1
980
嫁が来たらPCを閉じたいからアラートする #MiBand #RaspberryPi #iotlt
n0bisuke
1
1.1k
Other Decks in Technology
See All in Technology
AI時代に求められる優秀なTechLeadの振る舞い
pospome
11
16k
並列度を下げたら速くなった — go build の重複コンパイルを実測で見る
tomoaki25
2
1.2k
Kiro IDE 入門 (画面の各部から、頼み方、任せ方、戻し方まで) | 目指せ Kiro マスター 02
inariku
PRO
4
230
SSFの現在地 ― CAEP/RISCからAI Identityへ
oidfj
0
430
Shared Signals Framework 仕様解説
oidfj
0
430
ゼロから作るWebアプリの新定番!?Amplify Gen 2 × AWS Blocksで実現する「開発速度とRDBの柔軟性のいいとこ取り」
amixedcolor
1
250
【Oracle AI SPOTLIGHT ウェビナー】【特別開催:日本語で解説!】Oracle AI World 2026 最新情報フィードバック
oracle4engineer
PRO
1
210
bpf_arenaとstruct_opsを使うのが難しかった話
masu_mi
0
230
Gifu WordPress Meetup #200 に向けて、私たちには何ができるだろうか?/ 2026-11-07 Gifu WordPress Meetup
torounit
0
290
JAWS_FESTA2026_オンプレ-AWS間プロキシサーバの移行_性能_障害対応で得た実践ノウハウ_高島一晃.pdf
tkazuaki0820
1
120
Datadog の権限統制 〜Org 統合に向けて調べた注意点 / JDDUG-Meetup_24
visional_engineering_and_design
1
120
JAWSコミュニティに 参加して1年経った結果
ssakita
0
140
Featured
See All Featured
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
4
4.4k
Designing for Timeless Needs
cassininazir
1
560
The Curse of the Amulet
leimatthew05
4
17k
RailsConf 2023
tenderlove
30
1.6k
The Limits of Empathy - UXLibs8
cassininazir
2
780
Color Theory Basics | Prateek | Gurzu
gurzu
1
520
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
380
What does AI have to do with Human Rights?
axbom
PRO
1
2.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
Raft: Consensus for Rubyists
vanstee
143
7.9k
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
280
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.2k