Slide 1

Slide 1 text

ϑϩϯτΤϯυٕज़Ͱ
 σʔλϏδϡΞϥΠθʔγϣϯ Grand Frontend Osaka 2016 Day 1

Slide 2

Slide 2 text

ࣗݾ঺հ • ͓ͷ͏͑ (@_likr) • ژ౎େֶ ֶࡍ༥߹ڭҭݚڀਪਐηϯλʔ
 ੓ࡦͷͨΊͷՊֶϢχοτ ಛఆॿڭ • ng-kyotoΦʔΨφΠβʔɺGDGਆށελοϑ • ՄࢹԽɺ࠷దԽɺΞϧΰϦζϜͷݚڀ • WebϑϩϯτΤϯυ։ൃ

Slide 3

Slide 3 text

ϏδϡΞϥΠθʔγϣϯͷྫ ֶ໰؍ͷՄࢹԽ େن໛σʔλ͔ΒͷҼՌநग़ ஍ٿ؀ڥ৘ใͷՄࢹԽ ҼՌάϥϑͷՄࢹԽ

Slide 4

Slide 4 text

ϏδϡΞϥΠθʔγϣϯͱ͸ • ՄࢹԽɺݟ͑ΔԽɺ… • "to see the unseen" • ਓ͕ؒʮσʔλʯ͔Βʮ৘ใʯΛݟग़͠
 ཧղ͢Δ͜ͱΛଅਐ͢Δ ৘ใ ஌ࣝ ਓؒ ʴ ՄࢹԽ ཧղ σʔλ

Slide 5

Slide 5 text

ՄࢹԽͷϓϩηε ʮ͋Δ΂͖ՄࢹԽ૾ʯΛ
 ࣮ݱ͢ΔͨΊͷٕज़ ʮ͋Δ΂͖ՄࢹԽ૾ʯΛఆΊΔ ʮ͋Δ΂͖ՄࢹԽ૾ʯ͕
 ୡ੒Ͱ͖͔ͨͷධՁ σʔλ ͋Δ΂͖ՄࢹԽ૾

Slide 6

Slide 6 text

ϑϩϯτΤϯυٕज़ͱϏδϡΞϥΠθʔγϣϯ • ϒϥ΢βͷඋ͑ΔάϥϑΟοΫεAPIΛར༻ • CanvasɺWebGLɺSVG • Webඪ४ٕज़ (HTMLɺCSSɺJavaScript)Ͱ࣮૷ • ๛෋ͳϏδϡΞϥΠθʔγϣϯϥΠϒϥϦ • D3.js - https://d3js.org/ • Three.js - http://threejs.org/ • Cesium.js - https://cesiumjs.org/ • …

Slide 7

Slide 7 text

Φʔϓϯσʔλ • ૯຿ল౷ܭہ
 http://www.stat.go.jp/data/index.htm • Ґஔࢀর৘ใμ΢ϯϩʔυαʔϏε
 http://nlftp.mlit.go.jp/isj/index.html • େࡕࢢΦʔϓϯσʔλ
 http://www.city.osaka.lg.jp/toshikeikaku/page/ 0000250227.html • ؾ৅ிσʔλ (OPeNDAP)
 http://database.rish.kyoto-u.ac.jp/arch/jmadata/

Slide 8

Slide 8 text

Vis Kyoto (Ծ) • ϏδϡΞϥΠθʔγϣϯΛςʔϚʹ
 (͜Ε͔Β)׆ಈ͢ΔίϛϡχςΟ • ΋͘΋͘ձɺษڧձɺϋοΧιϯΛاըத • Կ͔ͷϏδϡΞϥΠθʔγϣϯ΍ͬͯΈΔ • ৽͍͠ϥΠϒϥϦΛ͞ΘͬͯΈΔ • ໘ന͍ϏδϡΞϥΠθʔγϣϯΛڞ༗ͯ͠ΈΔ • ίϥϘϨʔγϣϯͯ͘͠ΕΔίϛϡχςΟ΋׻ܴʂ • connpassͰΠϕϯτ৘ใΛνΣοΫʂ http://vis-kyoto.connpass.com/

Slide 9

Slide 9 text

ϋοΫλΠϜ / ϒʔεϋϯζΦϯ • ϏδϡΞϥΠθʔγϣϯͷ͋Ε͜Ε͓ख఻͍͠·͢ʂ • HTMLɺCSSɺJavaScriptͷॻ͖ํ • ϥΠϒϥϦͷ࢖͍ํ • σʔλͷݟ͚ͭํ • ϏδϡΞϥΠθʔγϣϯͷσβΠϯ • ࢀߟਤॻ΋༻ҙ͍ͯ͠·͢

Slide 10

Slide 10 text

• ఱߖตԼͷ͓ؾ࣋ͪWordCloud • D3.jsɺd3-wordcloudɺReactΛ࢖༻ • ϑΥϯτબͼʹ͕͔͔࣌ؒͬͨ(ଥڠͨ͠ ྫ͑͹ɺ