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

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

2019-02-22 00:20 Tableau Developers Club 更新

イベント当日のスライド

【スライド1】Tableau Javascript API編 NTT Data | Naomichi Takahashi

【スライド1】Tableau Javascript API編

NTT Data | Naomichi Takahashi

Javascript APIの概要ならびにハンズオンを実施していただきました!

イベント会場の様子

  • 今回も前回と同じくSakuraという会議室で実施いたしました。TDCは今後もSakuraで実施することが多くなる見込みです。
  • 高橋さんにJavaScript APIの講師となっていただきました!
  • 今回は試験的にテーブルをグループ形式にしてみました。
  • 実行画面のイメージはこちら!
  • みなさん真剣そのものです。
  • 終了後はお約束の懇親会でした!
  • 懇親会も盛り上がり、みなさま活発に交流されておりました♪
  • 最後はDevelopersの"D"のポーズでフィニッシュ!

イベント主催者からのコメント

今回は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を操作するフィルタや値を選択するボタンを追加するなど、徐々に難易度が上がっていきました!
 

■参考資料

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