【講演会】「モダンな」可視化アプリケーション開発とはどのようなものか？

講演内容

5年ほど前と比較すると、実務者向けのデータ可視化関連情報やツールは格段に充実しました。分野が成熟するとともに、アプリケーションの設計や実装を行う者に必要な知識も変化します。近年の変化のわかりやすい例としては、シンプルなチャート（棒グラフやパイチャートなど）を生成する場合です。たとえカスタムのデータ可視化ダッシュボードを作る場合でも、様々なライブラリがオープンソースで利用できる現在では、一からD3でバーチャートを作成することにあまり意味はありません。そこで重要になってくるのは、目的のアプリケーションを作る過程で何を作って何を作らないかの判断、いかに使い捨てのコードを減らすかと言った点になります。コードの再利用やモジュール化は典型的なソフトウェア開発の問題ですが、実際の設計や実装に持ち込む場合には、具体的な要求に向き合ってはじめて様々な問題が浮かび上がることがよくあります。プロジェクトで利用しているものとは別のテクノロジーを使った既存のライブラリとの連携や、サードパーティー・ライブラリの利用、パッケージング、アプリケーションレベルのデータモデリングなどが典型的な問題ですが、これらは全て古典的な問題でありながら、デスクトップ・アプリケーションと同等のUXをブラウザ上で実装するものを作る場合には、そのプラットフォーム独自のノウハウが必要になります。

今回は、現時点で最も広く使われているツールであるD3.js v4とReactの組み合わせを例に、どのように「モダンな」ウェブベースの可視化アプリケーションを設計・実装すれば良いのかを考えてみたいと思います。

発表者

大野圭一朗

カリフォルニア大学サンディエゴ校医学部にてResearch Associate/Software Engineerとして勤務。オープンソースのネットワーク可視化ソフトウェアCytoscapeのコア開発者。専門はライフサイエンス分野におけるデータの統合と可視化。Data Visualization Japan co-organizer。

Slideshare, Qiita, Medium, Facebook, Twitter, Linedin

LT希望者、大募集中

運営の E2D3.org 五十嵐のFacebookへ、一言添えて友達申請をして頂いた上で以下の内容をメッセージしてください。

1. 氏名
2. Slideshare, Qiita, Facebook, Twitter 等公開しても良い情報
3. 希望する発表枠：LT会 1st（10分位or LT会 2nd（3分位）
4. 発表タイトル（Data Vizに関することなら何でもOKです！）

＊ LT会 1st（10分）の方は参加費無料になります。運営より事前に発表内容についてお聞きする場合がございます。→LT会 1st（10分）枠は一杯となりました。

＊ メディア・ブログ ライター、カメラマン、ストリーミング配信でお手伝いして頂ける方も募集しております。同様に五十嵐までご連絡頂ければ幸いです。

概要

• 日時：2017年7月8日(土) 13:00〜22:00　
• 会場：TECH PLAY （旧 イベントスペースdots）
• 住所：東京都渋谷区宇田川町20-17 NMF渋谷公園通りビル 8F
• 最寄駅：渋谷駅
• 定員：50名程度
• 料金：社会人 1500円（完全非営利で、参加費は懇親会で使い切らせて頂きます！）、学生 無料

プログラム（予定）

• 13:00-：開場 → Data Viz好きがあつまるもくもく会

• 17:00-：講演会

  1. 「モダンな」可視化アプリケーション開発とはどのようなものか？ by 大野圭一朗

• 18:00-：LT会 1st

  1. Vue.jsとmapboxを利用した位置情報可視化アプリケーション開発 by Kaito Kinjo
  2. データビジュアライゼーションから考える「料理とは何か？」 by 出雲翔
  3. 日用消費財の営業戦略運営で期待されるデータ可視化 by 篠原剛
  4. E2D3の品質管理について by Junichi Watanuki
  5. データの可視化とチームの進化(仮) by 吉田 雅史
  6. スポーツデータビジュアライゼーション〜東京五輪に向けて〜 by 多田哲馬
  7. Grimoire.jsとデータビジュアライゼーション by 城山賢人
• 19:00-：懇親会
• 19:45-：LT会 2nd（誰でも発表可能です）x ∞

＊ 当日までの調整により、17:00以降のプログラムは順序が変更になる可能性がございます。ご心配をおかけして申し訳ありませんが、ご承知置き頂けますようお願いいたします。

もくもく会用 おすすめE2D3 教材

動画

• Schoo どんなデータでもキレイに魅せる！ ～ HTML5/JavaScriptでグラフを描画する今どき手法
• GIFで分かるE2D3講座PJ

もくもく会用 おすすめD3.js自習教材

日本語

• データビジュアライゼーション（D3.js ver.3）を学ぶための教材まとめ
• dot install：D3.js入門
• Data Journalism Handbook日本語版

英語

• D3.js Resources to Level Up
• Dashing D3.js
• bayd3
• Udacity：Data Visualization and D3.js

協賛企業

レバレジーズ株式会社

■レバレジーズの運営サイト

• フリーエンジニア参画支援サービス：レバテックフリーランス
• エンジニア専門転職エージェント：レバテックキャリア
• Webクリエイター専門サービス：レバテッククリエイター
• フリーランスの案件提案：@Agent
• エージェントが語るテックブログ：レバテックタイム
• エンジニア向けQ&Aサイト：teratail