ビジュアルプログラミングIoTLT vol.11

ビジュアルプログラミングIoTLT vol.11「最近の IBM Cloud で Node-RED つくって IoT につなげた話（Cloud Foundary から移行で Code Engine に挑戦）」の登壇資料です。

◆スライド内の素材は以下を使用させて頂いております。ありがとうございます！

・シルエットデザイン http://kage-design.com/
・human pictogram 2.0 http://pictogram2.com
・ICOOON MONO http://icooon-mono.com/
・Adobe Stock https://stock.adobe.com/jp

Transcript

1. ビジュアルプログラミングIoTLT vol.11
   最近の IBM Cloud で Node-RED つくって IoT
   につなげた話（Cloud Foundary から移行で Code Engine に挑戦）
   ワンフットシーバス 田中正吾
   

   View Slide

2. 私の話はスライドを後ほど共有します。
   話す内容に注力いただいて大丈夫です！
   

   View Slide

3. 田中正吾（たなかせいご）
   屋号：ワンフットシーバス
   2004年よりフリーランス。以後、FLASH制作を
   中心にインタラクティブコンテンツを主に行い現
   在に至る。
   最近ではWEBフロントエンドをベースにしなが
   らも、情報とインターフェースが合わさるアプ
   ローチという視点でIoTやMixed Realityといった
   技術も取り入れながら活動しています。
   

   View Slide

4. 今日はビジュアルプログラミング好きが
   ワクワクとクラウドで試行錯誤した感じで話します
   日々ブラッシュアップ・調査していくものなので、やさしい目線でなにとぞー！
   

   View Slide

5. Node-RED でビジュアルプログラミングを
   クラウド上でやりたい！と、いつも考えてる
   いろいろなプロトタイピングをするときにクラウドでサッと作れるのはうれしい
   

   View Slide

6. IBM Cloud もそのひとつでよく使ってた
   以前は Cloud Foundary でサッと作れた
   IBM Cloud で Node-RED セットアップ (2021年4月) - Qiita
   https://qiita.com/Kakimoty_Field/items/ed30531445cafcb30a63
   

   View Slide

7. とはいえ、最近クセが強くなっていた
   無料でつかえるライトアカウントで制約があったり、Cloud Shell でつくるハックがあったり
   IBM Cloud で Node-RED セットアップ (2021年12月) - Qiita
   https://qiita.com/Kakimoty_Field/items/bb90c31c8f7a3179165c
   

   View Slide

8. Cloud Foundry on IBM Cloud サービスが
   提供終了に向かって動き出した
   Cloud Foundry on IBM Cloud サービス提供終了のお知らせ | IBM ソリューション ブログ
   https://www.ibm.com/blogs/solutions/jp-ja/cloud-foundry-eos/
   

   View Slide

9. 終了は今すぐじゃないけど他のやり方を
   ポジティブに模索する時期になった
   Cloud Foundry on IBM Cloud サービス提供終了のお知らせ | IBM ソリューション ブログ
   https://www.ibm.com/blogs/solutions/jp-ja/cloud-foundry-eos/
   

   View Slide

10. とりあえず、Code Engine という仕組みで
    うまくインストール出来た
    

    View Slide

11. くわしい流れはこのツイートにも
    https://twitter.com/1ft_seabass/status/1536907376489791489
    

    View Slide

12. ひとまずリアルタイムデモ
    

    View Slide

13. シンプルに動かす
    

    View Slide

14. obniz のライトを動かすデモ
    

    View Slide

15. こんなかんじでうごきます
    

    View Slide

16. やってみます！
    

    View Slide

17. くわしく
    

    View Slide

18. Node-RED App のスターターキットは
    カタログから検索で、でてきます
    

    View Slide

19. クリックするといつものアプリの作成画面
    ここから変わってなくてよかった
    

    View Slide

20. Cloudant などの出来上がりを待って
    デプロイメント自動化の画面に
    まだ Cloud Foundary もあるけど、ほかの3つの選択肢
    

    View Slide

21. 今回は Code Engine を選びました
    

    View Slide

22. IBM Cloud Code Engine
    こちらの記事が私には分かりやすかったです
    サーバレスって感じの立ち位置ですね。ざっとみてみます。
    https://japan.zdnet.com/article/35173145/
    

    View Slide

23. API 鍵作ったり色々やって、ツールチェーン
    私はもともとダラスにツールチェーンあったのでダラスで作りました
    最初はシドニー選んでしまいリージョン違いで
    デプロイメント自動化がうまくいかず、ひととおりやりなおしました
    

    View Slide

24. ちょっと待ってたら進行中になりました
    

    View Slide

25. 無事に成功
    

    View Slide

26. アプリ URL にも登場。クリックします！
    

    View Slide

27. おなじみの Node-RED 初期画面！わーい！
    このあとは、ID・パスワード設定したりでいつもの手順でいけました。
    

    View Slide

28. ひとまず、動きました
    

    View Slide

29. アクセスしても 30 秒 ～ 1分 くらい待たされる？
    なるほど、最小が 0 個。サーバレスですからね。
    

    View Slide

30. 一つ増やしてみる。安定。
    でも、これだとサーバが必ず存在するやつ。
    

    View Slide

31. Code Engine の料金も確かめてみる
    つねに1インスタンスあると CPU がずっと消費するはず
    https://www.ibm.com/jp-ja/cloud/code-engine/pricing
    

    View Slide

32. コストはこれで監視
    IBM Cloud でも使用料監視があるのでそれで
    

    View Slide

33. そのほかいろいろ考えたこと
    ● HTTP のデータやりとり系だったらうまく運用できそう
    ○ 使うときだけ起動して動作するのでいい
    ○ 起動が遅いのはもうちょっと上の性能だと起動はやいはず（要検証）
    ● 最低インスタンス 1 つ運用は引き続きやってみる
    ○ リアルな料金のかかりかたは実際に体験してみる
    ● エディタを起動して直すというのはカジュアルに出来そう
    ○ すぐ修正できるサーバレス。これはこれで面白い。
    ● インスタンス 0 個だと寝ちゃうので常駐系注意
    ○ 常時つながる MQTT プロトコルとかは注意が必要かも（要検証）
    ● とりあえず移行の一案が試せてワクワクしました！
    

    View Slide