感情インタラクションβ~これからのIoTはグラフ化じゃないだろうか~(第6回 #iotlt : 5分)

第6回 #iotlt での発表です。
会場の様子をこころコンパスとWebAudioの音量からHueの色と出力を調整して可視化した発表をしました。

実際のプレゼンは https://i.gyazo.com/f445676f7fc67f02870d8ef724dc6c8e.png こんな感じでスライドをWebページに埋め込んで行いました。

Transcript

1. ײ৘ΠϯλϥΫγϣϯЌ
   株式会社LIG  菅原  のびすけ     @n0bisuke    sugawara.ryousuke d͜Ε͔Βͷ*P5͸άϥϑԽ͡Όͳ͍ͩΖ͏͔d
   
2. ࣗݾ঺հ ੁݪ ͷͼ͚͢ LIG inc. ΤϯδχΞ (৽ଔ2೥໨ʹ) ग़਎
   ٶ৓ੜ·Εؠखҭͪ
   ಛٕ
   ΘΜͦ͜͹
   ഋ
   
   ෼
   Ωʔϫʔυ
   
   
   
   .JMLDPDPBɺ(`TΞΧσϛʔɺՈ௞ԁ #BB4
   *P5
   ϦΞϧλΠϜ௨৴ͳͲ͕޷͖ ࠷ۙ͸ςΫχΧϧϥΠςΟϯά͕૿͖͑ͯͨ
3. ࠷ۙ͸IoTྖҬʹ΋ྗೖΕͯ·͢ɻ ͓΋͠ΖϝσΟΞΛ͍࣋ͬͯΔWeb੍࡞ձࣾ
4. Amazon WebσβΠϯΧςΰϦ 1Ґʂ ݱ৔ͷϓϩ͕ڭ͑Δ WEBσβΠϯ ৽ɾελϯμʔυ ςΫχοΫ37 એ఻: ॻ੶σϏϡʔ͠·ͨ͠ʂ
5. ࠓ೔͸ΈΜͳ͕ؾʹͳͬͯΔ Ͱ͋Ζ͏࿩Λ͠·͢ɻ ίΠπˠ
6. ࠓ೔͸ΈΜͳ͕ؾʹͳͬͯΔ Ͱ͋Ζ͏࿩Λ͠·͢ɻ ίΠπˠ
7. ΫϚ
   JT
   )VF
8. Hueͬͯ? IUUQXXXNFFUIVFDPNKB+1 ϓϩάϥϜૢ࡞Մೳͳর໌
   *P5σόΠε
   ɾ8FC"1*
   
   +BWBTDSJQUͰ੍ޚͰ͖Δ
   ɾଟ࠼ͳૢ࡞
   ৭ɺ໌Δ͞FUD
9. Q: ͜ͷΫϚ͸ԿΛ͍ͯ͠Δʁ
10. A: ձ৔ͷ੝Γ্͕ΓΛՄࢹԽ ͍ͯ͠·͢ɻ
11. Ͳ͏΍ͬͯΔͷ͔…? ਓͷײ৘Λ෼ੳͯ͠ ΠϯλϥΫγϣϯΛ͍ͯ͠·͢ɻ
12. ͜͜Ζίϯύε (by εϚʔτϝσΟΧϧ) IUUQTNBSUNFEJDBMKQJDUDPDPSP@DPNQBTT ੠͔Βײ৘Λղੳ
    ɾൃ࿩ͷςϯϙɺԻఔɺ ͳͲछྨఔͷಛ௃ྔ ͔Βࢉग़
    ɾҩྍݱ৔ͳͲͰར༻ ͞Ε͍ͯΔٕज़
13. γεςϜߏ੒ શ෦Javascript! ൃ࿩ WebAudioAPI ajax Hue Cylon.jsͷHueΞμϓλͰ؆୯ૢ࡞
14. ͜ͷ࢓૊ΈΛ࢖ͬͯࡢ೔#tritonjsͰσϞ͖ͯ͠·ͨ͠ɻ
15. ͜ͷ࢓૊ΈΛ࢖ͬͯࡢ೔#tritonjsͰσϞ͖ͯ͠·ͨ͠ɻ
16. ࡢ೔ͱಉ͡಺༰?
17. ಉ͡ൃද͸͠ͳ͍ͬ͢ʂ σϞΛݟͨਓ͸ҧ͍͕෼͔ Δϋζʂ
18. ΍Γ͔ͨͬͨ͜ͱ͸ษڧձՄࢹԽ എܠ: ΠϕϯτΑ͘΍Δ͠ͳΜ͔৘ใ ͱΓ͍ͨɻ → ͜͜Ζίϯύε࢖ͬͯ੝Γ্͕Γ ՄࢹԽ
19. ษڧձͷ੝Γ্͕Γ? ɾൃ࿩͔ΒऔΕΔײ৘
    
    ɾԻྔʹΑΔձ৔ͷ্༙͖͕Γ
    
    ɾπΠʔτ
    ɾ೤ؾ ʜͱ͔ͷ৘ใΛ࢖͑Δ͔΋ ϦΞϧλΠϜʹݟΕͨΒ੝Γ্͕Δ͔΋ͳʂͱ͍͏͜ͱͰ
20. ͭ͘Γ·ͨ͠ʂ ·్ͩத͔ͩΒЌ
21. ͭ͘Γ·ͨ͠ʂ ·్ͩத͔ͩΒЌ ײ ৘ Ի ྔ πΠʔτ ΍Γ͔ͨͬͨ
23. ɾൃ࿩͔ΒऔΕΔײ৘
    
    ɾԻྔʹΑΔձ৔ͷ੝Γ্͕Γ
    
    ɾπΠʔτ
    ɾ೤ؾ ։ൃঢ়گ ˡ
    ࡢ೔ ˡ
    ࠓ೔ ˡ
    ࠓ೔΍Γ͔͚ͨͬͨͲʜ ˡ
    ͍͔ͭ΍Γ͍ͨ
24. ɾݟ͑ͳ͔ͬͨσʔλͷՄࢹԽ͸ָ͍͠
    ɾσόΠε࿈ܞ͸ׂͱ͔ΜͨΜ
    ɾσʔλूΊͨ͸͍͍͚ͲάϥϑԽ͕
    ໘౗
    ɾYJWFMZతͳαʔϏεधཁ͋Γͦ͏΍ɻ ࡞ͬͯΈͨײ૝ ൃදऀεςʔλε: ࣾձਓೋ೥໨ͷ৽ถΤϯδχΞ
25. ·ͱΊ )VFͱ͜͜ΖίϯύεͰձ৔੝Γ্͕ΓΛՄࢹԽ ͯ͠Έ·ͨ͠ʂ
    
    ϓϨθϯπʔϧతͳ΋ͷΛ࡞੒
    ͜Ε͔Βͷ*P5͸άϥϑԽ͡Όͳ͍͔ ձٞΛՄࢹԽ
    ਓ࿛ήʔϜ΍ͬͯΈ͍ͨ
    ਫ਼౓ͱ͔৭ʑௐ੔͠ͳ͍ͱ ࠓޙ
26. -*(͕αʔϏε੝Γ্͛·͢Αɻ
    ɾٕज़ܥͳࣥචͨ͠Γ
    ɾΠϕϯτ։͍ͨΓ
    ɾొஃͨ͠Γ
    ɾΠϯλʔϯืूͯ͠·͢ʂ
    ࠙਌ձͰ੠͔͚͍ͯͩ͘͞ʙ Ҏ্Ͱ͢ʂ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ࢓ࣄతͳ࿩ɻ