Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Hideyuki Takeuchi
March 24, 2016
Programming
1
2.2k

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

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

Hideyuki Takeuchi

March 24, 2016
Tweet

More Decks by Hideyuki Takeuchi

See All by Hideyuki Takeuchi
Exposed 応用編 〜内部実装 と 魔拡張〜
chimerast
0
160
Delegatesと拡張関数・拡張プロパティその合わせ技
chimerast
0
320
Kotlin Coroutines と Ktor HTTP Client で作るスケールするタスク実行
chimerast
0
830
UZABASE創業期から10年いるエンジニアから見た「BtoB SaaSのUI/UXってなんだろう？」
chimerast
1
480
暗号通貨の鍵を安全に管理するアーキテクチャを作ってみようとしている話
chimerast
0
270
WhitestormJSを触ってみた
chimerast
0
410
この素晴らしい Vue.js に祝福を！
chimerast
16
11k
RxJava + Vert.x + jOOλ で Microservice的な何かを作ってみた
chimerast
0
2.2k
40億レコード以上のSPEEDA大規模データを超高速に表示するElasticsearch活用法
chimerast
1
3.3k

Other Decks in Programming

See All in Programming
スクールでPHPとLaravelを学んでSymfonyの会社に就職してみた
kunihikokitamura
0
210
AWSKRUG DS 2022/09 발표 - 클라우드 데이터 플랫폼을 구성하는 최신 기술 알아보기
woongseok
0
450
MPA化するSPAとSPA化するMPA
yosuke_furukawa
PRO
12
5.1k
XP頻出英単語 / XP vocabulary
fkino
0
370
フレームワークの機能を使わずに標準関数使ったら障害起こした話/phpcon-2022
asumikam
1
470
Micro Frontends for Java Microservices - Cork JUG 2022
mraible
PRO
0
440
テストコードリーディングのみでPHPUnitの仕様を理解してみる / Try to understand PHPUnit specification with test code reading only
cocoeyes02
0
570
Understanding Upgrade Failures in Distributed Systems
asatarin
0
200
Drupal 10 from the pov of a Symfony 6 core-contributor
nicolasgrekas
1
310
キャッシュによる状態管理のアーキテクチャ / Cache-based state management architecture
rockname
6
10k
大学で出席管理アプリ・掲示板閲覧アプリを開発・運用している学生の話
kntkymt
0
400
VSCodeしか使ったことない新卒2年目がPhpStormくんと友達になるためにやったこと - PHP Conference Japan 2022
kotomin_m
0
370

Featured

See All Featured
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
213
11k
StorybookのUI Testing Handbookを読んだ
zakiyama
6
2.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.4k
Designing for Performance
lara
597
64k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
12
980
Documentation Writing (for coders)
carmenintech
49
2.7k
Designing for humans not robots
tammielis
244
24k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
223
49k
For a Future-Friendly Web
brad_frost
166
7.6k
A Philosophy of Restraint
colly
193
15k
YesSQL, Process and Tooling at Scale
rocio
157
12k
How to train your dragon (web standard)
notwaldorf
63
4k

Transcript

  1. ΋ͬͱσʔλՄࢹԽΛ ΧδϡΞϧʹʂ OSSϓϩδΣΫτʮE2D3ʯ ͚ͨ͏ͪɹͻͰΏ͖

  2. Data Visualization for ALL ఏɹڙ

  3. ͚ͨ͏ͪɹͻͰΏ͖ @CHIMERAST גࣜձࣾϢʔβϕʔε ͳΜͰ΋԰

  4. ࠓ೔ͷ࿩͸ ݸਓతʹ׆ಈ͍ͯ͠Δ OSSϓϩδΣΫτ E2D3ͷ͓࿩

  5. ͚ͨ͏ͪɹͻͰΏ͖ @CHIMERAST E2D3ϓϩδΣΫτ ίΞγεςϜͷ։ൃΛ୲౰

  6. ͋ ͷ ೔ ݟ ͨ σ ồ λ Մ ࢹ

    Խ ͷ ໊ લ Λ ๻ ୡ ͸ · ͩ ɹ ஌ Β ͳ ͍ Ố ௒ Մ ࢹ Խ ό ε λ ồ ζ ͨ ͚ ͏ ͪ ɹ ͻ Ͱ Ώ ͖
  7. None

  8. σʔλՄࢹԽ σʔλ෼ੳͱ੾ͬͯ͸੾Εͳ͍΋ͷ

  9. etc…

  10. ͜ΕΒ΋ σʔλՄࢹԽػೳΛ ͦͳ͍͑ͯ·͢

  11. ͔͠͠ɺ

  12. ී௨ͷਓʹͱͬͯ͸ ෑډ͕ߴ͍

  13. ී௨ͷਓ͕ ෼ੳʹ࢖͏ιϑτʁ

  14. Microsoft Excel

  15. None

  16. Ͱ΋ੈͷதʹ͸ ΋ͬͱछʑଟ࠼ͳ ՄࢹԽख๏͕͋Δʂ

  17. None
  18. None
  19. None
  20. None

  21. ΋ͬͱ͍ΖΜͳ ՄࢹԽ͕Ͱ͖ͨΒ ָͦ͠͏ʂ

  22. Excel Ͱʂ

  23. શͯͷਓͷͨΊͷ σʔλՄࢹԽϓϥοτϑΥʔϜ

  24. None
  25. None

  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΍Β ՄࢹԽϥΠϒϥϦΛ࢖ͬͯ ࡞ΕΔ

  34. None
  35. None
  36. None
  37. None

  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ػೳ΋ಈ͘ ։ൃ؀ڥ͕੔͍·͢

  44. None

  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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ