Freeboardでビジュアライズをいい感じにする話。
PubNub、Dweet.io、Milkcocoaもいいね。
*P5ϏδϡΞϥΠζࠓੲ株式会社LIG 菅原 のびすけ @n0bisuke sugawara.ryousuked͜Ε͔Βͷ*P5άϥϑԽ͡Όͳ͍ͩΖ͏͔d
View Slide
ࣗݾհੁݪ ͷͼ͚͢ LIG inc. ΤϯδχΞ (৽ଔ2ʹ)ग़ٶੜ·ΕؠखҭͪಛٕΘΜͦ͜ ഋΩʔϫʔυ.JMLDPDPBɺ(`TΞΧσϛʔɺՈԁ#BB4 *P5 ϦΞϧλΠϜ௨৴ͳͲ͕͖࠷ۙςΫχΧϧϥΠςΟϯά͕૿͖͑ͯͨ
࠷ۙIoTྖҬʹྗೖΕͯ·͢ɻ͓͠ΖϝσΟΞΛ͍࣋ͬͯΔWeb੍࡞ձࣾ
IoTྖҬ(͕த৺ʹͳΓͦ͏)ͰͷϝσΟΞϓϩϞʔγϣϯ͍͖ͬͯ·͢ɻࢀߟ: ՝֎׆ಈͰษڧձΛओ࠵͍ͯͨ͠Βձࣾͷࣄۀʹͳͬͨ#IoTLT http://liginc.co.jp/183367(͍͍Ͷ 800͑·ͨ͠ɻ͏Ε͍͠)
ࠓ IoT/ϏδϡΞϥΠζपΓʹࢸΔ·ͰͷͰ͢ɻ
IoTͱσʔλϏδϡΞϥΠζͷ͜Ε·Ͱɻ
IoTͷྲྀΕҎલɻWebͷਓ͕ηϯαʔσʔλΛѻ͏બࢶ΄΅ߟ͑ΒΕͳ͔ͬͨIoT ݪ࢝࣌ (~BC6000)
Webٕज़Ͱѻ͑ΔϚΠίϯϘʔυීٴʹΑΓɺ؆୯ʹηϯαʔσʔλΛWebʹͭͳ͛Δ͜ͱ͕ग़དྷΔΑ͏ʹͳΓ·ͨ͠ɻIoT ݹ (BC2000)
େྔͷσʔλ͕ऩू͞Εͯ׆༻Λߟ͑ΔϑΣʔζIoT தੈ (AC500)ػցֶशͱ͔
׆༻͢Δʹ͋ͨΓɺσʔλΛϏδϡΞϥΠζ͍ͨ͠ͱ͍͏χʔζ͕ߴ·͍ͬͯ·͢ɻIoT ۙ(2015)※ը૾શؔ͋͘Γ·ͤΜɻ
·ͱΊΔͱ͜Μͳײ͡ *P5ͷྲྀΕͰϚΠίϯϘʔυͰηϯαʔσʔλΛ؆୯ʹ͏͜ͱ͕ग़དྷΔΑ͏ʹͳΓ·ͨ͠ɻϚΠίϯϘʔυ͕8FCٕज़Ͱѻ͑ΔΑ͏ʹͳΓɺ؆୯ʹηϯαʔσʔλΛ8FCʹͭͳ͛Δ͜ͱ͕ग़དྷΔΑ͏ʹͳΓ·ͨ͠ɻେྔͷσʔλ͕ऩू͞Εͯ׆༻Λߟ͑ΔϑΣʔζʹͳΓ·ͨ͠ɻ׆༻͢Δʹ͋ͨΓɺσʔλΛϏδϡΞϥΠζ͍ͨ͠ͱ͍͏χʔζ͕ߴ·͍ͬͯ·͢ɻ
…ϏδϡΞϥΠζ͚ͬͯͬ͜͏େมɻIoT ݱ (2015)(D3.js, WebGL, Canvas… ͦͬͪ·Ͱखग़͢..?)
ઌɺ͜ΜͳͷΛ࡞Γ·ͨ͠ɻ(௧ײͨ͠খ)
Edison + ਓײηϯαEdison ਓײηϯα
ਓײηϯαͰਓͷग़ೖΓΛՄࢹԽ
ߏ͜Μͳײ͡MRAAMilkcocoaChart.jsσʔλΠϯϓοτ σʔλΞτϓοτ
දଆ͕ҙ֎ͱͭΒ͍MRAAMilkcocoaChart.jsσʔλΠϯϓοτ σʔλΞτϓοτ
IoT/σʔλϏδϡΞϥΠζΞτϓοτଆ͕ҙ֎ͱπϥΠ
ৼΓฦΓɺIoTLT vol6Ͱͷ“ษڧձͷΓ্͕ΓΛϦΞϧλΠϜʹՄࢹԽͨ͠”Λ͠·ͨ͠ɻ
ৼΓฦΓɺIoTLT vol6ͰͷՄࢹԽͷ෦͍͍ײ͡ʹͬͯ͘ΕΔαʔϏεͳ͍͔ͳ͊ͭ@n0bisuke@kiyopikko
IUUQGSFFCPBSEJPfreeboard
freeboardɾϓϩάϥϛϯάෆཁɾσβΠϯෆཁɾઃఆ͢Δ͚ͩͰσʔλΛϏδϡΞϥΠζ(άϥϑԽ)ͯ͘͠ΕΔɾάϥϑͷछྨબΔɾσʔλͷΠϯϓοτϦιʔεબΔ(֎෦αʔϏεՄ)ׂͱٻΊ͍ͯͨͷཧܗʹ͍ۙ
͜Μͳײ͡
࿈ܞͯ͠ΔαʔϏε (ൈਮ)PubNub Dweet.ioSDK͕ଟ࠼!ొෆཁʂɾ͍ͮΕNode.jsͷSDK͕͋ΓWeb։ൃͳϊϦͰར༻ՄೳɾαʔόʔDBΛ༻ҙͤͣʹɺϦΞϧλΠϜʹσʔλΛڞ༗/อଘ͕ग़དྷΔBEαʔϏε(BaaS)
DEMO
͖ͬ͞ͷʹͲΔͱ
Γ͔ͨͬͨ͜ͱΦϑΟεʹग़ۈ͍ͯ͠Δਓ͕͍ͨΒ֬ೝ(ͦͯ͠։͚ͯΒ͍͍ͨ)ΦϑΟεϏϧ͕։͔ͳ͍ɻ
ϑϧεΫϥονͩͱ͜ΜͳΠϝʔδΦϑΟεʹग़ۈ͍ͯ͠Δਓ֬ೝਓײηϯα ϚΠίϯϘʔυαʔόʔαΠυϓϩάϥϜαʔόʔαΠυϓϩάϥϜσʔλϕʔεσβΠϯϑϩϯτΤϯυϓϩάϥϜ (JavaScript)Πϯϑϥ༻ҙίʔσΟϯά (HTML/CSS)ΦϑΟεͷਓΛ֬ೝ
ϑϧεΫϥονͩͱ͜ΜͳΠϝʔδΦϑΟεʹग़ۈ͍ͯ͠Δਓ֬ೝਓײηϯα ϚΠίϯϘʔυαʔόʔαΠυϓϩάϥϜαʔόʔαΠυϓϩάϥϜσʔλϕʔεσβΠϯϑϩϯτΤϯυϓϩάϥϜ (JavaScript)Πϯϑϥ༻ҙίʔσΟϯά (HTML/CSS)ΦϑΟεͷਓΛ֬ೝखॱଟ͍Αɻɻɻ(͜͜Λૣ͘ɾखܰʹ͍ͨ͠ʂ)
͏·͘WebαʔϏε͍·͠ΐਓײηϯα ϚΠίϯϘʔυαʔόʔαΠυϓϩάϥϜαʔόʔαΠυϓϩάϥϜσʔλϕʔεσβΠϯϑϩϯτΤϯυϓϩάϥϜ (JavaScript)Πϯϑϥ༻ҙίʔσΟϯά (HTML/CSS)
IoTྖҬ͕͍͔Βؾ࣮࣋ͪՕॴ͕ൃࢄ͕ͪ͠ɻ
֎෦αʔϏεΛ׆༻࣮ͯ͠ݱ͍ͨ͜͠ͱʹूத͠·͠ΐ͏ʂ
ҰลΓΛݟͯ͠ɺΉ͖ͱ͜ΖͰ͏ʂ
·ͱΊɾϏδϡΞϥΠζ·ͰࣗͰΔͷେมɾ'SFFCPBSEΞτϓοτΛ؆୯ʹग़དྷΔɾ1VC/VC %XFFUJP .JMLDPDPBɾαʔϏεΛ׆༻ͯ͠ɺ࣮ݱ͍ͨ͜͠ͱΛ࣮ݱ͢ΔͨΊͷ࠷దղΛʂ
-*(͕αʔϏεΓ্͛·͢Αɻɾٕज़ܥͳࣥචͨ͠ΓɾΠϕϯτ։͍ͨΓɾొஃͨ͠ΓɾΠϯλʔϯΞϧόΠτืूͯ͠·͢ʂ࠙ձͰ͔͚͍ͯͩ͘͞ʙҎ্Ͱ͢ʂ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂࣄతͳɻ