SlideShare ist ein Scribd-Unternehmen logo
1 von 55
Downloaden Sie, um offline zu lesen
JavaScriptでIoT !! JS Board Shibuya #6 LTナイト!
SORACOM Air+RaspberryPi+
littleBits+IFTTTしてみる
ワンフットシーバス 田中正吾
私の話はスライドを後ほど共有します。
話す内容に注力いただいて大丈夫です!
自己紹介
田中正吾(たなかせいご)
屋号:ワンフットシーバス
2004年よりフリーランス。以後、FLASH制作を
中心にインタラクティブコンテンツを主に行い
現在に至る。
最近は、JavaScriptやHTML5アニメーション、
スマートフォン演出制作のワークフロー改善に
関わったりしていました。
デジタルサイネージやアプリ制作もやります。
今日やること
SORACOM Airとつないだ
Raspberry Piと
いろいろなAPIをつなげるIFTTT
と組み合わせて
ブロック感覚で電子工作できる
littleBitsをうごかすよ
という話をします!
しくみ
IFTTTの各通知をIFTTT MakerChannel経由で
Heroku中継サーバーに送ります
Heroku
中継サーバー
Heroku中継サーバーから
各デバイスにSocketIOを使って
複数に通知します
Heroku
中継サーバー
こうすることで基本1:1のIFTTTアクションを
1:n(複数)で送ることが出来てたのしい
1:n(複数)
Raspberry Pi 1台目
こんなかんじ
Raspberry Piは
USBモデム+SORACOM AirでLTE接続
littleBitsのArduinoモジュールで
Raspberry Piをやりとり
Arduino
LEDやボタンはlittleBitsモジュールで
ブロック的に組み上げます
中継サーバー側の
NodeJSコードの雰囲気
expressサーバーでSocketIO
(実際はHerokuで動かしている)
URL /ifttt_inputにIFTTT通知する
IFTTTから情報が来たら
デバイス側に命令を送っています
デバイス側のNodeJSコードの雰囲気
node-searialportでシンプルにやりとり
光らせる処理は特定の文字が来たら
Arduino側が光るようにしている
ほかにもシャットダウンやリブートも
そういえば、最近、
これで遠隔強制OFFデバイスも
つくりました。
Raspberry Pi 2台目
こんなかんじ
Raspberry Piは無線LANで
GPIOピン経由でlittleBitsと接続
GPIOピン
かなり直接やり取りしてる感ある
個人的にはArduinoのほうが安堵感ある
今回はピンの位置を
http://pinout.xyz/ で確認。
3v3 PowerとGroundと
BCM17ピンと使う
11か17ピンか分かりにくかったが
両方やってみたら17で
点灯したので17で対応(トライアンドエラー)
コードの雰囲気
GPIOにコマンドを直接叩いています
非同期にコマンド送れるexecsync便利
自分のNodeインストール諸事情で
「まだ」Nodeがrootで叩けなかったので
この施策をしました
onとoffのあたり
デモ
いよいよデモする
いよいよデモする
Heroku
中継サーバー
2台あるからどっちかは動いてほしい!
デモ1:Doボタン連携
Heroku
中継サーバー
デモ2:メール連携
(特定メールで通知)
Heroku
中継サーバー
デモ3:littleBits差し替え
LED サーボとか
まとめ
RaspberryPi+SORACOM Airだと置き場所など
自由がきいていろいろと夢が広がりそう
IFTTT MakerChannelでHerokuなどの
中継サーバーを作っておくと自由度がたかくなる
Heroku
中継サーバー
IFTTTはいろいろな情報を通知できるし、
簡単に組み替えできるのでたのしい
さらにSocketIOを利用しての
IFTTT複数デバイス通知はたのしい
Heroku
中継サーバー
littleBitsは
buttonusb power led
littleBitsはブロックぽく
button
usb power
led
dimmer
buzzer
littleBitsはブロックぽく
電子工作を組みかえできてたのしい
usb power dimmer buzzer
ご清聴いただきまして
ありがとうございました!

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

昨年にIoT可視化してみて考えたこと
昨年にIoT可視化してみて考えたこと昨年にIoT可視化してみて考えたこと
昨年にIoT可視化してみて考えたこと
 
Raspberry Pi Zero+SORACOM+littleBitsで手で持てそうなデバイスのプロトタイプを3Dプリンタと連携してやってみるよ
Raspberry Pi Zero+SORACOM+littleBitsで手で持てそうなデバイスのプロトタイプを3Dプリンタと連携してやってみるよRaspberry Pi Zero+SORACOM+littleBitsで手で持てそうなデバイスのプロトタイプを3Dプリンタと連携してやってみるよ
Raspberry Pi Zero+SORACOM+littleBitsで手で持てそうなデバイスのプロトタイプを3Dプリンタと連携してやってみるよ
 
littleBitsやWio NodeなどデバイスをNode-REDでBluemixにつなげてIoTする話
littleBitsやWio NodeなどデバイスをNode-REDでBluemixにつなげてIoTする話littleBitsやWio NodeなどデバイスをNode-REDでBluemixにつなげてIoTする話
littleBitsやWio NodeなどデバイスをNode-REDでBluemixにつなげてIoTする話
 
フリーランスミートアップ 20160903
フリーランスミートアップ 20160903フリーランスミートアップ 20160903
フリーランスミートアップ 20160903
 
Swift知識ゼロから3週間ですこし凝った地図アプリを作った話
Swift知識ゼロから3週間ですこし凝った地図アプリを作った話Swift知識ゼロから3週間ですこし凝った地図アプリを作った話
Swift知識ゼロから3週間ですこし凝った地図アプリを作った話
 
SINAP様 IoT×littleBitsブレスト
SINAP様 IoT×littleBitsブレストSINAP様 IoT×littleBitsブレスト
SINAP様 IoT×littleBitsブレスト
 
私的にチャットbotを導入してみてしばらく経ったのであれこれ話す(前半)
私的にチャットbotを導入してみてしばらく経ったのであれこれ話す(前半)私的にチャットbotを導入してみてしばらく経ったのであれこれ話す(前半)
私的にチャットbotを導入してみてしばらく経ったのであれこれ話す(前半)
 
デバイスネタをデモする時の便利実装とか注意点とかあれこれ
デバイスネタをデモする時の便利実装とか注意点とかあれこれデバイスネタをデモする時の便利実装とか注意点とかあれこれ
デバイスネタをデモする時の便利実装とか注意点とかあれこれ
 
Bpstudy#92 エンジニアの経営学
Bpstudy#92 エンジニアの経営学Bpstudy#92 エンジニアの経営学
Bpstudy#92 エンジニアの経営学
 
20150620 Creators Meetup29 『見えるようにする』から考えてみるデバイス・センサー連携をいくつか
20150620 Creators Meetup29 『見えるようにする』から考えてみるデバイス・センサー連携をいくつか20150620 Creators Meetup29 『見えるようにする』から考えてみるデバイス・センサー連携をいくつか
20150620 Creators Meetup29 『見えるようにする』から考えてみるデバイス・センサー連携をいくつか
 
2016初夏のJavaScript祭り20160514
2016初夏のJavaScript祭り201605142016初夏のJavaScript祭り20160514
2016初夏のJavaScript祭り20160514
 
Swiftのプロパティオブザーバを使い倒す
Swiftのプロパティオブザーバを使い倒すSwiftのプロパティオブザーバを使い倒す
Swiftのプロパティオブザーバを使い倒す
 
NodeREDでブロック的なビジュアルプログラミングに あれこれ思いを馳せてみる
NodeREDでブロック的なビジュアルプログラミングに あれこれ思いを馳せてみるNodeREDでブロック的なビジュアルプログラミングに あれこれ思いを馳せてみる
NodeREDでブロック的なビジュアルプログラミングに あれこれ思いを馳せてみる
 
20150516 CreatorsMeetup28 知育電子ブロック玩具littleBitsに私が知育された話
20150516 CreatorsMeetup28 知育電子ブロック玩具littleBitsに私が知育された話20150516 CreatorsMeetup28 知育電子ブロック玩具littleBitsに私が知育された話
20150516 CreatorsMeetup28 知育電子ブロック玩具littleBitsに私が知育された話
 
RaspberryPiとawsで取組んだ自作IoT
RaspberryPiとawsで取組んだ自作IoTRaspberryPiとawsで取組んだ自作IoT
RaspberryPiとawsで取組んだ自作IoT
 
さあ!Javascriptでデバイスとやりとりするよ!
さあ!Javascriptでデバイスとやりとりするよ!さあ!Javascriptでデバイスとやりとりするよ!
さあ!Javascriptでデバイスとやりとりするよ!
 
20141115 CreatorsMeetup22
20141115 CreatorsMeetup2220141115 CreatorsMeetup22
20141115 CreatorsMeetup22
 
いちフリーランスフロントエンドエンジニアがなぜIoTに触れているのか
いちフリーランスフロントエンドエンジニアがなぜIoTに触れているのかいちフリーランスフロントエンドエンジニアがなぜIoTに触れているのか
いちフリーランスフロントエンドエンジニアがなぜIoTに触れているのか
 
地域レポーター養成講座2016−1
地域レポーター養成講座2016−1地域レポーター養成講座2016−1
地域レポーター養成講座2016−1
 
JavaScript使いならきっととっつきやすいNode-REDについて
JavaScript使いならきっととっつきやすいNode-REDについてJavaScript使いならきっととっつきやすいNode-REDについて
JavaScript使いならきっととっつきやすいNode-REDについて
 

Andere mochten auch

Andere mochten auch (11)

ネットに繋いでIoTしよう
ネットに繋いでIoTしようネットに繋いでIoTしよう
ネットに繋いでIoTしよう
 
f3js - JS Board Shibuya #6 LT
f3js - JS Board Shibuya #6 LTf3js - JS Board Shibuya #6 LT
f3js - JS Board Shibuya #6 LT
 
Smart.js: JavaScript engine running on tiny MCU
Smart.js: JavaScript engine running on tiny MCUSmart.js: JavaScript engine running on tiny MCU
Smart.js: JavaScript engine running on tiny MCU
 
JS Board で IoT は楽勝か?
JS Board で IoT は楽勝か?JS Board で IoT は楽勝か?
JS Board で IoT は楽勝か?
 
JavaScriptでも鉄道模型
JavaScriptでも鉄道模型JavaScriptでも鉄道模型
JavaScriptでも鉄道模型
 
JS Board Shibuya #2 もくもく会「littleBitsとMilkcocoa」
JS Board Shibuya #2 もくもく会「littleBitsとMilkcocoa」JS Board Shibuya #2 もくもく会「littleBitsとMilkcocoa」
JS Board Shibuya #2 もくもく会「littleBitsとMilkcocoa」
 
JS Board Shibuya もくもく会#2
JS Board Shibuya もくもく会#2JS Board Shibuya もくもく会#2
JS Board Shibuya もくもく会#2
 
JavaScript と Arduino でオリジナルデバイスを作ろう
JavaScript と Arduino でオリジナルデバイスを作ろうJavaScript と Arduino でオリジナルデバイスを作ろう
JavaScript と Arduino でオリジナルデバイスを作ろう
 
暮らしに寄り添うラズパイケース
暮らしに寄り添うラズパイケース暮らしに寄り添うラズパイケース
暮らしに寄り添うラズパイケース
 
Webエンジニアのためのスマートホームハック ~ Node.js で家電とArduinoを操作 ~
Webエンジニアのためのスマートホームハック ~ Node.js で家電とArduinoを操作 ~Webエンジニアのためのスマートホームハック ~ Node.js で家電とArduinoを操作 ~
Webエンジニアのためのスマートホームハック ~ Node.js で家電とArduinoを操作 ~
 
はじめてのUnreal Engine 4
はじめてのUnreal Engine 4はじめてのUnreal Engine 4
はじめてのUnreal Engine 4
 

Ähnlich wie SORACOM Air+RaspberryPi+littleBits+IFTTTしてみる

Createjs jp study #4 20130726
Createjs jp study #4 20130726Createjs jp study #4 20130726
Createjs jp study #4 20130726
Seigo Tanaka
 
20140613 tanakaseigo dist3
20140613 tanakaseigo dist320140613 tanakaseigo dist3
20140613 tanakaseigo dist3
Seigo Tanaka
 
20140315_tanakaseigo_creator_meetup
20140315_tanakaseigo_creator_meetup20140315_tanakaseigo_creator_meetup
20140315_tanakaseigo_creator_meetup
Seigo Tanaka
 

Ähnlich wie SORACOM Air+RaspberryPi+littleBits+IFTTTしてみる (19)

IoT縛りの勉強会! IoTLT vol.18
IoT縛りの勉強会! IoTLT vol.18IoT縛りの勉強会! IoTLT vol.18
IoT縛りの勉強会! IoTLT vol.18
 
ひとまずHoloLensと自分の周辺技術(WEB・IoT)と混ぜた話
ひとまずHoloLensと自分の周辺技術(WEB・IoT)と混ぜた話ひとまずHoloLensと自分の周辺技術(WEB・IoT)と混ぜた話
ひとまずHoloLensと自分の周辺技術(WEB・IoT)と混ぜた話
 
20141220 CreatorsMeetup23
20141220 CreatorsMeetup2320141220 CreatorsMeetup23
20141220 CreatorsMeetup23
 
Wio LTEと連携できるGroveを普段の実体験から
Wio LTEと連携できるGroveを普段の実体験からWio LTEと連携できるGroveを普段の実体験から
Wio LTEと連携できるGroveを普段の実体験から
 
ペッパソン2017東の陣 Pepper x enebular x Milkcocoa Node-RED 資料
ペッパソン2017東の陣 Pepper x enebular x Milkcocoa Node-RED 資料ペッパソン2017東の陣 Pepper x enebular x Milkcocoa Node-RED 資料
ペッパソン2017東の陣 Pepper x enebular x Milkcocoa Node-RED 資料
 
IoT ChatOps #IoTLT
IoT ChatOps #IoTLTIoT ChatOps #IoTLT
IoT ChatOps #IoTLT
 
なにかが起きるで考えるWEB、そしてIoT・Mixed Reality
なにかが起きるで考えるWEB、そしてIoT・Mixed Realityなにかが起きるで考えるWEB、そしてIoT・Mixed Reality
なにかが起きるで考えるWEB、そしてIoT・Mixed Reality
 
HoloLensでIoT制御してみて感じる未来
HoloLensでIoT制御してみて感じる未来HoloLensでIoT制御してみて感じる未来
HoloLensでIoT制御してみて感じる未来
 
ウフル様 littleBits x Node-RED レクチャー資料
ウフル様 littleBits x Node-RED レクチャー資料ウフル様 littleBits x Node-RED レクチャー資料
ウフル様 littleBits x Node-RED レクチャー資料
 
Hack U TokyoTech 2016
Hack U TokyoTech 2016Hack U TokyoTech 2016
Hack U TokyoTech 2016
 
Python+Raspberry Piでロボット製作はじめました
Python+Raspberry Piでロボット製作はじめましたPython+Raspberry Piでロボット製作はじめました
Python+Raspberry Piでロボット製作はじめました
 
Adobe XDをHoloLensで表示させて考えるいろいろな可能性
Adobe XDをHoloLensで表示させて考えるいろいろな可能性Adobe XDをHoloLensで表示させて考えるいろいろな可能性
Adobe XDをHoloLensで表示させて考えるいろいろな可能性
 
Createjs jp study #4 20130726
Createjs jp study #4 20130726Createjs jp study #4 20130726
Createjs jp study #4 20130726
 
20140613 tanakaseigo dist3
20140613 tanakaseigo dist320140613 tanakaseigo dist3
20140613 tanakaseigo dist3
 
情報共有ツールお悩みNight #1 「情報共有ツール導入することがある私が導入されるときの話(とくに初動面)」
情報共有ツールお悩みNight #1 「情報共有ツール導入することがある私が導入されるときの話(とくに初動面)」情報共有ツールお悩みNight #1 「情報共有ツール導入することがある私が導入されるときの話(とくに初動面)」
情報共有ツールお悩みNight #1 「情報共有ツール導入することがある私が導入されるときの話(とくに初動面)」
 
20140315_tanakaseigo_creator_meetup
20140315_tanakaseigo_creator_meetup20140315_tanakaseigo_creator_meetup
20140315_tanakaseigo_creator_meetup
 
F#で動かすraspberry pi+lego mindstorms
F#で動かすraspberry pi+lego mindstormsF#で動かすraspberry pi+lego mindstorms
F#で動かすraspberry pi+lego mindstorms
 
HTML5/JS勉強会「HTML5/JavaScript ではじめるIoT」
HTML5/JS勉強会「HTML5/JavaScript ではじめるIoT」HTML5/JS勉強会「HTML5/JavaScript ではじめるIoT」
HTML5/JS勉強会「HTML5/JavaScript ではじめるIoT」
 
HTML5/JavaScript ではじめるIoT
HTML5/JavaScript ではじめるIoTHTML5/JavaScript ではじめるIoT
HTML5/JavaScript ではじめるIoT
 

Mehr von Seigo Tanaka

Mehr von Seigo Tanaka (6)

Facebook AR Studio ワークショップ&ハッカソン 2017
Facebook AR Studio ワークショップ&ハッカソン 2017Facebook AR Studio ワークショップ&ハッカソン 2017
Facebook AR Studio ワークショップ&ハッカソン 2017
 
HoloLens x IoT 試すときによくやる実装
HoloLens x IoT 試すときによくやる実装HoloLens x IoT 試すときによくやる実装
HoloLens x IoT 試すときによくやる実装
 
pepper&enebular&milkcocoa説明会(公開用)
pepper&enebular&milkcocoa説明会(公開用)pepper&enebular&milkcocoa説明会(公開用)
pepper&enebular&milkcocoa説明会(公開用)
 
HoloLensとBluetooth SensorTagをつなげた話
HoloLensとBluetooth SensorTagをつなげた話HoloLensとBluetooth SensorTagをつなげた話
HoloLensとBluetooth SensorTagをつなげた話
 
littleBitsをより楽しく出来る拡張を 作ったり試したりしている話をあれこれ
littleBitsをより楽しく出来る拡張を 作ったり試したりしている話をあれこれlittleBitsをより楽しく出来る拡張を 作ったり試したりしている話をあれこれ
littleBitsをより楽しく出来る拡張を 作ったり試したりしている話をあれこれ
 
すしルート inヒカ☆ラボ_「すし×うごく」_20160314
すしルート inヒカ☆ラボ_「すし×うごく」_20160314すしルート inヒカ☆ラボ_「すし×うごく」_20160314
すしルート inヒカ☆ラボ_「すし×うごく」_20160314
 

Kürzlich hochgeladen

Kürzlich hochgeladen (7)

Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 

SORACOM Air+RaspberryPi+littleBits+IFTTTしてみる