Upgrade to Pro — share decks privately, control downloads, hide ads and more …

好きなNode-REDノード : Templateノード

好きなNode-REDノード : Templateノード

templateノードの魅力について書いてみました。

Takao Aoki

August 05, 2021
Tweet

More Decks by Takao Aoki

Other Decks in Programming

Transcript

  1. 私の好きな
    標準ノード
    Node-RED Park Vol.1
    2021/08/05

    View full-size slide

  2. 2
    自己紹介:
    青木 隆雄
    ● ウフルでIoT開発運用ツールenebular事業担当
    ● 技術レベル:コピペプログラマ

    View full-size slide

  3. テンプレート・ノード
    3

    View full-size slide

  4. mustache記法が便利
    4
    マスタッシュ(口ひげ)

    {

    View full-size slide

  5. mustache記法が便利
    5
    ● 波括弧を二重で囲う
    ● 流れてきたデータを使って、自在に文を作れる

    View full-size slide

  6. functionノードで書くと…
    6
    これくらいなら理解できるが

    View full-size slide

  7. 複雑なやつ
    7
    よくサンプルで見かける

    View full-size slide

  8. テンプレートを使う
    8

    View full-size slide

  9. すっきり見える
    9
    Changeノードの設定 Templateノードの設定

    View full-size slide

  10. debugしてみる
    10
    あれ?おかしい。

    View full-size slide

  11. {{2重}}から{{{3重}}}にする
    11
    カッコを3重にすることで、正し
    くデータを渡せた。

    View full-size slide

  12. こんなフローを普段使いし
    てます(デモ)
    12

    View full-size slide

  13. ボットに投げる文章を作
    るときに使用
    13

    View full-size slide

  14. ボットが毎日定時に
    天気をお知らせ
    14
    Heroku deployで永続的にフローを実行

    View full-size slide

  15. ボットが毎日定時に
    天気をお知らせ
    15
    *は、Google Chatでの太字の修飾を意味
    するのでMustacheではありません。

    View full-size slide

  16. まとめ
    16
    Templateノードのよいところ:
    1. メッセージ作成に集中できる
    2. メッセージ作成以外のことをやってないことがわかる
    3. フローが読みやすくなる

    View full-size slide

  17. 今日のフロー
    Discoverで公開しています。
    ● テンプレートノードサンプル(Discover)
    ○ https://bit.ly/2VqZ66f
    ● チャットボットサンプル(Discover)
    ○ https://bit.ly/3fxZo22
    ● ブログ
    ○ (enebular blogにて執筆予定)
    17
    テンプレートノードサンプル
    チャットボットサンプル

    View full-size slide

  18. Thanks!
    Any questions?
    You can find me at:
    ● @zawakarui
    [email protected]
    18

    View full-size slide