IoTビジュアライズ今昔 (第8回 #iotlt : 5分)

by n0bisuke

Slide 1

Slide 1 text

*P5ϏδϡΞϥΠζࠓੲ 株式会社LIG 菅原のびすけ @n0bisuke sugawara.ryousuke d͜Ε͔Βͷ*P5͸άϥϑԽ͡Όͳ͍ͩΖ͏͔d

Slide 2

Slide 2 text

ࣗݾ঺հ ੁݪ ͷͼ͚͢ LIG inc. ΤϯδχΞ (৽ଔ2೥໨ʹ) ग़਎ٶ৓ੜ·Εؠखҭͪ ಛٕΘΜͦ͜͹ ഋ෼ Ωʔϫʔυ .JMLDPDPBɺ(`TΞΧσϛʔɺՈ௞ԁ #BB4 *P5 ϦΞϧλΠϜ௨৴ͳͲ͕޷͖ ࠷ۙ͸ςΫχΧϧϥΠςΟϯά͕૿͖͑ͯͨ

Slide 3

Slide 3 text

࠷ۙ͸IoTྖҬʹ΋ྗೖΕͯ·͢ɻ ͓΋͠ΖϝσΟΞΛ͍࣋ͬͯΔWeb੍࡞ձࣾ

Slide 4

Slide 4 text

IoTྖҬ(͕த৺ʹͳΓͦ͏)ͰͷϝσΟΞ΍ ϓϩϞʔγϣϯ΋΍͍͖ͬͯ·͢ɻ ࢀߟ: ՝֎׆ಈͰษڧձΛओ࠵͍ͯͨ͠Βձࣾͷࣄۀʹͳͬͨ࿩ #IoTLT http://liginc.co.jp/183367 (͍͍Ͷ਺ 800௒͑· ͨ͠ɻ͏Ε͍͠)

Slide 5

Slide 5 text

ࠓ೔͸ IoT/ϏδϡΞϥΠζपΓ ʹࢸΔ·Ͱͷ࿩Ͱ͢ɻ

Slide 6

Slide 6 text

IoTͱσʔλϏδϡΞϥΠζ ͷ͜Ε·Ͱɻ

Slide 7

Slide 7 text

IoTͷྲྀΕҎલɻ Webͷਓ͕ηϯαʔσʔλΛѻ͏ બ୒ࢶ͸΄΅ߟ͑ΒΕͳ͔ͬͨ IoT ݪ࢝࣌୅ (~BC6000)

Slide 8

Slide 8 text

Webٕज़Ͱѻ͑ΔϚΠίϯϘʔυ ීٴʹΑΓɺ؆୯ʹ ηϯαʔσʔλΛWebʹͭͳ͛Δ ͜ͱ͕ग़དྷΔΑ͏ʹͳΓ·ͨ͠ɻ IoT ݹ୅ (BC2000)

Slide 9

Slide 9 text

େྔͷσʔλ͕ऩू͞Εͯ ׆༻Λߟ͑ΔϑΣʔζ΁ IoT தੈ (AC500) ػցֶशͱ͔

Slide 10

Slide 10 text

׆༻͢Δʹ͋ͨΓɺσʔλΛ ϏδϡΞϥΠζ͍ͨ͠ͱ͍͏ χʔζ͕ߴ·͍ͬͯ·͢ɻ IoT ۙ୅(2015) ※ը૾͸શؔ͘܎͋Γ·ͤΜɻ

Slide 11

Slide 11 text

·ͱΊΔͱ͜Μͳײ͡ *P5ͷྲྀΕͰϚΠίϯϘʔυͰηϯαʔσʔλΛ؆୯ʹ࢖ ͏͜ͱ͕ग़དྷΔΑ͏ʹͳΓ·ͨ͠ɻ ϚΠίϯϘʔυ͕8FCٕज़Ͱѻ͑ΔΑ͏ʹͳΓɺ؆୯ʹη ϯαʔσʔλΛ8FCʹͭͳ͛Δ͜ͱ͕ग़དྷΔΑ͏ʹͳΓ·͠ ͨɻ େྔͷσʔλ͕ऩू͞Εͯ׆༻Λߟ͑ΔϑΣʔζʹͳΓ· ͨ͠ɻ ׆༻͢Δʹ͋ͨΓɺσʔλΛϏδϡΞϥΠζ͍ͨ͠ͱ͍͏ χʔζ͕ߴ·͍ͬͯ·͢ɻ

Slide 12

Slide 12 text

…ϏδϡΞϥΠζͬͯ ͚ͬ͜͏େมɻ IoT ݱ୅ (2015) (D3.js, WebGL, Canvas… ͦͬͪ·Ͱखग़͢..?)

Slide 13

Slide 13 text

ઌ೔ɺ͜Μͳ΋ͷΛ࡞Γ·ͨ͠ɻ (௧ײͨ͠খ࿩)

Slide 14

Slide 14 text

Edison + ਓײηϯα Edison ਓײηϯα

Slide 15

Slide 15 text

ਓײηϯαͰਓͷग़ೖΓΛՄࢹԽ

Slide 16

Slide 16 text

ߏ੒͸͜Μͳײ͡ MRAA Milkcocoa Chart.js σʔλΠϯϓοτ σʔλΞ΢τϓοτ

Slide 17

Slide 17 text

දଆ͕ҙ֎ͱͭΒ͍ MRAA Milkcocoa Chart.js σʔλΠϯϓοτ σʔλΞ΢τϓοτ

Slide 18

Slide 18 text

IoT/σʔλϏδϡΞϥΠζ͸ Ξ΢τϓοτଆ͕ҙ֎ͱπϥΠ

Slide 19

Slide 19 text

ৼΓฦΓɺIoTLT vol6Ͱͷ࿩ “ษڧձͷ੝Γ্͕ΓΛϦΞϧλΠϜʹՄࢹԽͨ͠࿩” Λ͠·ͨ͠ɻ

Slide 20

Slide 20 text

ৼΓฦΓɺIoTLT vol6Ͱͷ࿩ ՄࢹԽͷ෦෼͍͍ײ͡ ʹ΍ͬͯ͘ΕΔαʔϏ εͳ͍͔ͳ͊ ͭ @n0bisuke @kiyopikko

Slide 21

Slide 21 text

IUUQGSFFCPBSEJP freeboard

Slide 22

Slide 22 text

freeboard ɾϓϩάϥϛϯάෆཁ ɾσβΠϯෆཁ ɾઃఆ͢Δ͚ͩͰσʔλΛϏδϡΞϥΠζ (άϥϑԽ)ͯ͘͠ΕΔ ɾάϥϑͷछྨ΋બ΂Δ ɾσʔλͷΠϯϓοτϦιʔε΋બ΂Δ (֎෦αʔϏεՄ) ׂͱٻΊ͍ͯͨ෺ͷཧ૝ܗʹ͍ۙ

Slide 23

Slide 23 text

͜Μͳײ͡

Slide 24

Slide 24 text

࿈ܞͯ͠ΔαʔϏε (ൈਮ) PubNub Dweet.io SDK͕ଟ࠼! ొ࿥ෆཁʂ ɾ͍ͮΕ΋Node.jsͷSDK͕͋ΓWeb։ൃͳϊϦͰར༻Մೳ ɾαʔόʔ΍DBΛ༻ҙͤͣʹɺ ϦΞϧλΠϜʹσʔλΛڞ༗/อଘ͕ग़དྷΔBEαʔϏε(BaaS)

Slide 25

Slide 25 text

DEMO

Slide 26

Slide 26 text

͖ͬ͞ͷ࿩ʹ΋ͲΔͱ

Slide 27

Slide 27 text

΍Γ͔ͨͬͨ͜ͱ ΦϑΟεʹ౔೔ग़ۈ͍ͯ͠Δਓ͕͍ ͨΒ֬ೝ(ͦͯ͠։͚ͯ΋Β͍͍ͨ) ΦϑΟεϏϧ͕౔೔։͔ͳ͍ɻ

Slide 28

Slide 28 text

ϑϧεΫϥονͩͱ͜ΜͳΠϝʔδ ΦϑΟεʹ౔೔ग़ۈ͍ͯ͠Δਓ֬ೝ ਓײηϯα ϚΠίϯϘʔυ αʔόʔαΠυϓϩάϥϜ αʔόʔαΠυϓϩάϥϜ σʔλϕʔε σβΠϯ ϑϩϯτΤϯυϓϩάϥϜ (JavaScript) Πϯϑϥ༻ҙ ίʔσΟϯά (HTML/CSS) ΦϑΟεͷਓΛ֬ೝ

Slide 29

Slide 29 text

ϑϧεΫϥονͩͱ͜ΜͳΠϝʔδ ΦϑΟεʹ౔೔ग़ۈ͍ͯ͠Δਓ֬ೝ ਓײηϯα ϚΠίϯϘʔυ αʔόʔαΠυϓϩάϥϜ αʔόʔαΠυϓϩάϥϜ σʔλϕʔε σβΠϯ ϑϩϯτΤϯυϓϩάϥϜ (JavaScript) Πϯϑϥ༻ҙ ίʔσΟϯά (HTML/CSS) ΦϑΟεͷਓΛ֬ೝ खॱଟ͍Αɻɻɻ (͜͜Λૣ͘ɾखܰʹ͍ͨ͠ʂ)

Slide 30

Slide 30 text

͏·͘WebαʔϏε࢖͍·͠ΐ ਓײηϯα ϚΠίϯϘʔυ αʔόʔαΠυϓϩάϥϜ αʔόʔαΠυϓϩάϥϜ σʔλϕʔε σβΠϯ ϑϩϯτΤϯυϓϩάϥϜ (JavaScript) Πϯϑϥ༻ҙ ίʔσΟϯά (HTML/CSS)

Slide 31

Slide 31 text

Slide 32

Slide 32 text

IoT͸ྖҬ͕޿͍͔Β ؾ࣋ͪ΍࣮૷Օॴ͕ൃࢄ͕ͪ͠ɻ

Slide 33

Slide 33 text

֎෦αʔϏεΛ׆༻ͯ͠ ࣮ݱ͍ͨ͜͠ͱʹूத͠·͠ΐ͏ʂ

Slide 34

Slide 34 text

Ұ౓ลΓΛݟ౉ͯ͠ɺ ೰Ή΂͖ͱ͜ΖͰ೰΋͏ʂ

Slide 35

Slide 35 text

·ͱΊ ɾϏδϡΞϥΠζ·Ͱࣗ෼Ͱ΍Δͷ͸େม ɾ'SFFCPBSE͸Ξ΢τϓοτΛ؆୯ʹग़དྷΔ ɾ1VC/VC %XFFUJP .JMLDPDPB ɾαʔϏεΛ׆༻ͯ͠ɺ ࣮ݱ͍ͨ͜͠ͱΛ࣮ݱ͢ΔͨΊͷ࠷దղΛʂ

Slide 36

Slide 36 text

-*(͕αʔϏε੝Γ্͛·͢Αɻ ɾٕज़ܥͳࣥචͨ͠Γ ɾΠϕϯτ։͍ͨΓ ɾొஃͨ͠Γ ɾΠϯλʔϯ΍ΞϧόΠτืू͠ ͯ·͢ʂ ࠙਌ձͰ੠͔͚͍ͯͩ͘͞ʙ Ҏ্Ͱ͢ʂ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ࢓ࣄతͳ࿩ɻ