Infragistics Reveal で Typeform ののデータを分析・可視化

Jerod Johnson
Jerod Johnson
Director, Technology Evangelism
CData API Server を使用してTypeform のデータの OData API を作成し、Infragistics Reveal でリアルタイムのTypeform のデータを可視化します。

Reveal は Infragistics が提供するデータ可視化ソリューションで、CData API Server と組み合わせることで、リアルタイムのTypeform のデータから動的なダッシュボードを構築できます。CData API Server は Typeform 用の OData API を生成し、Reveal からネイティブに利用できます。この記事では、API Server で Typeform に接続し、Infragistics Reveal から API Server に接続してシンプルなダッシュボードを作成する方法を説明します。

API Server から Typeform に接続

CData API Server は、シンプルなポイント&クリック操作のインターフェースでデータソースに接続し、API を生成できます。

  1. API Server を開き、Settings -> Connection -> Add Connection をクリックします。
  2. 「Typeform」を選択します。
  3. Typeform に接続するために必要な認証プロパティを入力します。

    まず、Profile 接続プロパティにTypeForm プロファイルのディスク上の場所を設定します（例：C:\profiles\TypeForm.apip）。次に、ProfileSettings 接続プロパティにTypeForm の接続文字列を設定します（以下を参照）。

    TypeForm API プロファイル設定

    TypeForm への認証にはOAuth 標準を使用します。

    TypeForm に認証するには、まずTypeForm でOAuth アプリケーションを登録および設定する必要があります：https://admin.typeform.com/account#/section/tokens。アプリにはclient ID とclient secret が割り当てられ、接続文字列で設定できます。OAuth アプリケーションの設定の詳細については、https://developer.typeform.com/get-started/ をご参照ください。

    使用シナリオによって異なるリダイレクトURI が必要です：

    • CData デスクトップアプリケーション：CData デスクトップアプリケーション（Sync、API Server、ArcESB）は/src/oauthCallback.rst でOAuth トークンを受け入れます。ホストとポートはアプリケーションが使用するデフォルトポートと同じです。例えば、http://localhost:8019/ でCData Sync にアクセスする場合、リダイレクトURI はhttp://localhost:8019/src/oauthCallback.rst になります。
    • CData クラウドアプリケーション：CData クラウドアプリケーションはデスクトップ版と同様です。https://1.2.3.4/ でConnect AI にアクセスする場合、リダイレクトはhttps://1.2.3.4/src/oauthCallback.rst を使用します。
    • デスクトップアプリケーション：デスクトップアプリケーションを使用する場合、URI はhttps://localhost:33333 を推奨します。
    • Web アプリケーション：ドライバーを使用してWeb アプリケーションを開発する場合、https://my-website.com/oauth のような独自のURI を使用します。

    以下の接続プロパティを設定すると、接続の準備が整います：

    • AuthScheme：OAuth に設定します。
    • InitiateOAuth：GETANDREFRESH に設定します。InitiateOAuth を使用してOAuthAccessToken を取得するプロセスを管理できます。
    • OAuthClientId：アプリ設定で指定されているClient Id を設定します。
    • OAuthClientSecret：アプリ設定で指定されているClient Secret を設定します。
    • CallbackURL：アプリ設定で指定したRedirect URI を設定します。

API Server で Typeform のリソース定義を追加

Typeform に接続したら、Typeform のデータ の API エンドポイントとなるリソースを作成します。

  1. Settings -> Resources -> Add Resource をクリックします。
  2. Typeform の接続を選択します。
  3. 取得したいテーブルを選択し、「次へ」をクリックします。
  4. (オプション) リソースを編集して、特定のフィールドを選択するなどの設定を行います。
  5. 設定を保存します。

API Server ユーザーの追加

API Server 経由で Reveal から Typeform に接続するためのユーザーを作成します。

  1. Settings -> Users をクリックします。
  2. Add をクリックします。
  3. Typeform の接続とリソースにアクセス可能なユーザーを設定します。

(オプション) クロスオリジンリソースシェアリング (CORS) の設定

Ajax などのアプリケーションから複数の異なるドメインにアクセス・接続する場合、クロスサイトスクリプティングの制限に抵触する可能性があります。その場合は、Settings -> Server で CORS 設定を行います。

  • Enable cross-origin resource sharing (CORS): ON
  • Allow all domains without '*': ON
  • Access-Control-Allow-Methods: GET, PUT, POST, OPTIONS
  • Access-Control-Allow-Headers: Authorization

設定の変更を保存します。

Reveal でダッシュボードを作成

API Server の設定が完了したら、Reveal でTypeform のデータを可視化していきましょう。

  1. Reveal にログインし、Dashboards -> New をクリックします。
  2. Data Source -> OData Feed をクリックします。
  3. API Server の API エンドポイント URL を指定します。例: https://serverurl/api.rsc
  4. Generic Credentials を選択し、API Server のユーザー名と認証トークンを指定します。
  5. 可視化したいエンティティを選択します。
  6. フィールドを選択し、チャートタイプを選びます。

詳細情報と無償トライアル

これで、リアルタイムのTypeform のデータからシンプルなダッシュボードを作成できました。Typeform (および 150 以上のデータソース) から OData フィードを作成する方法の詳細については、API Server ページをご覧ください。30日間の無償トライアルをダウンロードして、OData API を利用するツールでリアルタイムのTypeform のデータを活用してみてください。

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

詳細はこちら、または無料トライアルにお申し込みください：

CData API Server お問い合わせ

この記事の内容

関連記事