スマホでNode-RED

2022年6月15日ビジュアルプログラミングIoTLT vol.11発表資料

スマホにアプリを入れてNode-RED開発してみた記録です。

Transcript

1. スマホでNode-RED
   ビジュアルプログラミングIoTLT vol.11
   2022年6月15日
   Ozaki
   

   View Slide

2. 自己紹介
    広島県の非IT企業の社内情報システム部門所属
    元プログラマーのなんちゃってエンジニア
    2018年からIoTに興味持つ
    IoTLT広島（オフライン）に数回登壇
    SORACOM UGに時々出没
   Twitter:@ozk009
   

   View Slide

3. 本日の発表内容
    2021年11月にIoTLT広島、
   2022年1月のSORACOM UG Online #9
   で登壇した内容の復習（再利用）と続編
    IoTLT全国イベント初登壇なので
   何卒温かい目で・・
   

   View Slide

4. Node-REDとは
    もともとIBMによって開発された、ビジュアルプログラミ
   ング用のフローベースの開発ツール（Wikipediaから抜粋）
   https://ja.wikipedia.org/wiki/Node-RED
   

   View Slide

5. Node-REDとの出会い
    2018年 広島県ひろしまサンドボックス
   社内IoTエキスパート育成講座
    田中正吾先生のハンズオン
   https://www.pref.hiroshima.lg.jp/site/innovation/iot-expert.html
   

   View Slide

6. 講座の最終発表
    Armadillo + Node-RED + SORACOMで監視システム
   https://armadillo.atmark-techno.com/products
   ＋ ＋
   

   View Slide

7. その後
    Node-RED、便利だからどこかで使いたいなー・・
    スマホでIoTできるらしいけど、どうやるんかなー・・
   

   View Slide

8. キター！
   https://zenn.dev/showm001/articles/2021-08-12-01
   しょーちゃん
   

   View Slide

9. RedMobile
   https://play.google.com/store/apps/details?id=com.okhiroyuki.redmobile
    Node-REDにスマホのセンサー類のノードを追加したアプリ
   ¥500
   

   View Slide

10. 使えそうなセンサー（ノード）
     明るさセンサー
     モーションセンサー
     音センサー
     GPSセンサー
     カメラ
    

    View Slide

11. 開発時
     Wi-Fi接続してPC（Webブラウザ）で
    開発可！
    

    View Slide

12. 運用時
     スマホにSORACOMのSIM挿せばIoT
    

    View Slide

13. アップロードの仕方
     JSONに値セットしてPOSTするだけ
    var data = {};
    data["lat"] = flow.get("lat");
    data["lon"] = flow.get("lon");
    msg.payload = data;
    return msg;
    

    View Slide

14. で・・やってみた
    

    View Slide

15. わたくしごとですが・・
     昨年10月に第三子誕生
     1か月ちょっと育休いただきました
    子育てに関わる何かしら作れないかしら…
    

    View Slide

16. 第一弾：みまもりカメラ作ってみた
     明るさセンサーとカメラを組み合わせたシステム
    スマホの画面（RedMobileのダッシュボード画面）
    

    View Slide

17. 使った仕組み（配布用）
    SORACOMに送るために
     SORACOM Harvest Data…センサーデータを保存する
     SORACOM Harvest Files…画像ファイルを保存する
     SORACOM Lagoon…HarvestとHarvest Dataのデータを
    ダッシュボードに可視化する
    詳しくはSORACOMのサイトで・・
    カメラの実装は↓
    https://qiita.com/ozk009/items/dc8a88b672df3c44d898
    

    View Slide

18. RedMobileのフロー
    あかるさ関連
    カメラ関連
    

    View Slide

19. 結果・・
    やりたかったこと
    1. カメラで撮影した画像で赤ちゃんの様子を見たかった
    2. 明るさの変化で授乳回数の参考にしたかった
    ↓やってみたら
    1. 電気消すと画像は真っ黒
    （暗視カメラじゃないし）
    2. 明るさは常に0
    （常夜灯だと反応しない）
    真っ黒の画像
    明るさずっと0
    

    View Slide

20. 第二弾：幼稚園バストラッカー
    作ってみた
     幼稚園バスの送迎の待ち時間を最短に
    

    View Slide

21. RedMobileのフロー
    https://fugiters.net/blog/index.php/2021/12/23/bus_tracker2/
    

    View Slide

22. 結果
     長男のカバンに
    いい感じにできました
    

    View Slide

23. でも
     通勤で使ってみると・・
    

    View Slide

24. 第三弾：GPSトラッカー作ってみた
     幼稚園バストラッカーのリベンジ
    

    View Slide

25. Node-PAD
    https://apps.apple.com/jp/app/node-pad/id1534470128
     iOS（iPadやiPhone）でNode-REDが使えるアプリ
    ¥250
    

    View Slide

26. 使えそうなセンサー（ノード）
     加速度（ジャイロ）センサー
     GPSセンサー
    

    View Slide

27. 開発時
     Wi-Fi接続してPCで開発不可・・
    

    View Slide

28. Node-PADのフロー
    

    View Slide

29. 運用時
     普段使いスマホなのでSORACOMのSIMはNG
    →SORACOM Arcで
    SORACOM Arc
    https://soracom.jp/services/arc/
    

    View Slide

30. 結果
     めちゃくちゃ精度あがりました
    青：RedMobile
    赤：Node-PAD
    

    View Slide

31. まとめ
     Node-RED楽しい
     スマホでつくるとなお楽しい
     みなさんもスマホ＋Node-REDでライフハックを
    

    View Slide

32. ご清聴ありがとうございました
    

    View Slide