すぐできる！JavaScriptでIoT！

Transcript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    

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

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

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

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

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

    すぐできる︕JavaScriptでIoT︕ 

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

    すぐできる︕JavaScriptでIoT︕ 

21. obniz SDK obniz SDK obniz CloudのAPIを各プログラム⾔語で利⽤するた めのSDK JSとPythonがある obniz Cloud

    API（Web Socket）を各⾔語でラップ したもの すぐできる︕JavaScriptでIoT︕ 

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

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

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

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

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

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

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

    すぐできる︕JavaScriptでIoT︕ 

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

30. ⼿順（カンペ） ⼿順（カンペ） クイックスタート -> obniz, HTML5 下の⽅のソースコピー index.htmlを作成して貼り付け ブラウザで開く >ope

    in def（>open in default browserの意） https://obniz.io/ja/lessons/lessons/quickstar すぐできる︕JavaScriptでIoT︕ 

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

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

    すぐできる︕JavaScriptでIoT︕ 

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

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

    すぐできる︕JavaScriptでIoT︕ 

35. 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︕ 

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

37. デバイスは何を買えばいい︖ デバイスは何を買えばいい︖ ⼤きく分けて純正ボードとESP32系汎⽤デバイスの 2通り がオススメ ESP32系デバイスは汎⽤性があるものの、 obnizを使うには になる 純正ボード Amazonでも買える

    サブスクリプションライセン ス すぐできる︕JavaScriptでIoT︕ 

38. 電⼦パーツはどこで買えばい 電⼦パーツはどこで買えばい い︖ い︖ obnizの に購⼊先へのリン クあり パーツライブラリページ 秋⽉電⼦通商 秋葉に実店舗あり

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

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

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

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

41. （宣伝）LINE API HANDBOOK （宣伝）LINE API HANDBOOK LINE API Expert 11名で書いた350Pの鈍器。

    BOOTHにて電⼦版販売中（1,500円） https://booth.pm/ja/items/1573526 すぐできる︕JavaScriptでIoT︕ 

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