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
360
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)
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
you
PRO
0
210
イベントで大活躍する電子ペーパー名札を作る(その2) 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
you
PRO
0
230
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
330
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
200
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
960
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
97
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
220
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
940
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
490
Other Decks in Technology
See All in Technology
AI時代のIssue駆動開発のススメ
moongift
PRO
0
360
FASTでAIエージェントを作りまくろう!
yukiogawa
4
190
Cortex Code君、今日から内製化支援担当ね。
coco_se
0
230
「できない」のアウトプット 同人誌『精神を壊してからの』シリーズ出版を 通して得られたこと
comi190327
3
550
スケーリングを封じられたEC2を救いたい
senseofunity129
0
140
OCI技術資料 : ロード・バランサ 概要 - FLB・NLB共通
ocise
4
27k
The essence of decision-making lies in primary data
kaminashi
0
240
バックオフィスPJのPjMをコーポレートITが担うとうまくいく3つの理由
yueda256
1
230
BFCacheを活用して無限スクロールのUX を改善した話
apple_yagi
0
140
TUNA Camp 2026 京都Stage ヒューリスティックアルゴリズム入門
terryu16
0
670
15年メンテしてきたdotfilesから開発トレンドを振り返る 2011 - 2026
giginet
PRO
2
270
遊びで始めたNew Relic MCP、気づいたらChatOpsなオブザーバビリティボットができてました/From New Relic MCP to a ChatOps Observability Bot
aeonpeople
1
160
Featured
See All Featured
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
140
Test your architecture with Archunit
thirion
1
2.2k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
350
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
250
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
84
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
10k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
100
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.8k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
92
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
110
Side Projects
sachag
455
43k
Designing for humans not robots
tammielis
254
26k
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 の記事をご参照ください
終わり!