IoTとデザインの話 (第9回 #iotlt :5分)

http://hitobit.cityの紹介をしつつ、IoT時代のWebデザインについて思っていることをさっくりと話しました。

データを扱う量も種類が増えてきて、多様化していくからこそデータの意味を考えて表現を考えたいですね。

今回、会場がGoogleというリッチな感じでテンションあがりましたね。
http://iotlt.connpass.com/event/21491/

Transcript

1. http://hitobit.city
   Nobisuke Sugawara Hirokazu Goto Mikako Nohechi
   *P5ͱσβΠϯͷ࿩
   *P5-5WPM!OCJTVLF
   

   View Slide

2. ࣗݾ঺հ
   גࣜձࣾ-*(ΤϯδχΞ
   ੁݪͷͼ͚͢
   ɾؠख͔Βڈ೥্ژ
   ɾ.JMLDPDPBΤόϯδΣϦετ
   ɾ/PEFKTͱ͔(PMBOHͱ͔޷͖Ͱ͢
   ɾΠϕϯτओ࠵͕ଟ͘ͳ͖ͬͯ·ͨ͠
   ɾΘΜͦ͜͹͕ಛٕ
   

   View Slide

3. גࣜձࣾ-*(
   ্໺ͷ8FC੍࡞ձࣾ
   *P5΍ςΫϊϩδʔʹ΋໌Δ͍ ײ͡ʹͳΓ͍ͨ
   
   

   View Slide

4. http://hitobit.city
   Nobisuke Sugawara Hirokazu Goto Mikako Nohechi
   *P5ͱσβΠϯͷ࿩
   *P5-5WPM!OCJTVLF
   

   View Slide

5. http://hitobit.city
   Nobisuke Sugawara Hirokazu Goto Mikako Nohechi
   

   View Slide

6. ώτCJUͱ͸
   ΤϯδχΞ͕ू·Δεϖʔε
   ʢίϫʔΩϯάεϖʔε΍Π
   ϕϯτձ৔ʣʹਓײηϯαʔ
   Λઃஔɻ
   ϦΞϧ࿈ಈͳ*P5ίϯςϯπ
   ֤εϖʔεͷ੝Γ্͕Γ΍ਓͷग़ೖΓΛηϯαϦϯά͠ɺ
   ϦΞϧλΠϜʹ8FC্ʹ൓ө͍͖ͤͯ͞·͢ɻ
   

   View Slide

7. ώτCJUͱ͸
   εϖʔεʹਓ͕΍ͬͯ͘Δͷ
   ʹ߹ΘͤͯɺϑΟʔϧυʹਓ
   ͕߱Γཱͪ·͢ɻ
   ू·ͬͨਓʑ ΤϯδχΞ
   ͷν
   ΧϥͰ͕֗ൃల͍͖ͯ͠·͢ɻ
   

   View Slide

8. ར༻γʔϯ
   ˞ࠞΈ۩߹ΛݟΔπʔϧͱͯ͠΍ɺεϖʔεͷએ఻ഔମͱͯ͠΋࢖͑ͦ͏
   8FC্PSεϖʔε಺
   ͷσΟεϓϨΠͰɺ
   ੝Γ্͕ΓΛ֬ೝɻ
   EPUT1"",ENNNBLF͍͍ΦϑΟεDBGF
   

   View Slide

9. ͳͥ࡞ͬͨͷ͔
   ΤϯδχΞ޲͚ͷΠϕϯτΛ࣮ࢪͯ͠ɺ
   ࣗ਎Ͱ৭ʑͳίϛϡχςΟεϖʔεΛपͬͯײͨ͜͡ͱ
   εϖʔεຖͰͦΕͧΕͷจԽ͕Ͱ͖͓ͯΓ
   εϖʔεؒͷަྲྀͳͲ͸ബ͍
   

   View Slide

10. ͳͥ࡞ͬͨͷ͔
    ΤϯδχΞୡ
    ʢ΍ΤϯδχΞ͕ू͏εϖʔεʣΛ
    ܨ͛ΔଘࡏʹͳΓ͍ͨɻ
    

    View Slide

11. ίϯηϓτ
    ू·Εɺܨ͕ΕɺΤϯδχΞɻ
    

    View Slide

12. ώτCJU
    ώτͱCJUͰਓʑʹͳΔɻ
    ֗ʹॅΜͰ͍Δώτ
    ςΫϊϩδʔ΍
    ΤϯδχΞ
    ൃల͍ͯ͠Δੈք
    

    View Slide

13. ࠜఈͷ૝͍
    ΤϯδχΞ͕੝Γ্͕Δ͜ͱͰੈքΛՃ଎͢Δ
    

    View Slide

14. දݱ͔ͨͬͨ͜͠ͱ
    ΤϯδχΞ͕ू·ͬͯੈքΛൃల͍ͤͯ͞Δ
    ൃల͖ͯͨ͠ੈք͸
    ࣮͸ΤϯδχΞ͕ӄͰࢧ͍͑ͯΔ
    

    View Slide

15. දݱ͔ͨͬͨ͜͠ͱ
    ΤϯδχΞ͕ू·ͬͯੈքΛൃల͍ͤͯ͞Δ
    εϖʔε͝ͱͷʮू·Γʯ͕ʮू·Δʯ
    ϦΞϧͳ৔ॴͰͷώτͷू·Γ
    

    View Slide

16. ΤϯδχΞ͕ू·ͬͯੈքΛൃల͍ͤͯ͞Δ
    දݱ͔ͨͬͨ͜͠ͱ
    େ͖ͳ֗ͷͦͷԼͰ͸ʜ
    ஍ಓͳ౒ྗͰࢧ͑ΔΤϯδχΞ
    

    View Slide

17. ٕज़తͳ࿩
    ਓ͕ू·͍ͬͯΔ͜ͱΛͲ͏ݕ஌͢Δ͔ʁ
    

    View Slide

18. ਓײηϯαʔ
    ʴ
    &EJTPO
    ٕज़తͳ࿩
    

    View Slide

19. σʔλ஝ੵ ௨஌
    ߏ੒ਤ
    .JMLDPDPB
    8FCαΠτ
    *OUFM&EJTPO
    /PEFKTNSBB
    ਓײηϯαʔ
    যిܕ੺֎ઢʢਓײʣ
    ηϯαʔϞδϡʔϧ4#"
    

    View Slide

20. σʔλϏδϡΞϥΠζ
    ू·ͬͯ͘ΔσʔλΛͲ͏දݱ͢Δ͔ʁ
    ू·ͬͯ͘Δਓ ൃల͍༷ͯ͘͠ࢠ
    

    View Slide

21. ॳظΞΠσΟΞ
    ਓ͕ू·Δ▶︎ؙ͕૿͍͑͘
    ؙ͕૿͑Δ▶︎ԁ͕େ͖͘ͳΔ▶︎ઢ͕ͭͳ͕Δ
    ʢѱ͘͸ͳ͍͚ΕͲʜʣ
    

    View Slide

22. σʔλͷʮҙຯʯ
    ਓײηϯαʔͰಘͨσʔλ͸ʮਓʯ͕ಈ͍ͨي੻
    ώτͩͱ෼͔ΔΦϒδΣΫτʹ͍ͨ͠
    

    View Slide

23. ՝୊ͩͬͨ͜ͱ
    *P5΍σʔλϏδϡΞϥΠζ
    ˣ
    Ͳ͏΍ͬͯԹ͔͞Λग़͢ͷ͔
    

    View Slide

24. ϢΧΠ޻ֶͷ੨໦͞Μ΋ݴ͍ͬͯͨ
    IUUQJPUOFXTKQBSDIJWFT
    

    View Slide

25. 8FCͷදݱͱͯ͠ͷ*P5
    

    View Slide

26. ·ͱΊ
    *P5͕ྲྀߦͬͯσʔλ׆༻͕૽͕ΕΔ͔Βͦ͜ɺ
    8FCͷදݱ͸σʔλͷҙຯʹؾΛ͚͍ͭͨͰ͢Ͷɻ
    8FC੍࡞ऀɺ͕Μ͹Ζ
    http://hitobit.city
    

    View Slide