TypeformのデータをLooker Studioで可視化する方法

宮本航太
宮本航太
プロダクトスペシャリスト
Typeformのデータにリアルタイムで接続、データへの接続・連携から可視化の作成まで10分で完了します。

Looker Studio(旧Google データポータル)を使えば、リッチな可視化を追加したダッシュボードやレポートを簡単に作成できます。CData Connect AI と組み合わせることで、Typeform のデータに簡単に接続してLooker Studio からデータを連携利用できます。この記事では、Looker Studio からCData Connect AI を通してTypeform に連携し、Typeform のデータを使用した可視化を作成する方法を説明します。

CData Connect AI は、Typeform を含む数百のデータソースをSQL Server 互換エンドポイントとして公開するクラウドサービスです。Looker Studio からは通常のSQL Server と同じ手順で接続でき、レプリケーション不要でライブのTypeform のデータを利用できます。

Connect AI からTypeform への接続

CData Connect AI では、直感的なクリック操作ベースのインターフェースを使ってデータソースに接続できます。

  1. Connect AI にログインし、 Add Connection をクリックします。 コネクションの追加
  2. 「Add Connection」パネルから「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 を設定します。
    コネクションを設定(Salesforce の場合)
  4. Create & Test をクリックします。
  5. 「Add Typeform Connection」ページの「Permissions」タブに移動し、ユーザーベースのアクセス許可を更新します。 権限を更新

コネクションの設定が完了したら、Looker Studio からTypeform のデータへの接続準備ができました。

Typeform のリアルタイムデータにLooker Studio からアクセス

それでは、Looker Studio からCData Connect AI に接続して新しいTypeform のデータソースを作成し、データを使った可視化を作成していきましょう。

  1. Looker Studio にログインして、「作成」ボタンから新しいデータソースを作成し、CData Connect AI Connector を選択します。
  2. Looker Studio で新しいデータソースを作成
  3. 「Authorize」をクリックしてGoogle アカウントへのアクセスを許可します。 Connector に権限を付与
  4. 「Authorize」をクリックしてご利用のCData Connect AI インスタンスを認証します。 CData Connect AI を認証
  5. Looker Studio のCData Connect AI Connector でドロップダウンからインポートする「Connections」を選択し、「Next」をクリックします。
  6. インポートするコネクションを選択
  7. コネクション(例:API1)を選択し、「Next」をクリックします。 コネクションの選択
  8. テーブル(例:Tags)を選択するかCustom Query を使用して、「CONNECT」をクリックして次に進みます。 テーブルの選択
  9. 必要な場合にはカラムを変更して、「レポートを作成」をクリックしてデータソースをレポートに追加します。
  10. カラム定義の設定
  11. 可視化のスタイルを選択してレポートに追加します。
  12. ディメンションと指標を選択して可視化を作成します。これで、Typeform のデータの可視化が作成できました。
  13. Looker Studio でTypeform のデータを可視化

クラウドアプリケーションからTypeform のデータへのリアルタイム連携

これで、可視化の作成は完了です。あとは、Typeform から自在にデータを取得して、ダッシュボード構築やレポーティングに活用できます。

クラウドアプリケーションから150を超えるSaaS、ビッグデータ、NoSQL データソースへのリアルタイムデータ連携の実現には、CData Connect AI の14日間無償トライアルをぜひお試しください。

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

CData Connect AI の詳細、または無料トライアルにお申し込みください:

無料トライアル