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
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
you(@youtoy)
PRO
July 05, 2023
Technology
390
0
Share
APIレスポンスの情報を取り出して整形するためにtemplateノードを使った話 / Node-RED Park Vol.12
you(@youtoy)
PRO
July 05, 2023
More Decks by you(@youtoy)
See All by you(@youtoy)
AI時代だけど、わりと力業で追いかけている技術情報収集の話 / 20260518
you
PRO
0
2
最近の技術系の話題で気になったもの色々(IoT系以外も) / IoTLT 花見予定会(たぶんBBQ) @都立潮風公園バーベキュー広場
you
PRO
1
360
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
you
PRO
0
440
イベントで大活躍する電子ペーパー名札を作る(その2) 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
you
PRO
0
280
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
350
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
220
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
970
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
110
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
240
Other Decks in Technology
See All in Technology
業務に残された「良くない型」で考える「TypeScriptの難しさ」
sajikix
3
1k
R&D 祭 2024 アニメエフェクト作成の効率化
olmdrd
PRO
0
110
ワールドカフェ再び、そしてゴール・ルール・ロール・ツール / World Café Revisited, and the Goals-Rules-Roles-Tools
ks91
PRO
0
190
CARTA HOLDINGS エンジニア向け 採用ピッチ資料 / CARTA-GUIDE-for-Engineers
carta_engineering
0
47k
サプライチェーン攻撃への備えについて考えている #湘なんか
stefafafan
2
2.2k
Claude Code で使える DuckDB Skills を試してみた / DuckDB Skills and Claude Code
masahirokawahara
1
2k
データ分析基盤の信頼を支える視点と設計
yuki_saito
1
340
[みん強]AIの価値を最大化するデータ基盤戦略:Self-Service型Data Meshへの転換とAgentic AI Meshに向けた取り組み with Snowflake他
y_matsubara
1
160
Slack MCPでインシデント対応とFAQ生成を加速する:社内ワークショップの実践
lycorptech_jp
PRO
0
110
R&D 祭 2024 UE5で絵コンテ・作画の制作支援ツールをつくる話
olmdrd
PRO
0
210
実例から学ぶ GuardDuty(SSH BruteForce)調査の全体フローと勘所【SecurityJAWS】
cscengineer
PRO
0
180
ECSのTerraformモジュールにコントリビュートした話
harukasakihara
0
280
Featured
See All Featured
Prompt Engineering for Job Search
mfonobong
0
310
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Believing is Seeing
oripsolob
1
130
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
280
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
700
How to build a perfect <img>
jonoalderson
1
5.5k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.3k
How GitHub (no longer) Works
holman
316
150k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.9k
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 の記事をご参照ください
終わり!