Tableau Server へのWebflow ダッシュボードの公開・パブリッシュ

古川えりか
古川えりか
コンテンツスペシャリスト
CData ODBC Driver for API を使って、Tableau ダッシュボードにWebflow をデータ連携。



エンタープライズBI にWebflow 連携機能を追加しましょう。CData ODBC Driver for API を使って、Tableau Server にWebflow のデータをリアルタイム連携して、ダッシュボードを公開。企業の他のメンバーに連携レポート・ダッシュボードを共有しましょう。

この記事では、クライアントおよびサーバーでのでのDSN の設定、Webflow のデータソースのTableau Server へのパブリッシュ、ワークブック全体のTableau Server へのパブリッシュまでの手順を説明します。データソースをパブリッシュすると、Tableau Server で更新可能なワークブックを新しく作成することができるようになります。

CData ODBC ドライバとは？

CData ODBC ドライバは、以下のような特徴を持ったリアルタイムデータ連携ソリューションです。

  1. Webflow をはじめとする、CRM、MA、会計ツールなど多様なカテゴリの270種類以上のSaaS / オンプレミスデータソースに対応
  2. 多様なアプリケーション、ツールにWebflow のデータを連携
  3. ノーコードでの手軽な接続設定
  4. 標準 SQL での柔軟なデータ読み込み・書き込み

CData ODBC ドライバでは、1.データソースとしてWebflow の接続を設定、2.Tableau Server 側でODBC Driver との接続を設定、という2つのステップだけでデータソースに接続できます。以下に具体的な設定手順を説明します。

CData ODBC ドライバのインストールとWebflow への接続設定

まずは、本記事右側のサイドバーからAPI ODBC Driver の無償トライアルをダウンロード・インストールしてください。30日間無償で、製品版の全機能が使用できます。

Tableau Desktop でワークブックやデータソースを作成して、Tableau Server にワークブックやデータソースをパブリッシュするには、デスクトップとサーバーのそれぞれのマシンでDSN 設定を行う必要があります。両方のマシンで厳密に同じ名前のDSN を作成して接続する必要があります。以下がWebflow に接続するための情報です。Windows とLinux ODBC では設定に異なる点がありますので、ドキュメントを参照してください。

認証

Webflow は、サイト、CMS コレクション、e コマースデータ、その他のリソースへの安全なアクセスを確保するために、OAuth 2.0 認証を使用します。この認証方式により、Webflow ワークスペースに安全に接続し、適切な認可のもとでリソースを管理できます。

OAuth 2.0 のセットアップと設定

ステップ 1：Webflow OAuth アプリケーションの作成

OAuth 認証をセットアップするには、以下のステップで進めます：

  1. Webflow Developer Portal にアクセスします
  2. Webflow アカウントの「Apps & Integrations」に移動します
  3. 「Register an App」をクリックして新しい OAuth アプリケーションを作成します
  4. アプリケーション名、説明、リダイレクト URI（CallbackURL）を設定します
  5. 接続で使用する Client ID と Client Secret をコピーします

必須の接続プロパティ

  • AuthScheme：OAuth に設定します（必須）
  • OAuthClientId：Webflow OAuth アプリケーションの Client ID（必須）
  • OAuthClientSecret：Webflow OAuth アプリケーションの Client Secret（必須）
  • CallbackURL：OAuth アプリケーションで指定したリダイレクト URI（必須）
  • InitiateOAuth：トークンを自動管理するには GETANDREFRESH に設定します（推奨）

必須の OAuth スコープ

Webflow API プロファイルでは、以下の OAuth スコープが必要です：

  • sites:read - サイト情報および設定への読み取りアクセス
  • pages:read - サイトページへの読み取りアクセス
  • cms:read - CMS コレクションおよびアイテムへの読み取りアクセス
  • forms:read - フォームおよびフォーム送信への読み取りアクセス
  • assets:read - メディアアセットおよびフォルダーへの読み取りアクセス
  • ecommerce:read - 製品、注文、在庫への読み取りアクセス
  • authorized_user:read - 認可されたユーザーへの読み取りアクセス

DSN を設定する際には、Max Rows プロパティを設定することをお勧めします。これにより取得される行数が制限され、パフォーマンスを向上させます。

Windows

CData ODBC Driver for API on Windows の場合は、DSN 設定はドライバーをインストールした後に行います。ドライバーをインストール語にDSN 設定画面が開きます。マイクロソフトのODBC データソースアドミニストレータから設定を行うことも可能です。

Linux

CData ODBC Driver for API をLinux で利用する場合には、ドライバーのインストールでSystem DSN が事前定義されます。システムデータソースファイル（/etc/odbc.ini）を編集して、接続プロパティを入力することでDSN 設定を変更することができます。

/etc/odbc.ini

[CData API Source]
Driver = CData ODBC Driver for API
Description = My Description
Profile = C:\profiles\Webflow.apip
AuthScheme = OAuth
InitiateOAuth = GETANDREFRESH
OAuthClientId = your_client_id
OAuthClientSecret = your_client_secret
CallbackUrl = your_callback_url

コンフィグレーションファイルの詳細設定については、製品ヘルプを参照してください。

Webflow のデータソースをTableau に公開

Webflow への接続を確立したら、Tableau でWebflow のデータソースをパブリッシュして、組織内のユーザーがWebflow のデータに連携するワークブックを作成して利用できるようにします。

Tableau 上でWebflow のデータソースを作成してパブリッシュする

  1. データソース画面で、その他のデータベース(ODBC) を選択します。システムDSN であるCData API Sys を選択します。

    ドライバーのインストール時にシステムDSN とユーザーDSN を自動的に作成してくれます。Tableau Server では、システムDSN を使用します。

    Tableau からDSN への接続 (Salesforce is shown.)
  2. ［データベース］メニューでCData を選択します。
  3. ［表］ボックスにテーブル名を入力、または［🔎］マーククリックして、テーブル一覧を表示させます。［新しいカスタムSQL］をクリックしてSQL クエリを入力することもできます。
  4. ［データソース］ページで、テーブルをJOIN エリアにドラッグします。 使用するテーブルの選択(Salesforce is shown.)
  5. ［サーバー］メニューで［ワークブックのパブリッシュ］-> （使用するデータソース）をクリックします。
  6. サーバーのURL を入力します。通常はTableau Server のuser name とpassword で認証します。次のような認証シナリオも可能です：
    • Tableau がKerberos を使用し、コンピューターに有効なActive Directory で接続している場合、Tableau がサーバーに接続します。
    • Tableau がSAML を使用する場合、外部プロバイダーのログインプロンプトが表示されます。
    • Tableau は、Active Directory の使用で設定されている場合、Windows username およびpassword を入力します。
  7. 次に、ダイアログにProject、Data Source や他のプロパティを入力します。スケジュール更新を設定する場合、Embedded Passsword を認証メニューで選択します。パブリッシュをクリックします。

これで、組織のユーザーがパブリッシュされたWebflow のデータソースのワークブックを作成して共有することができるようになりました。

Tabelau Server でデータソースへの接続を設定 (Salesforce is shown.)

ワークブックのデータ更新（リフレッシュ）

クライアントマシンであるTableau Desktop とサーバーマシンであるTableau Server システムDSN を設定すると、接続しているWebflow のデータソースをリフレッシュすることができます。Tableau Server のインターフェースで［データ］->［使用中のデータソース］->更新（Refresh）をクリックします。

Tableau Desktop からオンデマンドで更新データを取得。 (Salesforce is shown.)

Tableau Server でWebflow のデータに連携する完成したワークブックをパブリッシュする

特定の完成したワークブックを組織内で共有する場合、Tableau Desktop でワークブックを作成し、直接Tableau Server にパブリッシュすることができます。

  1. 上記の1-5 の手順で、Webflow に接続し、データを取得します。 テーブルデータの取得 (Salesforce is shown.)
  2. ［サーバー］-> ［サインイン］をクリックして、サーバーの接続を設定します。通常はTableau Server のuser name とpassword で認証します。次のような認証シナリオも可能です：
    • Tableau がKerberos を使用し、コンピューターに有効なActive Directory で接続している場合、Tableau がサーバーに接続します。
    • Tableau がSAML を使用する場合、外部プロバイダーのログインプロンプトが表示されます。
    • Tableau は、Active Directory の使用で設定されている場合、Windows username およびpassword を入力します。
  3. 選択されたデータに対しビジュアライズするディメンションおよびメジャー選択し、チャートやブラフでビジュアライズを行います。
  4. ワークブックが完成したら、［サーバー］-> ［ワークブックのパブリッシュ］でTableau Server ににパブリッシュします。
  5. 次に、ダイアログにProject、Data Source や他のプロパティを入力します。スケジュール更新を設定する場合、Embedded Passsword を認証メニューで選択します。パブリッシュをクリックします。

これで組織内のユーザーTableau Server のパブリッシュされたワークブックを参照することができるようになります。

Tableau Server ワークブックをパブリッシュ。 (Salesforce is shown.)

Webflow からTableau Server へのデータ連携には、ぜひCData ODBC ドライバをご利用ください

このようにCData ODBC ドライバと併用することで、270を超えるSaaS、NoSQL データをコーディングなしで扱うことができます。30日の無償評価版が利用できますので、ぜひ自社で使っているクラウドサービスやNoSQL と合わせて活用してみてください。

CData ODBC ドライバは日本のユーザー向けに、UI の日本語化、ドキュメントの日本語化、日本語でのテクニカルサポートを提供しています。

はじめる準備はできましたか？

API Driver で Webflow のライブデータに接続

Webflow に接続

この記事の内容

関連記事