Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
APIレスポンスの情報を取り出して整形するためにtemplateノードを使った話 / Node...
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
you(@youtoy)
PRO
July 05, 2023
Technology
400
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
APIレスポンスの情報を取り出して整形するためにtemplateノードを使った話 / Node-RED Park Vol.12
you(@youtoy)
PRO
July 05, 2023
More Decks by you(@youtoy)
See All by you(@youtoy)
toio・myCobotでフィジカルAIっぽいことを行うための検討(とりあえず調査) / フィジカルAI LT(IoTLTによる開催)
you
PRO
0
340
Webの技術とガジェットで子どもも大人も楽しめるワクワク体験を提供する / Qiita Tech Festa Day 2026
you
PRO
1
360
ローカルLLMとLINE Botの組み合わせ その3 / LINE DC Generative AI Meetup #8
you
PRO
0
160
クラウドファンディング版StackChan 3体(4体)をインタラクティブな体験型作品にして展示もした話 / スタックチャンお誕生日会2026
you
PRO
0
330
イベントで大活躍する電子ペーパー名札 〜その3〜 / ビジュアルプログラミングIoTLT vol.23
you
PRO
0
320
AI時代だけど、わりと力業で追いかけている技術情報収集の話 / 20260518
you
PRO
0
29
最近の技術系の話題で気になったもの色々(IoT系以外も) / IoTLT 花見予定会(たぶんBBQ) @都立潮風公園バーベキュー広場
you
PRO
1
420
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
you
PRO
0
530
イベントで大活躍する電子ペーパー名札を作る(その2) 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
you
PRO
0
340
Other Decks in Technology
See All in Technology
コーチングの奥義 何もしないテクニック
jinwatanabe
0
140
:syncing_time:
sksat
2
330
AIに持続⼒を与える 判断の⻑期記憶設計
eiei114
1
620
Go 1.27 の標準パッケージに uuid が入った!のでいろいろ喋る / go_127_std_go_uuid
convto
3
580
Invisible to AI? Making TYPO3 Sites Quotable by AI Search Systems
wolfgangwagner
0
240
2027年のMetricKit
kantacky
0
150
LLM Internals: 언어 모델의 계보와 알고리즘 진화 (2023~2026)
inureyes
PRO
1
870
Android skills に学ぶ
kokiko
0
150
DDDのエッセンスを取り入れたAIでの開発
ak2ie
0
200
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
enakai00
7
4.6k
AIのためのEthernet技術動向 (SerDes)
markunet
1
290
LLM・AIエージェントシステムベストプラクティス
shibuiwilliam
6
1.6k
Featured
See All Featured
Speed Design
sergeychernyshev
33
2k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
660
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.3k
Side Projects
sachag
455
43k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.8k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
210
Building AI with AI
inesmontani
PRO
1
1.1k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
580
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
470
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
440
Transcript
2023年7月5日 (水) Node-RED Park Vol.12 @オンライン 豊田陽介( ) @youtoy APIレスポンスの情報を取り出して整形するために
templateノードを使った話
自己紹介 豊田陽介( ) @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ ・ Microsoft MVP(2021/10 から)
プライベートでの活動 ・ガジェット大好き ・ビジュアルプログラミング/JavaScript とガジェットの組み合わせをよくやって いたりするかも 好きなこと、他
今日のテーマ templateノード
どんな時に使った?
情報を取り出して 特定のフォーマットにする
利用事例:全体フローとtemplateノード ココ
全体の処理とtemplateノードの使いどころ ▪ フローの処理内容 1)国と都市を指定して API経由で 天気情報を取得 2)API のレスポンスの一部を抜粋 して特定のフォーマットに整形 3)整形後のデータを表で出力
templateノードの設定
templateノードの入出力
templateノードでの入出力の内容 元のオブジェクトの 特定の部分を取り 出しつつ Key は変更 (天気情報の取得は「node-red-node-openweathermap」を利用)
ダッシュボード上での表示 Key の変更後の内容が 表のヘッダに使われる ・テーブルの表示は「node-red-node-ui-table」にて ・templateノードの出力 3つは joinノードでまとめた
分かりやすい処理で サクッとデータ整形
今回出てきたフローの詳細 こちらの Qiita の記事をご参照ください
templateノードで 自分が活用できてないところ
構文の「mustache」以外の選択肢 たくさんあるけど活用できてない...
templateノード以外 の話ですが
enebularでNode-RED 3.0の 新機能が使える!
先ほどのフローが見やすくできる! 線の分岐の適用前 線の分岐を適用
これらの流れの後の 思いつきでやったこと
LINEアプリへのSticker送信で templateノード + Node-RED 3.0 の新機能 を使ってみる
以前行った内容 changeノードを使った LINE Notify での Sticker送信
templateノードを使ったところ templateノードの テンプレートで設定 changeノードで設定
Node-RED 3.0 の新機能を使ったところ http requestノード内 でヘッダの設定 changeノードで設定
もう少し複雑な処理であれば templateノードが活きるかも?
追加で試した内容について 詳細は Qiita の記事をご参照ください
終わり!