すぐできる！JavaScriptでIoT！

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

すぐできる︕JavaScriptでIoT︕ 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

HTMLで動かす HTMLで動かす obniz.jsを読み込むだけ <script src="https://unpkg.com/obniz/obniz.js"></script> すぐできる︕JavaScriptでIoT︕ 

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

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

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

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

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

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

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

Step3. Node.jsで動かす Step3. Node.jsで動かす Step3. Node.jsを使ってLINE Step3. Node.jsを使ってLINE から動かすから動かす

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

⼿順（カンペ）⼿順（カンペ）サンプルソース説明 node実⾏ ngrok実⾏ LINE Developerコンソールのエンドポイント更新オウム返しBot実⾏ obniz対応参考︓Node.jsクイックスタート

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

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

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

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

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

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

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

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

すぐできる！JavaScriptでIoT！

すぐできる！JavaScriptでIoT！

More Decks by 田中みそ

Other Decks in Technology

Featured

Transcript