Tableau Developers Club Season 2 /*TableauのAPIすべて*/ JavaScript API 編 #1

今回はNTTデータの高橋さんにJavascript APIについてのレクチャーとハンズオンを実施していただきました！

冒頭は、高橋さんの自己紹介からでした。本題とずれますが、高橋さんのHPがまずカッコよかったです。
高橋さんのHP
” I can design anything from visual to system”とのことで、なんでも作れるSuper Developerですね！！
アジェンダは前半と後半に分かれていたのですが、盛り上がったこともあり前半で時間を使い切ってしまったので、後半については次回を楽しみにしておいてください。

■アジェンダ
前半パート

• JavaScript APIの理解
• 基本機能のインプット

後半パート　※こちらは次回の予定

• 自由にWebページ作成

■JavaScript APIとは
ここは既にみなさんご存知かもしれないですが、JavaScript APIとはTableau ServerやOnlineにパブリッシュされているVizやダッシュボードをWEBアプリケーションに埋め込む際に使用するAPIです。具体的には会社のHPや社内のイントラネット、SalesForce等のSaaSのアプリケーションの中に埋め込むことも可能です。
似ているものとして、Extensions APIもあるのですがこちらはTableauのダッシュボードの中にWebアプリケーションを埋め込むものになります。
機能としては以下のようなことが可能です。

• ビューのデータ取得
• フィルター制御
• ビュー切替、レイアウトカスタマイズ

JavaScriptの使用例として以下のような事例があります。

• ボーイング社
• 世界卓球

■ハンズオン

ハンズオンの内容としては、HTMLファイルを作成・編集して、Tableau Publicに低公開されているVizをWebアプリケーションに埋め込んでブラウザで表示させるハンズオンを実施頂きました。
Vizを操作するフィルタや値を選択するボタンを追加するなど、徐々に難易度が上がっていきました！
 

■参考資料

• オンラインヘルプ：Tableau JavaScript API
• Github

次回はグループで自由にWebページを作成す予定とのことなので、次回を楽しみにされていてください！