もっとデータ可視化をカジュアルに！OSSプロジェクト「E2D3」

GREE Tech Talk #10でE2D3プロジェクトについて発表した資料です。

Transcript

1. ΋ͬͱσʔλՄࢹԽΛ ΧδϡΞϧʹʂ OSSϓϩδΣΫτʮE2D3ʯ ͚ͨ͏ͪɹͻͰΏ͖
2. Data Visualization for ALL ఏɹڙ
3. ͚ͨ͏ͪɹͻͰΏ͖ @CHIMERAST גࣜձࣾϢʔβϕʔε ͳΜͰ΋԰
4. ࠓ೔ͷ࿩͸ ݸਓతʹ׆ಈ͍ͯ͠Δ OSSϓϩδΣΫτ E2D3ͷ͓࿩
5. ͚ͨ͏ͪɹͻͰΏ͖ @CHIMERAST E2D3ϓϩδΣΫτ ίΞγεςϜͷ։ൃΛ୲౰
6. ͋ ͷ ೔ ݟ ͨ σ ồ λ Մ ࢹ Խ ͷ ໊ લ Λ ๻ ୡ ͸ · ͩ ɹ ஌ Β ͳ ͍ Ố ௒ Մ ࢹ Խ ό ε λ ồ ζ ͨ ͚ ͏ ͪ ɹ ͻ Ͱ Ώ ͖
8. σʔλՄࢹԽ σʔλ෼ੳͱ੾ͬͯ͸੾Εͳ͍΋ͷ
9. etc…
10. ͜ΕΒ΋ σʔλՄࢹԽػೳΛ ͦͳ͍͑ͯ·͢
11. ͔͠͠ɺ
12. ී௨ͷਓʹͱͬͯ͸ ෑډ͕ߴ͍
13. ී௨ͷਓ͕ ෼ੳʹ࢖͏ιϑτʁ
14. Microsoft Excel
16. Ͱ΋ੈͷதʹ͸ ΋ͬͱछʑଟ࠼ͳ ՄࢹԽख๏͕͋Δʂ
21. ΋ͬͱ͍ΖΜͳ ՄࢹԽ͕Ͱ͖ͨΒ ָͦ͠͏ʂ
22. Excel Ͱʂ
23. શͯͷਓͷͨΊͷ σʔλՄࢹԽϓϥοτϑΥʔϜ
26. ࢖͍ํ
27. Excel 2013Ҏ߱ or Excel Online ͷ Office Store͔ΒʮE2D3ʯͰݕࡧʂ
28. ແ ྉ MacͰ΋ Excel OnlineͰ ಈ͖·͢ʂ
29. Ͱ͖Δ͜ͱ
30. E2D3ʹొ࿥͞Εͨ ςϯϓϨʔτ Ϣʔβ͕ExcelͰ ೖྗͨ͠σʔλ URLΛൃߦ͠ ϒϩάʹషΓ෇͚ͨΓ FB or TWͰγΣΞ Excel্Ͱ ΠϯλϥΫςΟϒͳ σʔλՄࢹԽ
31. ςϯϓϨʔτͷ ࡞Γํ
32. ςϯϓϨʔτ͸ HTML+JSͰ࡞੒ ͓޷ΈͷΤσΟλͰ։ൃʂ ؆ ୯
33. D3.js΍Βthree.js΍Β ՄࢹԽϥΠϒϥϦΛ࢖ͬͯ ࡞ΕΔ
38. ςϯϓϨʔτ։ൃͷ ؀ڥߏங͸௒؆୯ʂ npmʹΑΔίϚϯυ׬උ
39. ४උ node.js v5.3.0 Ҏ্Λ
 Πϯετʔϧ
40. $ npm install -g e2d3
41. $ git clone \ https://github.com/e2d3/e2d3-contrib.git
42. $ cd e2d3-contrib $ e2d3
43. Webαʔό্ཱ͕͕ͪΓ LiveReloadػೳ΋ಈ͘ ։ൃ؀ڥ͕੔͍·͢
45. ͋ͱ͸GitHubͷWikiݟͭͭ ςϯϓϨʔτΛ։ൃͯ͠ Pull RequestΛ౤͛Δ͚ͩ
46. Pull Request͕Ϛʔδ͞Ε 10෼͙Β͍ͨͭͱ Excelͷը໘ʹදࣔ͞Ε·͢
47. ࠷ޙʹ
48. E2D3͸OSSͱָͯ͘͠͠ ׆ಈ͍ͯ͠·͢
49. ʮσʔλͬͯ໘ന͍ʂʯ ͱݴͬͯ͘ΕΔਓΛ૿΍͢ ϓϩδΣΫτͰ͢
50. σʔλαΠΤϯςΟετ ΞφϦετ Ӧۀ ϚʔέςΟϯά ඇΤϯδχΞ Ұൠࣄ຿һ খɺதɺߴੜ σʔλͬͯ໘ന͍ʂ σʔλՄࢹԽͷ݁Ռɺ
51. ʮσʔλͬͯ໘ന͍ʂʯͱօ͕ݴ͏ ʮσʔλϦςϥγʔʯΛօ͕͍࣋ͬͯΔ ʮσʔλͷྗʯΛօ͕׆༻Ͱ͖Δ E2D3Ͱ࡞Γ͍ͨະདྷ
52. ޿ใ׆ಈɿड৆ྺ12ճΒ͍͠
53. ༷ʑͳॴଐɾ৬छͷਓͨͪ 60ਓ͙Β͍ͰӡӦͯ͠·͢
54. ݄̍Ͱ σʔλϏδϡΞϥΠθʔγϣϯ ຖ݄΋͘΋͘ձ ΛӡӦ͍ͯ͠·͢
55. ςϯϓϨʔτͷ਺͸ ίϯτϦϏϡʔλཔΈ ॏ ཁ
56. ίΞγεςϜΛ Ұॹʹ։ൃͯ͘͠ΕΔ ਓΛ୳͍ͯ͠·͢ ੾ ࣮
57. ίΞͰࠓޙ΍Γ͍ͨ͜ͱ gist͔ΒςϯϓϨʔτొ࿥ ςϯϓϨʔτݕࡧ UI/UX࡮৽
58. ٻΉʂίϯτϦϏϡʔλ http://e2d3.org/ https://github.com/e2d3/e2d3 ςϯϓϨʔτ։ൃ ίΞγεςϜ։ൃ ΋͘΋͘ձӡӦ ޿ใ׆ಈ ւ֎ల։ ͦͷଞॾʑ
59. Data Visualization for ALL ఏɹڙ
60. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ