੢ଜݩҰ

Motokazu Nishimura Node-RED UGษڧձ Vol.7ʮNode-RED x Connectedʯ UI prototype
ʹ
઀ଓͤΑ 

w *4&

*#.
+BQBO
4ZTUFNT
&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*69
WJTVBMʣ αʔϏεσβΠϯ ʙ೥͙Β͍ ˞೥ʹ͍ͭͯ͸ࢲͷܦݧͱΠϯλʔωοτ৘ใͰ͢ͷͰɺਖ਼֬Ͱ͸͋Γ·ͤΜɻ 

ΤϯδχΞͱσβΠφʔͷ໾ׂ
ΞϓϦͷελοΫ Πϯϑϥʢ7.

ίϯςφʣ ϓϥοτϑΥʔϜʢϛυϧ΢ΣΞʣ
1BB4 ΞϓϦέʔγϣϯαʔόʔαΠυ ΞϓϦέʔγϣϯΫϥΠΞϯταΠυ
 ʢ6*
MPHJDʣ άϥϑΟοΫσβΠϯ
ελΠϦϯά
ʢ6*69
WJTVBMʣ αʔϏεσβΠϯ ʙ೥͙Β͍ ࠷ۙ ˞೥ʹ͍ͭͯ͸ࢲͷܦݧͱΠϯλʔωοτ৘ใͰ͢ͷͰɺਖ਼֬Ͱ͸͋Γ·ͤΜɻ 

ΤϯδχΞͱσβΠφʔͷ໾ׂ
ΞϓϦͷελοΫ Πϯϑϥʢ7.

ίϯςφʣ ϓϥοτϑΥʔϜʢϛυϧ΢ΣΞʣ
1BB4 ΞϓϦέʔγϣϯαʔόʔαΠυ ΞϓϦέʔγϣϯΫϥΠΞϯταΠυ
 ʢ6*
MPHJDʣ άϥϑΟοΫσβΠϯ
ελΠϦϯά
ʢ6*69
WJTVBMʣ αʔϏεσβΠϯ ʙ೥͙Β͍ ࠷ۙ ˞೥ʹ͍ͭͯ͸ࢲͷܦݧͱΠϯλʔωοτ৘ใͰ͢ͷͰɺਖ਼֬Ͱ͸͋Γ·ͤΜɻ ࣍ʂ 

ϖʔύʔϓϩτ ϫʔΩϯάϓϩτ σβΠφʔ͸ϩδοΫΛϓϩάϥϜ͠ͳ͍ʢࠓ͸ʣ ϫΠϠʔϑϨʔϜ "* 

ϓϩτλΠϓπʔϧελοΫͷྫ 

͑ɺ͜Μͳʹಈ͘ͳΒʜ

͜͜ʹσʔλͻ͚ͬͭΒΕͨΒ࠷ߴ͡Όͳ͍ʁʂ 

“Node-RED for Designers” 

ϓϩτλΠϓπʔϧελοΫʹ
/PEF3&%Λ$POOFDU͠Α͏ ʴ 

ϓϩτλΠϓπʔϧελοΫͷϓϩτίϧ \


lJUFNTz

\




\







lXFBUIFSz

lTVOOZz





^




\






lXFBUIFSz

ʜ






lXFBUIFS@JNHz

lIUUQʜ
DMPVEZQOHz


>
^ w ࠓͷ6*
1SPUPUZQFπʔϧͷಛ௃͸
+40/
ΛऔΓࠐΊΔ͜ͱɻςΩετͱը૾Λஔ׵Ͱ͖Δ͕
ύϥϝʔ λʹ࢖ͬͨΓʢҐஔΛม͑ͨΓʣಈతʹϦϩʔυͨ͠Γ͸Ͱ͖ͳ͍ɻ63-͸ಡΊΔ 

EFNP https://youtu.be/bP4hwGRyc2M 

No content

σβΠφʔʹ࢖ͬͯ΋Β͏ͨΊʹ 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: ࠓޙͷల๬