Slide 1

Slide 1 text

すぐできる︕ すぐできる︕ JavaScriptでIoT︕ JavaScriptでIoT︕ すぐできる︕JavaScriptでIoT︕ 

Slide 2

Slide 2 text

すぐできる︕JavaScriptでIoT︕ 

Slide 3

Slide 3 text

IoT開発のイメージ IoT開発のイメージ すぐできる︕JavaScriptでIoT︕ 

Slide 4

Slide 4 text

Arduino Arduino すぐできる︕JavaScriptでIoT︕ 

Slide 5

Slide 5 text

Arduino Arduino それ単体ではWeb通信が出来ないので、IoTの 「I(Internet)」の要素が抜けています。 すぐできる︕JavaScriptでIoT︕ 

Slide 6

Slide 6 text

ESP32 ESP32 すぐできる︕JavaScriptでIoT︕ 

Slide 7

Slide 7 text

ESP32 ESP32 Wi-FiとBluetoothがついたArduino M5Stackなど、これをベースにしたデバイス多数あ り 安い。国内1500円、海外500円ぐらいで買える すぐできる︕JavaScriptでIoT︕ 

Slide 8

Slide 8 text

つらみポイント つらみポイント Cっぽいの(スケッチ)を書かなきゃいけない… ドライバー⼊れたり開発環境構築つらい… プログラム書き換えたら、⼀々デバイスを繋いで 書き込みしないといけないののつらい… すぐできる︕JavaScriptでIoT︕ 

Slide 9

Slide 9 text

Raspberry Pi Raspberry Pi すぐできる︕JavaScriptでIoT︕ 

Slide 10

Slide 10 text

つらみポイント つらみポイント IoTというか、GPIO(トゲトゲしてるとこ) がついてるサーバー OSやミドルウェアの環境管理つらい… すぐできる︕JavaScriptでIoT︕ 

Slide 11

Slide 11 text

なかなかサクッと なかなかサクッと IoTできない >< IoTできない >< そんなあなたにおすすめしたいのが… すぐできる︕JavaScriptでIoT︕ 

Slide 12

Slide 12 text

すぐできる︕JavaScriptでIoT︕ 

Slide 13

Slide 13 text

obnizとは obnizとは ざっくり⾔うとJavaScriptですぐ動くIoTデバイス すぐできる︕JavaScriptでIoT︕ 

Slide 14

Slide 14 text

「すぐ動く」 「すぐ動く」 obnizを買ってからデバイス上やることとしては、 電源ケーブル(MicroUSB)を挿す PCからでもモバイルバッテリーでもOK Wi-Fiを設定する(初回のみ) 本体に簡単なスイッチとディスプレイがあり、 デバイス⾃体で設定できる 使いたい電⼦パーツを挿す すぐできる︕JavaScriptでIoT︕ 

Slide 15

Slide 15 text

以上。 以上。 あとはソフトウェア側でなんやかんやします すぐできる︕JavaScriptでIoT︕ 

Slide 16

Slide 16 text

obnizを構成する要素 obnizを構成する要素 obniz OS obniz Cloud obniz SDK すぐできる︕JavaScriptでIoT︕ 

Slide 17

Slide 17 text

obnizを構成する要素 obnizを構成する要素 すぐできる︕JavaScriptでIoT︕ 

Slide 18

Slide 18 text

obnizを構成する要素 obnizを構成する要素 すぐできる︕JavaScriptでIoT︕ 

Slide 19

Slide 19 text

obniz OS obniz OS デバイス⽤OS obniz Cloudへの接続が役割 8ケタ数字のIDを持っている アクセストークンを発⾏してセキュリティ強化 もできる︕ すぐできる︕JavaScriptでIoT︕ 

Slide 20

Slide 20 text

obniz Cloud obniz Cloud obniz OSと連携してハードウェアを操作するAPIを 提供 obnizの本体とも⾔える部分 ユーザー認証やオンラインエディタなどのウェブサ ービスも提供 すぐできる︕JavaScriptでIoT︕ 

Slide 21

Slide 21 text

obniz SDK obniz SDK obniz CloudのAPIを各プログラム⾔語で利⽤するた めのSDK JSとPythonがある obniz Cloud API(Web Socket)を各⾔語でラップ したもの すぐできる︕JavaScriptでIoT︕ 

Slide 22

Slide 22 text

個⼈的な推しポイント 個⼈的な推しポイント JavaScriptだけで完結できる︕ プログラムをデバイスに書き込まず、 ローカPCやクラウド上で動かすことができる︕ すぐできる︕JavaScriptでIoT︕ 

Slide 23

Slide 23 text

obnizの動かし⽅ obnizの動かし⽅ HTMLで動かす Node.jsで動かす すぐできる︕JavaScriptでIoT︕ 

Slide 24

Slide 24 text

HTMLで動かす HTMLで動かす obniz.jsを読み込むだけ すぐできる︕JavaScriptでIoT︕ 

Slide 25

Slide 25 text

Node.jsで動かす Node.jsで動かす obnizをインストールするだけ npm install obniz すぐできる︕JavaScriptでIoT︕ 

Slide 26

Slide 26 text

DEMO DEMO すぐできる︕JavaScriptでIoT︕ 

Slide 27

Slide 27 text

Step1. Lチカ Step1. Lチカ (Hello World) (Hello World) すぐできる︕JavaScriptでIoT︕ 

Slide 28

Slide 28 text

⼿順(カンペ) ⼿順(カンペ) まずはIoTでのHello WorldことLチカです。 obnizパーツライブラリからLEDを開く obnizにLEDをさす (抵抗つきLEDじゃないとダメ、絶対︕) obniz IDを打ち込んでLチカ https://obniz.io/ja/sdk/parts すぐできる︕JavaScriptでIoT︕ 

Slide 29

Slide 29 text

Step2. HTMLから動かす Step2. HTMLから動かす すぐできる︕JavaScriptでIoT︕ 

Slide 30

Slide 30 text

⼿順(カンペ) ⼿順(カンペ) クイックスタート -> obniz, HTML5 下の⽅のソースコピー index.htmlを作成して貼り付け ブラウザで開く >ope in def(>open in default browserの意) https://obniz.io/ja/lessons/lessons/quickstar すぐできる︕JavaScriptでIoT︕ 

Slide 31

Slide 31 text

Step3. Node.jsで動かす Step3. Node.jsで動かす すぐできる︕JavaScriptでIoT︕ 

Slide 32

Slide 32 text

Step3. Node.jsで動かす Step3. Node.jsで動かす Step3. Node.jsを使ってLINE Step3. Node.jsを使ってLINE から動かす から動かす すぐできる︕JavaScriptでIoT︕ 

Slide 33

Slide 33 text

こんなかんじで こんなかんじで すぐできる︕JavaScriptでIoT︕ 

Slide 34

Slide 34 text

⼿順(カンペ) ⼿順(カンペ) サンプルソース説明 node実⾏ ngrok実⾏ LINE Developerコンソールのエンドポイント更新 オウム返しBot実⾏ obniz対応 参考︓Node.jsクイックスタート すぐできる︕JavaScriptでIoT︕ 

Slide 35

Slide 35 text

require インスタンス化 コネクトをawaitに await obniz.connectWait() パーツライブラリからコピペ 実⾏ https://obniz.io/ja/lessons/server_side/ https://obniz.io/ja/doc/sdk/doc/connect https://obniz.io/ja/sdk/parts すぐできる︕JavaScriptでIoT︕ 

Slide 36

Slide 36 text

obnizでIoTを obnizでIoTを はじめるにあたって はじめるにあたって すぐできる︕JavaScriptでIoT︕ 

Slide 37

Slide 37 text

デバイスは何を買えばいい︖ デバイスは何を買えばいい︖ ⼤きく分けて純正ボードとESP32系汎⽤デバイスの 2通り がオススメ ESP32系デバイスは汎⽤性があるものの、 obnizを使うには になる 純正ボード Amazonでも買える サブスクリプションライセン ス すぐできる︕JavaScriptでIoT︕ 

Slide 38

Slide 38 text

電⼦パーツはどこで買えばい 電⼦パーツはどこで買えばい い︖ い︖ obnizの に購⼊先へのリン クあり パーツライブラリページ 秋⽉電⼦通商 秋葉に実店舗あり SWITCH SCIENCE すぐできる︕JavaScriptでIoT︕ 

Slide 39

Slide 39 text

電⼦パーツはどこで買えばい 電⼦パーツはどこで買えばい い︖ い︖ 安く済ませたいなら (海外通販) 国内の半額〜1/10ぐらいで買える 送料も無料のものが多い 届くまで約3週間 そしてたまに届かない AliExpress すぐできる︕JavaScriptでIoT︕ 

Slide 40

Slide 40 text

ここまで簡単にJavaScriptで ここまで簡単にJavaScriptで IoTが始められる時代に IoTが始められる時代に なっています︕ なっています︕ すぐできる︕JavaScriptでIoT︕ 

Slide 41

Slide 41 text

(宣伝)LINE API HANDBOOK (宣伝)LINE API HANDBOOK LINE API Expert 11名で書いた350Pの鈍器。 BOOTHにて電⼦版販売中(1,500円) https://booth.pm/ja/items/1573526 すぐできる︕JavaScriptでIoT︕ 

Slide 42

Slide 42 text

ご清聴ありがとうございました︕ ご清聴ありがとうございました︕ すぐできる︕JavaScriptでIoT︕   