GAS(Google Apps Script)がつくりだす JavaScriptとIoTハードウェアの禁断の関係 @秋のJavaScript祭 in mixi 2017

by pokiiio

Slide 1

Slide 1 text

GAS(Google Apps Script)がつくりだす JavaScriptとIoTハードウェアの禁断の関係 @秋のJavaScript祭 in mixi 2017 ポキオ

Slide 2

Slide 2 text

禁断ってなんだよ

Slide 3

Slide 3 text

ポキオとは ● Androidエンジニア ● Twitter : @pokiiio ● Blog : Androidのメモとか (http://relativelayout.hatenablog.com/ )

Slide 4

Slide 4 text

IoTLT Connpass最大の IoT関係の勉強会でちょいちょい登壇

Slide 5

Slide 5 text

デブサミ2017 コミュニティ展示をさせていただきました

Slide 6

Slide 6 text

de:code 2017 前夜祭(day0) LTしてきました

Slide 7

Slide 7 text

dotstudioさんで記事も公開京急ネタです

Slide 8

Slide 8 text

ハンズオン会も開催してます IoTの楽しさを広める活動

Slide 9

Slide 9 text

KQ-IoT

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

京急は神 *個人の感想です

Slide 12

Slide 12 text

KQ : Keikyu 京急好きの京急好きによる京急好きのためのIoTガジェット俺得だっていいじゃないか、にんげんだもの

Slide 13

Slide 13 text

K: クソみたいな Q: クオリティ凝ったことはしない、最小工数でやりきる、たまに力尽くクソコードだって、動けばいいよ、にんげんだもの

Slide 14

Slide 14 text

KQ-IoT

Slide 15

Slide 15 text

はい

Slide 16

Slide 16 text

IoTの話

Slide 17

Slide 17 text

Wi-Fiが使えるマイコンボードがいっぱいある

Slide 18

Slide 18 text

Raspberry Pi 3 Model B https://www.raspberrypi.org/ ESPr Developer https://www.switch-science.com/catalog/2500/ Nefry BT https://dotstud.io/shop/nefry-bt-single/ ESP32-DevKitC http://akizukidenshi.com/catalog/g/gM-11819/

Slide 19

Slide 19 text

そもそもマイコンボードって何ができるの？

Slide 20

Slide 20 text

マイコンボード INPUT OUTPUT センサー各種電気信号時間トリガー LED スピーカーディスプレイ電気信号

Slide 21

Slide 21 text

たとえば「リモコンの操作」 ①ボタンを押す ②ボタンが押されたことを検知 ③赤外発光ダイオードを特定の光らせ方で光らせる ④赤外発光ダイオードが光る ⑤チャンネルが変わる

Slide 22

Slide 22 text

たとえば「リモコンの操作」 ①ボタンを押す ②ボタンが押されたことを検知 ③赤外発光ダイオードを特定の光らせ方で光らせる ④赤外発光ダイオードが光る ⑤チャンネルが変わる INPUT OUTPUT それに応じて

Slide 23

Slide 23 text

マイコンボード INPUT OUTPUT センサー各種電気信号時間トリガー HTTP-GET LED スピーカーディスプレイ電気信号 HTTP-POST 「HogeなINPUTがあったら、FugaなOUTPUTをする」みたいなロジックを自由にプログラムできる！ Wi-Fi付きマイコンボードならHTTP-GET/POSTも！

Slide 24

Slide 24 text

このプログラミングを JSで行えるのが…

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

JavaScriptでIoTができる！ ● Jonny-Fiveはnode.js上で動作する ● JavaScriptでコーディングするとマイコンボードの GPIO（入出力端子）をコントロールできる ● node.js⇔マイコンボードはFirmataというプロトコルで通信する

Slide 27

Slide 27 text

JavaScriptでIoTができる！ ● Jonny-Fiveはnode.js上で動作する ● JavaScriptでコーディングするとマイコンボードの GPIO（入出力端子）をコントロールできる ● node.js⇔マイコンボードはFirmataというプロトコルで通信するただし大きな制約が

Slide 28

Slide 28 text

マイコンボードによっては母艦PC必須マイコンボード OS タスクタスクタスク Raspberry Pi 3 Model B マイコンボードタスク ESPr Developer Nefry BT ESP32-DevKitC ※マルチタスク可能な子もある

Slide 29

Slide 29 text

マイコンボードによっては母艦PC必須マイコンボード OS タスクタスクタスク Raspberry Pi 3 Model B ● Raspberry Pi上ではOSが走る ● OSがnode.jsやJohnny-Fiveをサポートすれば Raspberry Pi単体でJohnny-FiveによるGPIOの操作が可能

Slide 30

Slide 30 text

マイコンボードによっては母艦PC必須マイコンボード OS タスクタスクタスク Raspberry Pi 3 Model B ● Raspberry Pi上ではOSが走る ● OSがnode.jsやJohnny-Fiveをサポートすれば Raspberry Pi単体でJohnny-FiveによるGPIOの操作が可能ラズパイは大丈夫

Slide 31

Slide 31 text

マイコンボードによっては母艦PC必須マイコンボードタスク ● 非力なマイコンボードだとOSなし ● もちろんnode.jsもだめ ● Johnny-Fiveでプログラミングするには別途PC等が必要 ● PCとマイコンボードはUSB接続 or Wi-Fi接続が必要

Slide 32

Slide 32 text

マイコンボードによっては母艦PC必須マイコンボードタスク ● 非力なマイコンボードだとOSなし ● もちろんnode.jsもだめ ● Johnny-Fiveでプログラミングするには別途PC等が必要 ● PCとマイコンボードはUSB接続 or Wi-Fi接続が必要 IoT感が薄れる

Slide 33

Slide 33 text

IoTでJSをもっと使いたいなぁ…

Slide 34

Slide 34 text

そこでGAS

Slide 35

Slide 35 text

Google Apps Script https://www.google.com/script/start/

Slide 36

Slide 36 text

Google Apps Script ● JSベース ● Googleが提供するサーバサイドスクリプト環境 ● 雑に言うとGoogle版VBA：Google Suiteとの連携が簡単にできる ● オレオレWebAPIが無料で簡単に作れる

Slide 37

Slide 37 text

例：電車遅延通知ガジェット ②HTTP-GET ③情報取得 ⑤GPIOを操作 LEDを点灯 ①定期的に処理を開始 ④情報をパース遅延情報サーバー

Slide 38

Slide 38 text

例：電車遅延通知ガジェット ②HTTP-GET ③情報取得 ⑤GPIOを操作 LEDを点灯 ①定期的に処理を開始 ④情報をパース遅延情報サーバー AUTHとかあるとだるいパースとかだるい

Slide 39

Slide 39 text

例：電車遅延通知ガジェット ②HTTP-GET ⑥何色に光らせるか通知 ⑦言われるがままにLEDを光らせる ①定期的に処理を開始遅延情報サーバー GAS ③さらに HTTP-GET ④情報取得 ⑤情報をパース

Slide 40

Slide 40 text

例：電車遅延通知ガジェット ②HTTP-GET ⑥何色に光らせるか通知 ⑦言われるがままにLEDを光らせる ①定期的に処理を開始遅延情報サーバー GAS ③さらに HTTP-GET ④情報取得 ⑤情報をパース面倒な処理は GASでやっちゃうマイコンは言われるがままに LEDをを光らせる

Slide 41

Slide 41 text

Pros. ● Google Apps Script ○ 無料 ○ 簡単にAPIを作れる ○ JavaScript ● マイコンボード ○ マイコンで難しい処理をする必要がない ○ ロジック変更はGASをいじるだけ ○ 簡単に複数台対応できる

Slide 42

Slide 42 text

Cons. ● 全部JavaScriptで書けるわけではない ○ マイコンボード上の実装は Arduino言語を… ○ ちょっと長い…（なんとかライブラリ化したい） ● 基本的にトリガーはマイコンボードから書ける必要がある ○ リアルタイム性がアレ ○ ユースケースによっては許容できる

Slide 43

Slide 43 text

デモ

Slide 44

Slide 44 text

構成 ②HTTP-GET ③何色に光らせるか通知 ④言われるがままにLEDを光らせる ①定期的に処理を開始 GAS モバイルルーター経由

Slide 45

Slide 45 text

ESP8266側のコード（一部） #include #include #include #define PIN 4 #define NUMLED 1 #define SSID "xxxxx" #define PASSWORD "xxxxx" #define HTTPS_PORT 443 #define HOST "script.google.com" #define URL "/macros/s/xxxxx/exec" #define FINGERPRINT "08:9E:B2:B8:77:37:3E:85:26:09:CA:29:13:D2:B0:57:26:DE:C4:6D" #define INTERVAL_SEC 5

Slide 46

Slide 46 text

HTTPSRedirect* client = nullptr; Adafruit_NeoPixel pixels = Adafruit_NeoPixel(NUMLED, PIN, NEO_RGB + NEO_KHZ800); void setup() { // Serialの初期化 Serial.begin(115200); Serial.println(""); // マイコン内蔵RGB LEDの初期化 pixels.begin(); // Wi-Fi接続開始 connectWifi(); } void loop() { // Google Apps Scriptを叩く String result = doRedirectGet(); // サフィックスを念のため確認 if (!result.startsWith("pokio")) { delay(INTERVAL_SEC * 1000); return; } // 光る letMeBlink(result); } 続きはこちら… https://github.com/pokiiio/2017-11-19_JSFES

Slide 47

Slide 47 text

GAS側のコード function doGet() { return ContentService.createTextOutput("pokio,255,0,0"); } デモでは色を決め打ちで…

Slide 48

Slide 48 text

サマリ ● IoTやらマイコンボードをJSで扱える環境が増えている ● 一番楽なのはRaspberry Pi+Johnny-Fiveだと思う ● GASもユースケースによっては有用 ● マイコンボードは触らずにGASだけ触れば挙動の変更ができる

Slide 49

Slide 49 text

Thank you