Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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︕