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
you(@youtoy)
PRO
July 05, 2023
Technology
0
330
APIレスポンスの情報を取り出して整形するためにtemplateノードを使った話 / Node-RED Park Vol.12
you(@youtoy)
PRO
July 05, 2023
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会(#AI道場)
you
PRO
0
1.3k
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
you
PRO
0
140
総額200円の入力インターフェースで年齢問わず楽しめる体験型展示 / エンジニアの自由研究発表会vol.10
you
PRO
0
61
Node−RED で Ollama を使ったローカルLLM(node-red-contrib-ollamaを利用) / ビジュアルプログラミングIoTLT vol.20
you
PRO
0
190
AIエージェント開発や最新の生成AIのAPI利用などJavaScriptで色々やってみる / IoTLT vol.123
you
PRO
0
110
ChatGPT からモックサーバー宛(Beeceptor宛)の HTTPリクエストを試す / IoTLT 202504
you
PRO
0
100
デモをまじえつつの生成AIの話題 / 横須賀プログラミング“夢”アカデミー発表会(2025年3月)
you
PRO
0
53
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
57
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
110
Other Decks in Technology
See All in Technology
無理しない AI 活用サービス / #jazug
koudaiii
0
100
20250718_ITSurf_“Bet AI”を支える文化とコストマネジメント
helosshi
0
100
今だから言えるセキュリティLT_Wordpress5.7.2未満を一斉アップデートせよ
cuebic9bic
2
170
Deep Security Conference 2025:生成AI時代のセキュリティ監視 /dsc2025-genai-secmon
mizutani
4
2.9k
推し書籍📚 / Books and a QA Engineer
ak1210
0
140
データ戦略部門 紹介資料
sansan33
PRO
1
3.3k
大量配信システムにおけるSLOの実践:「見えない」信頼性をSLOで可視化
plaidtech
PRO
0
390
クラウド開発の舞台裏とSRE文化の醸成 / SRE NEXT 2025 Lunch Session
kazeburo
1
590
SRE不在の開発チームが障害対応と 向き合った100日間 / 100 days dealing with issues without SREs
shin1988
2
2.1k
Autify Company Deck
autifyhq
2
44k
Amazon SNSサブスクリプションの誤解除を防ぐ
y_sakata
3
190
毎晩の 負荷試験自動実行による効果
recruitengineers
PRO
5
180
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
We Have a Design System, Now What?
morganepeng
53
7.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Six Lessons from altMBA
skipperchong
28
3.9k
Site-Speed That Sticks
csswizardry
10
700
Music & Morning Musume
bryan
46
6.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
A better future with KSS
kneath
238
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
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 の記事をご参照ください
終わり!