Node-RED for designers - Speaker Deck

Node-RED for designers

by Motokazu Nishimura

Slide 1

Slide 1 text

੢ଜݩҰMotokazu Nishimura Node-RED UGษڧձ Vol.7ʮNode-RED x Connectedʯ UI prototypeʹ ઀ଓͤΑ

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

IUUQNUL[JOGP

Slide 4

Slide 4 text

ମݧ ػೳ UX Function

Slide 5

Slide 5 text

ΤϯδχΞͱσβΠφʔ͕༥߹͖ͯͯ͠Δ

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

͑ɺ͜Μͳʹಈ͘ͳΒʜ ͜͜ʹσʔλͻ͚ͬͭΒΕͨΒ࠷ߴ͡Όͳ͍ʁʂ

Slide 12

Slide 12 text

“Node-RED for Designers”

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

ϓϩτλΠϓπʔϧελοΫͷϓϩτίϧ \ lJUFNTz\ \  lXFBUIFSzlTVOOZz ^ \ lXFBUIFSzʜ lXFBUIFS@JNHzlIUUQʜDMPVEZQOHz > ^ w ࠓͷ6*1SPUPUZQFπʔϧͷಛ௃͸+40/ΛऔΓࠐΊΔ͜ͱɻςΩετͱը૾Λஔ׵Ͱ͖Δ͕ύϥϝʔ λʹ࢖ͬͨΓʢҐஔΛม͑ͨΓʣಈతʹϦϩʔυͨ͠Γ͸Ͱ͖ͳ͍ɻ63-͸ಡΊΔ

Slide 15

Slide 15 text

EFNP https://youtu.be/bP4hwGRyc2M

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

σβΠφʔʹ࢖ͬͯ΋Β͏ͨΊʹ w )551*OQVUϊʔυͷ63-͕SPPU͔Βʹͳ͍ͬͯΔͷͰɺ63-ͱͯ͠औಘʢίϐʔʣ͢ΔϘλϯΛઃஔ w ϊʔυͷ໊લΛɺz࢖͏໨తzΛࣔ͢΋ͷʹ͢Δ͔ɺԿ͕Ͱ͖Δ͔ͷྫΛࣔ͢ w σβΠφʔ޲͚ίϯςϯπͱ͔ɺ࢖͍ํΠϝʔδ w ୯Ґม׵͢ΔͨΊͷϊʔυʢVOJYUJNF༵೔ʹ͢Δɹͱ͔ʣ w ֎෦ͷࣗ෼͕࢖͍͍ͨ"1*Λ୳͠ग़͢ʹ΋ίπ͕͍Δɺ࢖͍ํͷཧղ΋ඞཁʢ͜͜͸ͦͷ··Ͱ͸ϋʔυϧ͕ʜʣ ·ͩ͜͜ ɾɾɾ

Slide 18

Slide 18 text

for Designers: Goals ຊ෺ͷσʔλΛ؆୯ʹ/PEF3&%ͰίωΫτͯ͠ɺϓϩτλΠϐϯάʹ૊ΈࠐΜͰ ຊ౰ͷσʔλͰ69Λݕূ͢Δੈք΁ w σβΠφʔ͕.PDLσʔλɺ"1*࣮૷଴ͨͳ͍͍ͯ͘ w αʔόʔαΠυ઀ଓSFBEZͳ6*69σβΠϯ

Slide 19

Slide 19 text

w σβΠφʔʹ࢖ͬͯ΋Β͏ʢ·ͩະݕূʜʣ w /PEF3&%ը໘ΛσβΠφʔͷݴ༿ʹஔ͖׵͑Δ w ֤ϊʔυͷ࢖͍ํઆ໌ΛಡΜͰ΋ɺͬ͞ͺΓʜ w ಉ͡Α͏ͳ"1*͕͍ͬͺ͍ʹͳΓͦ͏ʜ w σβΠφʔΠϕϯτʹ࣋ͪࠐΉ for Designers: ࠓޙͷల๬