Tableau User会 2020.11.11

1. 株式会社GRI
データで新たな事業を開発していくカンパニー。
Tableauモバイルダッシュボード
スクロールフォーカス型のストーリーテリング
2020/11/11
Tableau データサイエンス勉強会

2. ©GRI Inc.CONFIDENTIAL
自己紹介
古幡征史(PhD)
株式会社GRI 取締役
経歴
– 筑波大学 第三学群社会工学
– 筑波大学大学院 経営・政策科学研究科修了(MS)
– University of Western Sydney, PhD in Computer Science（コンピューターサイエンス博士号）
– Universite Toulouse 1 Capitole, Doctorat en Informatique（コンピューターサイエンス博士号）
– 丸文株式会社/KPMGコンサルティング/北陸先端科学技術大学院大学/University of Southern California/ドワンゴ
分野
– データ分析＆シミュレーション
– データ分析基盤構築
– AI開発
– BI構築
– マーケティング、サプライチェーン、物流管理、配送管理、営業、経営、人事管理、財務管理、オークション、制度設計
– 東京ガス、読売新聞、ソニーネットワークコミュニケーションズ、ドワンゴ、アミューズ、ジブラルタ生命保険、野村総
研、東京証券取引所、スパークス、米国運輸省、米国海軍研究所、NASAを含む50社以上

3. ©GRI Inc.CONFIDENTIAL
会社GRIでやっていること
BI
データ
分析基盤
データ分析
事業企画

4. ©GRI Inc.CONFIDENTIAL
モバイルダッシュボード:
スクロールフォーカス型のストーリーテリング

5. ©GRI Inc.
ある理事の言葉
方向性の伝達
理事
データの状況に応じて指示内容は決まる（私ならこうチェックするという手順は状況に応じて存在する）
Tableauは、そのバリエーションに対応できるように作りこんでおくことができる
（クリックしながら状況に応じた指示を部下が汲み取れる）
PC、会議室や対面では良いが、部下にスマホで見てもらうのが、難しい
部下
KPIダッシュボード

6. ©GRI Inc.CONFIDENTIAL
モバイル向けTableauダッシュボード、心からおすすめしたい人？

7. ©GRI Inc.CONFIDENTIAL
GRI開発： モバイル用スクロールフォーカス型のストーリーテリングの紹介

8. ©GRI Inc.CONFIDENTIAL
モバイルではスワイプだけの動作が重要
モバイル用のダッシュボードを一つの方向だけに向けたものにする
（アドホックな分析をしない）
すると、スクロールだけの制御でストーリを伝えやすくなる
方向性の伝達
状況の報告

9. ©GRI Inc.CONFIDENTIAL
データアナリスト・データサイエンティストのやること
• もちろんPCで探索的なデータ分析を行うが、スマホ用では、
状況に応じたストーリを読み解き、それをスクロール＆
フォーカスの指示、及び文章を書き起こす
• つまり本来の仕事に集中する

10. ©GRI Inc.CONFIDENTIAL
スクロール＆フォーカスの技術的背景
Tableau Server / Online / Public
HTML
embed
JS

11. ©GRI Inc.CONFIDENTIAL
モバイルダッシュボードで必要なこと
③
③封筒という配送料の安い新商品が
売れている
①全体像を把握させる
①
ズーム
②
②チェックすべき重要指標の報告
・「出荷までの日数」に変化がないのに
・「配送料合計」が減少している
カメラパン

12. ©GRI Inc.CONFIDENTIAL
GRIで提供するもの
• スクロール＆フォーカス制御画面（JSで設定するの激しく面倒）
• バウンディングボックス表示
• コメント入力の画面
• フォーカス設定機能
• スマホごとの最適スクロール制御
• Tableau埋め込みとダッシュボード構築ノウハウ
• その他のウェブ制作、AI開発、Unity開発
※詳細は、お問合せください
特に営業マンにダッシュボードを配布して見てくれないと困っている方

13. ©GRI Inc.CONFIDENTIAL
今後考えていること
• １ストーリごとに、スクロールフォーカスを作るのは、キーメッセージに限定
（マス向け or One-to-One）
• 例えば、マネージャから50人の部下それぞれにダッシュボードの確認ポイント
を指示する場合、それらをいちいち入力するのは面倒。これを自動化したい
(One-to-Many)
• Explain Dataは、まだ物足りない（これは良い方向性だが進化させる必要があ
る）
• 指示や報告のデータを大量に収集して、機械学習させれば、人が理解できるも
のを作れる
• 近い将来、ダッシュボードを見て「指示できない上司」「報告できない部下」
は…

14. 2. ゲーミフィケーションダッシュボード:
閲覧者の想像力を刺激するゲーム開発基盤Unityとの融合（させたい）

15. ©GRI Inc.CONFIDENTIAL
AI開発環境とゲーム開発環境のシナジー
AI開発 ゲーム開発
• 画像解析
• 動画解析
• 音声解析
• 自然言語処理
• 感情推定
• 物体認識
• 姿勢推定
• オブジェクト
• 背景
• サウンド
• ライティング
• カメラワーク
• 動作制御（物理エンジン）
• ゲームシナリオ

16. ©GRI Inc.CONFIDENTIAL
ライブステージのエフェクトを音楽に合わせて自動化したい
 ライブステージのエフェクトを楽曲の持つ基本要素に連動させる
楽曲連動エフェクト搭載
ユニティちゃんライブステージ
ビート（Beat）
ハーモニー（Harmony）
テンポ（Tempo）
調（Key）
楽曲
スピーカー・エフェクト ← Beat
ライティング・エフェクト ← Harmony
ダンス・スピード ← Tempo
カメラワーク

17. ©GRI Inc.CONFIDENTIAL
楽曲反応型エフェクト搭載ユニティちゃんライブステージ
• ビート検知
• ハーモニー検知
• テンポ推定
• 調推定
Music Recognizer
Audio Signal
Music Feature
• スピーカー・エフェクト（Beat）
• ライティング・エフェクト（Harmony）
• ダンス速度制御（Tempo）
• カメラワーク制御
Music-based Pre-Effector
楽曲連動エフェクト
ユニティちゃん
Unity-Chan
Live Stage Asset
Flat Fileロード
Camera
Mic • スピーカー・エフェクト
• ライティング・エフェクト
Real-time Effector
• 音声認識→自然言語処理→制御命令
• 物体認識／表情から感情認識→制御命令
Voice/Visual
Real-time Recognizer
UDP
Overirde
Real-time Processing

18. ©GRI Inc.
Python-Unity連携で作ったもの

19. ©GRI Inc.CONFIDENTIAL
やりたいことのイメージ（TableauとUnityを連携させたい）

20. ©GRI Inc.CONFIDENTIAL
現状と、今の対応方針
現在、WebGLの埋め込みはサポートされていない
https://github.com/tableau/extensions-api/issues/149
2021年に期待とのことだが、2018年からリクエストがあ
り、まだ着手されていない模様
EmbedとAPIで今は対応すべき？

21. ©GRI Inc.CONFIDENTIAL
Tableau-Unity連携できると良さそうなこと
閲覧者をダッシュボードの中に飛び込ませ、立体的に数値状況を把握して、
「自分事」にさせる

22. ©GRI Inc.CONFIDENTIAL
Tableau-Unity連携できると良さそうなこと
作業計画の立案とビジュアライズ
現在の状況を可視化
一部を切り取る
（指示の元となる） Goal-Oriented Action Planning
どの順番でアクションを完遂
すると最適にゴールを達成で
きるか計画を立案
手順をアニメーションとして
ビジュアライズ
統合的にビジュアライズ