Tableau Developers Club /*TableauをAPIで操ろう*/ Web Data Connector #1

1. Tableau Developers Club I
/*TableauをAPIで操ろう*/
Web Data Connector #1
© 2017 Tableau Software.All Rights Reserved 1
Tableau Japan 株式会社
2018.05.17
Kenji Noguchi

2. • Webページに viz を埋め込んで、シームレスに連携したい
JavaScript API
http://onlinehelp.tableau.com/current/api/js_api/en-us/JavaScriptAPI/js_api.htm
• サイト、ユーザー、パーミッション等々の設定を何度も GUI で繰り返すのは面倒だ
REST API
http://onlinehelp.tableau.com/current/api/rest_api/en-us/help.htm
• 抽出作業を別のマシンで行いたい
Extract API 2.0 (～v10.4 : Tableau SDK)
https://onlinehelp.tableau.com/current/pro/desktop/ja-jp/extracting_TDE_API.html
どんな API があるの？
© 2016 Tableau Software.All Rights Reserved 2

3. • 別のサーバーを指定するようワークブックを変更する必要がある
Document API (OSS project)
https://github.com/tableau/document-api-python
• Web 上のデータを取り込みたいが、コネクタがない
Web Data Connector (OSS project)
http://tableau.github.io/webdataconnector/
• モバイルアプリを作成したい
Mobile App Bootstrap (OSS project)
https://github.com/tableau/mobile-app-bootstrap-cordova
https://github.com/tableau/mobile-app-bootstrap-objc
どんな API があるの？
© 2016 Tableau Software.All Rights Reserved 3

4. • ダッシュボードにインタラクティブな機能拡張を行いたい、他社製品機能との連携を追加したい
Extensions API (プレビュー）
https://prerelease.tableau.com/key/EXTENS10NSAP1 (プレリリース)
どんな API があるの？
© 2016 Tableau Software.All Rights Reserved 4

5. Web Data Connector (WDC)
© 2016 Tableau Software.All Rights Reserved 5

6. Web データコネクタ(WDC)とは
WDC 開発により、お客様のサービスで次の処理を実行できるようになる
• データの変換と利用可能なデータを制御する
• 抽出を作成する
• 他のユーザーが使用できるように、Tableau Server でデータソースをパブリッシュする
Web でアクセス出来るデータを Tableau に取り込むための
コネクタ

7. WDC: 2 フェーズモデル
• フェーズ 1: インタラクティブフェーズ
• ユーザーに表示される UI
• APIに渡す入力項目
• パラメーター
• 認証
• etc…
• フェーズ 2: データ収集フェーズ
• インタラクティブフェーズの後に実行
• このフェーズには次の 2 つのジョブがある
• WDC のスキーマを Tableau に渡す
• Web からデータを取得して Tableau に送信

8. WDC: 使い始めるには – 作成フロー
1. Web 上に取り込みたいデータがある
• Webサイトを確認、取り込むための APIは有る？
2. 取り込みたいデータ用の WDC が既に存在する
• WDC コミュニティーポータルを確認する
http://tableau.github.io/webdataconnector/community/
3. 無い場合、WDC を作成する
• WDC SDK を取得し、WDCライブラリ、シミュレーター、サンプルコードを入手する
http://tableau.github.io/webdataconnector/
• SDK に含まれるサンプル、及びAPI リファレンスを参照しつつ、html, js を開発する
http://tableau.github.io/webdataconnector/docs/api_ref
• SDK に含まれる WDC シミュレーターを使いテストを行う
4. Tableau Desktop で実行する

9. WDC: 必要なもの

10. ワークショップ：World bank からデータを取り込もう！
 まずは以下のファイルがあることを確認してください
• WDC_sample.zip (今回使う WDC サンプルコード)
• webdataconnector-2.0.1.zip (WDC SDK, シミュレータが入っています)
• webrick.exe (Windows 用簡易ローカルwebサーバー）
© 2016 Tableau Software.All Rights Reserved 12

11. ワークショップ：World bank からデータを取り込もう！
 worldbank の API サイトを開いておきましょう
• [worldbank api] でググる -> API: Documentation
https://datahelpdesk.worldbank.org/knowledgebase/topics/125589-developer-information
 WDCサンプルコード, WDCシミュレータにアクセス出来るところで、 ローカルWebを立上げま
しょう
• Windows : webrick.exe をクリック（サンプルと一緒に配布）
• Mac : OS の Python のモジュールを使う
Python2 の場合：$ python –m SimpleHTTPServer
Python3 の場合：$ python3 –m http.server
http://localhost:8000 でアクセス出来たら OK
© 2016 Tableau Software.All Rights Reserved 13

12. © 2016 Tableau Software.All Rights Reserved 15