Node-RED for designers

Node-RED UG vol.7
Node-RED x Connect

Transcript

1. ੢ଜݩҰ
   
   Motokazu Nishimura Node-RED UGษڧձ Vol.7ʮNode-RED x Connectedʯ UI prototype
   ʹ
   ઀ଓͤΑ
2. 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
3. IUUQNUL[JOGP
4. ମݧ ػೳ  UX Function
5. ΤϯδχΞͱσβΠφʔ͕༥߹͖ͯͯ͠Δ
6. ΤϯδχΞͱσβΠφʔͷ໾ׂ
   ΞϓϦͷελοΫ Πϯϑϥʢ7.
   
   ίϯςφʣ ϓϥοτϑΥʔϜʢϛυϧ΢ΣΞʣ
   1BB4 ΞϓϦέʔγϣϯαʔόʔαΠυ ΞϓϦέʔγϣϯΫϥΠΞϯταΠυ
 ʢ6*
   MPHJDʣ άϥϑΟοΫσβΠϯ
   ελΠϦϯά
   ʢ6*69
   WJTVBMʣ αʔϏεσβΠϯ ʙ೥͙Β͍ ˞೥ʹ͍ͭͯ͸ࢲͷܦݧͱΠϯλʔωοτ৘ใͰ͢ͷͰɺਖ਼֬Ͱ͸͋Γ·ͤΜɻ
7. ΤϯδχΞͱσβΠφʔͷ໾ׂ
   ΞϓϦͷελοΫ Πϯϑϥʢ7.
   
   ίϯςφʣ ϓϥοτϑΥʔϜʢϛυϧ΢ΣΞʣ
   1BB4 ΞϓϦέʔγϣϯαʔόʔαΠυ ΞϓϦέʔγϣϯΫϥΠΞϯταΠυ
 ʢ6*
   MPHJDʣ άϥϑΟοΫσβΠϯ
   ελΠϦϯά
   ʢ6*69
   WJTVBMʣ αʔϏεσβΠϯ ʙ೥͙Β͍ ࠷ۙ ˞೥ʹ͍ͭͯ͸ࢲͷܦݧͱΠϯλʔωοτ৘ใͰ͢ͷͰɺਖ਼֬Ͱ͸͋Γ·ͤΜɻ
8. ΤϯδχΞͱσβΠφʔͷ໾ׂ
   ΞϓϦͷελοΫ Πϯϑϥʢ7.
   
   ίϯςφʣ ϓϥοτϑΥʔϜʢϛυϧ΢ΣΞʣ
   1BB4 ΞϓϦέʔγϣϯαʔόʔαΠυ ΞϓϦέʔγϣϯΫϥΠΞϯταΠυ
 ʢ6*
   MPHJDʣ άϥϑΟοΫσβΠϯ
   ελΠϦϯά
   ʢ6*69
   WJTVBMʣ αʔϏεσβΠϯ ʙ೥͙Β͍ ࠷ۙ ˞೥ʹ͍ͭͯ͸ࢲͷܦݧͱΠϯλʔωοτ৘ใͰ͢ͷͰɺਖ਼֬Ͱ͸͋Γ·ͤΜɻ ࣍ʂ
9. ϖʔύʔϓϩτ ϫʔΩϯάϓϩτ σβΠφʔ͸ϩδοΫΛϓϩάϥϜ͠ͳ͍ʢࠓ͸ʣ ϫΠϠʔϑϨʔϜ "*
10. ϓϩτλΠϓπʔϧελοΫͷྫ
11. ͑ɺ͜Μͳʹಈ͘ͳΒʜ
    
    ͜͜ʹσʔλͻ͚ͬͭΒΕͨΒ࠷ߴ͡Όͳ͍ʁʂ
12. “Node-RED for Designers”
13. ϓϩτλΠϓπʔϧελοΫʹ
    /PEF3&%Λ$POOFDU͠Α͏ ʴ
14. ϓϩτλΠϓπʔϧελοΫͷϓϩτίϧ \
    
    
    lJUFNTz
    
    \
    
    
    
    
    \

    
    
    
    
    
    
    lXFBUIFSz
    
    lTVOOZz
    
    
    
    
    
    ^
    
    
    
    
    \
    
    
    
    
    
    
    lXFBUIFSz
    
    ʜ
    
    
    
    
    
    
    lXFBUIFS@JNHz
    
    lIUUQʜ
    DMPVEZQOHz
    
    
    >
    ^ w ࠓͷ6*
    1SPUPUZQFπʔϧͷಛ௃͸
    +40/
    ΛऔΓࠐΊΔ͜ͱɻςΩετͱը૾Λஔ׵Ͱ͖Δ͕
    ύϥϝʔ λʹ࢖ͬͨΓʢҐஔΛม͑ͨΓʣಈతʹϦϩʔυͨ͠Γ͸Ͱ͖ͳ͍ɻ63-͸ಡΊΔ
15. EFNP https://youtu.be/bP4hwGRyc2M
17. σβΠφʔʹ࢖ͬͯ΋Β͏ͨΊʹ w )551
    *OQVUϊʔυͷ63-͕
    SPPU͔Βʹͳ͍ͬͯΔͷͰɺ63-ͱͯ͠औಘʢίϐʔʣ͢ΔϘλϯΛઃஔ w ϊʔυͷ໊લΛɺz࢖͏໨తz
    Λࣔ͢΋ͷʹ͢Δ͔ɺԿ͕Ͱ͖Δ͔ͷྫΛࣔ͢
    w σβΠφʔ޲͚ίϯςϯπͱ͔ɺ࢖͍ํΠϝʔδ
    w ୯Ґม׵͢ΔͨΊͷϊʔυ
    ʢVOJYUJNF
    
    ༵೔ʹ͢Δɹͱ͔ʣ
    w ֎෦ͷࣗ෼͕࢖͍͍ͨ"1*
    Λ୳͠ग़͢ʹ΋ίπ͕͍Δɺ࢖͍ํͷཧղ΋ඞཁʢ͜͜͸ͦͷ··Ͱ͸ϋʔυϧ͕ʜʣ ·ͩ͜͜ ɾɾɾ
18. for Designers: Goals ຊ෺ͷσʔλΛ؆୯ʹ
    /PEF3&%
    ͰίωΫτͯ͠ɺϓϩτλΠϐϯάʹ૊ΈࠐΜͰ
    ຊ౰ͷσʔλͰ
    69
    Λݕূ͢Δੈք΁ w σβΠφʔ͕
    .PDLσʔλɺ"1*࣮૷
    ଴ͨͳ͍͍ͯ͘
    w αʔόʔαΠυ઀ଓ
    SFBEZ
    ͳ
    6*69σβΠϯ
19. w σβΠφʔʹ࢖ͬͯ΋Β͏ʢ·ͩະݕূʜʣ
    w /PEF3&%ը໘ΛσβΠφʔͷݴ༿ʹஔ͖׵͑Δ
    w ֤ϊʔυͷ࢖͍ํઆ໌ΛಡΜͰ΋ɺͬ͞ͺΓʜ
    w ಉ͡Α͏ͳ"1*͕͍ͬͺ͍ʹͳΓͦ͏ʜ
    w σβΠφʔΠϕϯτʹ࣋ͪࠐΉ for Designers: ࠓޙͷల๬