Tableau で Webflow のデータ のデータを可視化

Jerod Johnson
Jerod Johnson
Director, Technology Evangelism
Tableau Desktop BI ツールで Webflow のデータ に接続。



CData Drivers for Webflow を使用すると、標準データアクセス方法でビジネスインテリジェンスツール（Tableau など）と Webflow のデータを接続できます。 CData API Driver for JDBC は Windows およびMacOS 上のTableau からの接続をサポートします。この記事では、スキーマの検出と Webflow のデータ データへのリアルタイムクエリの実行方法について説明します。

Tableau で Webflow に接続

Tableau を起動する前に、.jar ファイルが正しいフォルダに配置されていることを確認してください。

  • Windows: C:\Program Files\Tableau\Drivers
  • MacOS: ~/Library/Tableau/Drivers

.jar ファイルを配置したら、すぐに接続を確立できます。

  1. Tableau を起動します。
  2. サーバーへ で その他 を選択します。
  3. その他のデータベース (JDBC) を選択します。
  4. URL フィールドに JDBC 接続文字列を入力します。

    5. 認証

    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 - 認可されたユーザーへの読み取りアクセス

    組み込みの接続文字列デザイナー

    JDBC URL の構成を簡単にするには、Webflow JDBC Driver に組み込まれている接続文字列デザイナーをご利用ください。.jar ファイルをダブルクリックするか、コマンドラインから実行します。

    Windows の場合:

    java -jar 'C:\Program Files\CData[product_name]\lib\cdata.jdbc.api.jar'

    MacOS の場合:

    java -jar cdata.jdbc.api.jar

    接続プロパティを設定し、接続文字列をクリップボードにコピーします。

    JDBC URL を構成する際に、Max Rows 接続プロパティの設定をお勧めします。返される行数が制限されるため、特にレポートやビジュアライゼーションの設計時にパフォーマンスが向上します。

    以下は、デザイナーで作成したサンプル URL です。

    jdbc:api:Profile=C:\profiles\Webflow.apip;AuthScheme=OAuth;InitiateOAuth=GETANDREFRESH;OAuthClientId=your_client_id;OAuthClientSecret=your_client_secret;CallbackUrl=your_callback_url;
  5. サインイン をクリックします。

スキーマの検出とデータクエリ

  1. データベース プルダウンメニューから CData を選択します。
  2. スキーマ プルダウンメニューから CData を選択します。
  3. テーブルを結合エリアにドラッグします。複数のテーブルを含めることができます。
  4. 今すぐ更新 または 自動更新 を選択します。「今すぐ更新」はデータソースの最初の10,000 行をプレビューします（行数はRows テキストボックスで変更可能）。「自動更新」はプレビューエリアの変更を自動的に反映します。
  5. 「接続」メニューで ライブ オプションを選択すると、Tableau にデータのコピーをロードせず、リアルタイムデータを直接操作できます。
  6. ワークシートのタブをクリックします。カラムはデータ型に応じて「ディメンション」と「メジャー」に分類されます。CData ドライバーはデータ型を自動で検出するため、Tableau の強力なデータ処理および可視化機能を活用できます。
  7. ディメンション または メジャー エリアからフィールドを 行 または 列 にドラッグします。Tableau がカラムまたは行のヘッダーを作成します。
  8. 表示形式 タブからグラフの種類を選択します。選択したグラフが Tableau に表示されます。

CData API Driver for JDBC と Tableau を使用して、Webflow のデータ に対する堅牢なビジュアライゼーションとレポートを簡単に作成できます。30日間の無償トライアルをダウンロードして、今すぐお試しください。

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

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

Webflow に接続

この記事の内容

関連記事