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
Node-RED for designers
Search
Motokazu Nishimura
May 17, 2018
Technology
0
310
Node-RED for designers
Node-RED UG vol.7
Node-RED x Connect
Motokazu Nishimura
May 17, 2018
Tweet
Share
More Decks by Motokazu Nishimura
See All by Motokazu Nishimura
りす と らぼ。Stockmark Labs の裏側 - AI社内推進チームの納涼会LT
motokazu
0
190
AI Agent Otomo-san AI-Agent-MeetupTokyo
motokazu
0
1.2k
AI系 B2B サービスの UI/UXデザイナー/エンジニアがハマるところ
motokazu
0
52
Ohd2016 BOBUTTON The Internet of Buttons
motokazu
0
31
Suika warenja - スイカ割れんじゃー -
motokazu
0
58
Plugman code-reading
motokazu
0
8
geo-location-data-format
motokazu
0
60
Private lens @ yahoo open hack day 2014
motokazu
0
34
CouchDB android - Dot Logging
motokazu
0
62
Other Decks in Technology
See All in Technology
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
1
17k
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
150
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
50
20k
Reach American Airlines®️ Instantly: 19 Calling Methods for Fast Support in the USA
flyamerican
1
170
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
230
第4回Snowflake 金融ユーザー会 Snowflake summit recap
tamaoki
1
280
Flutter向けPDFビューア、pdfrxのpdfium WASM対応について
espresso3389
0
130
いつの間にか入れ替わってる!?新しいAWS Security Hubとは?
cmusudakeisuke
0
130
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
16k
Delta airlines®️ USA Contact Numbers: Complete 2025 Support Guide
airtravelguide
0
340
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
2
22k
Glacierだからってコストあきらめてない? / JAWS Meet Glacier Cost
taishin
1
160
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
Faster Mobile Websites
deanohume
307
31k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Scaling GitHub
holman
460
140k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
GitHub's CSS Performance
jonrohan
1031
460k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Embracing the Ebb and Flow
colly
86
4.7k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Transcript
ଜݩҰMotokazu Nishimura Node-RED UGษڧձ Vol.7ʮNode-RED x Connectedʯ UI prototypeʹ ଓͤΑ
w *4& *#.+BQBO4ZTUFNT&OHJOFFSJOH w σβΠϯΤϯδχΞ w σβΠϯͱΫϦΤΠςΟϒίϯςϯπ 6*69ʹ ڵຯΛ࣋ͭΤϯδχΞͰ͢ɻ
w J04 8FC /PEFKT QZUIPO 6OJUZ 1SPDFTTJOH 0QFO'SBNFXPSLT "SEVJOP 'VTJPO *P5 αʔϏεσβΠϯ σβΠϯࢥߟ ଜݩҰ Motokazu Nishimura IUUQNUL[JOGP !NPUPLB[V
IUUQNUL[JOGP
ମݧ ػೳ UX Function
ΤϯδχΞͱσβΠφʔ͕༥߹͖ͯͯ͠Δ
ΤϯδχΞͱσβΠφʔͷׂ ΞϓϦͷελοΫ Πϯϑϥʢ7. ίϯςφʣ ϓϥοτϑΥʔϜʢϛυϧΣΞʣ1BB4 ΞϓϦέʔγϣϯαʔόʔαΠυ ΞϓϦέʔγϣϯΫϥΠΞϯταΠυ ʢ6*MPHJDʣ άϥϑΟοΫσβΠϯ ελΠϦϯά
ʢ6*69WJTVBMʣ αʔϏεσβΠϯ ʙ͙Β͍ ˞ʹ͍ͭͯࢲͷܦݧͱΠϯλʔωοτใͰ͢ͷͰɺਖ਼֬Ͱ͋Γ·ͤΜɻ
ΤϯδχΞͱσβΠφʔͷׂ ΞϓϦͷελοΫ Πϯϑϥʢ7. ίϯςφʣ ϓϥοτϑΥʔϜʢϛυϧΣΞʣ1BB4 ΞϓϦέʔγϣϯαʔόʔαΠυ ΞϓϦέʔγϣϯΫϥΠΞϯταΠυ ʢ6*MPHJDʣ άϥϑΟοΫσβΠϯ ελΠϦϯά
ʢ6*69WJTVBMʣ αʔϏεσβΠϯ ʙ͙Β͍ ࠷ۙ ˞ʹ͍ͭͯࢲͷܦݧͱΠϯλʔωοτใͰ͢ͷͰɺਖ਼֬Ͱ͋Γ·ͤΜɻ
ΤϯδχΞͱσβΠφʔͷׂ ΞϓϦͷελοΫ Πϯϑϥʢ7. ίϯςφʣ ϓϥοτϑΥʔϜʢϛυϧΣΞʣ1BB4 ΞϓϦέʔγϣϯαʔόʔαΠυ ΞϓϦέʔγϣϯΫϥΠΞϯταΠυ ʢ6*MPHJDʣ άϥϑΟοΫσβΠϯ ελΠϦϯά
ʢ6*69WJTVBMʣ αʔϏεσβΠϯ ʙ͙Β͍ ࠷ۙ ˞ʹ͍ͭͯࢲͷܦݧͱΠϯλʔωοτใͰ͢ͷͰɺਖ਼֬Ͱ͋Γ·ͤΜɻ ࣍ʂ
ϖʔύʔϓϩτ ϫʔΩϯάϓϩτ σβΠφʔϩδοΫΛϓϩάϥϜ͠ͳ͍ʢࠓʣ ϫΠϠʔϑϨʔϜ "*
ϓϩτλΠϓπʔϧελοΫͷྫ
͑ɺ͜Μͳʹಈ͘ͳΒʜ ͜͜ʹσʔλͻ͚ͬͭΒΕͨΒ࠷ߴ͡Όͳ͍ʁʂ
“Node-RED for Designers”
ϓϩτλΠϓπʔϧελοΫʹ/PEF3&%Λ$POOFDU͠Α͏ ʴ
ϓϩτλΠϓπʔϧελοΫͷϓϩτίϧ \ lJUFNTz\ \ lXFBUIFSzlTVOOZz ^ \ lXFBUIFSzʜ lXFBUIFS@JNHzlIUUQʜDMPVEZQOHz
> ^ w ࠓͷ6*1SPUPUZQFπʔϧͷಛ+40/ΛऔΓࠐΊΔ͜ͱɻςΩετͱը૾ΛஔͰ͖Δ͕ύϥϝʔ λʹͬͨΓʢҐஔΛม͑ͨΓʣಈతʹϦϩʔυͨ͠ΓͰ͖ͳ͍ɻ63-ಡΊΔ
EFNP https://youtu.be/bP4hwGRyc2M
None
σβΠφʔʹͬͯΒ͏ͨΊʹ w )551*OQVUϊʔυͷ63-͕SPPU͔Βʹͳ͍ͬͯΔͷͰɺ63-ͱͯ͠औಘʢίϐʔʣ͢ΔϘλϯΛઃஔ w ϊʔυͷ໊લΛɺz͏తzΛࣔ͢ͷʹ͢Δ͔ɺԿ͕Ͱ͖Δ͔ͷྫΛࣔ͢ w σβΠφʔ͚ίϯςϯπͱ͔ɺ͍ํΠϝʔδ w ୯Ґม͢ΔͨΊͷϊʔυʢVOJYUJNF༵ʹ͢Δɹͱ͔ʣ w
֎෦ͷ͕͍͍ࣗͨ"1*Λ୳͠ग़͢ʹίπ͕͍Δɺ͍ํͷཧղඞཁʢͦ͜͜ͷ··Ͱϋʔυϧ͕ʜʣ ·ͩ͜͜ ɾɾɾ
for Designers: Goals ຊͷσʔλΛ؆୯ʹ/PEF3&%ͰίωΫτͯ͠ɺϓϩτλΠϐϯάʹΈࠐΜͰ ຊͷσʔλͰ69Λݕূ͢Δੈք w σβΠφʔ͕.PDLσʔλɺ"1*࣮ͨͳ͍͍ͯ͘ w αʔόʔαΠυଓSFBEZͳ6*69σβΠϯ
w σβΠφʔʹͬͯΒ͏ʢ·ͩະݕূʜʣ w /PEF3&%ը໘ΛσβΠφʔͷݴ༿ʹஔ͖͑Δ w ֤ϊʔυͷ͍ํઆ໌ΛಡΜͰɺͬ͞ͺΓʜ w ಉ͡Α͏ͳ"1*͕͍ͬͺ͍ʹͳΓͦ͏ʜ w σβΠφʔΠϕϯτʹ࣋ͪࠐΉ
for Designers: ࠓޙͷల