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
350
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)
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
910
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
70
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
190
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
830
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
400
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
24
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
160
ヒーローズ・リーグの応募作品で使ったデバイス・アイテム・ライブラリなど / #ヒーローズリーグ 2025 開発素材LT
you
PRO
0
57
最近発売された端末+UIFlow 2.0の組み合わせ(+1.0の話)をUSB接続で / ビジュアルプログラミングIoTLT vol.21
you
PRO
0
130
Other Decks in Technology
See All in Technology
ハッカソンから社内プロダクトへ AIエージェント「ko☆shi」開発で学んだ4つの重要要素
sonoda_mj
6
1.9k
Oracle Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
3
200
Bedrock AgentCore Memoryの新機能 (Episode) を試してみた / try Bedrock AgentCore Memory Episodic functionarity
hoshi7_n
2
2.1k
MySQLのSpatial(GIS)機能をもっと充実させたい ~ MyNA望年会2025LT
sakaik
0
160
SES向け、生成AI時代におけるエンジニアリングとセキュリティ
longbowxxx
0
200
Agent Skillsがハーネスの垣根を超える日
gotalab555
6
4.7k
MariaDB Connector/C のcaching_sha2_passwordプラグインの仕様について
boro1234
0
1.1k
2025年の医用画像AI/AI×medical_imaging_in_2025_generated_by_AI
tdys13
0
190
[Neurogica] 採用ポジション/ Recruitment Position
neurogica
1
140
2025-12-27 Claude CodeでPRレビュー対応を効率化する@機械学習社会実装勉強会第54回
nakamasato
4
1.3k
LayerX QA Night#1
koyaman2
0
280
Bedrock AgentCore Evaluationsで学ぶLLM as a judge入門
shichijoyuhi
2
290
Featured
See All Featured
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
41
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
180
Statistics for Hackers
jakevdp
799
230k
sira's awesome portfolio website redesign presentation
elsirapls
0
94
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
97
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.9k
First, design no harm
axbom
PRO
1
1.1k
Abbi's Birthday
coloredviolet
0
4k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
720
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
180
Tell your own story through comics
letsgokoyo
0
770
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
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 の記事をご参照ください
終わり!