AppSheet でTypeform のデータと連携するアプリを作成する方法

宮本航太
宮本航太
プロダクトスペシャリスト
CData Connect AI を使ってAppSheet からTypeform に接続、Typeform のリアルタイムデータを使ってカスタムビジネスアプリを作成します。

AppSheet はアプリケーション作成用のローコード / ノーコード開発プラットフォームで、ユーザーはモバイル、タブレット、Web アプリケーションを自在に作成できます。 さらにCData Connect AI と連携することで、ビジネスアプリケーションにTypeform のデータへのクラウドベースのアクセスを即座に追加できます。今回はConnect AI からTypeform に接続して、AppSheet で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」タブに移動し、ユーザーベースのアクセス許可を更新します。 権限を更新

(オプション)パーソナルアクセストークンの追加

OAuth 認証をサポートしていないサービス、アプリケーション、プラットフォーム、またはフレームワークから接続する場合は、認証に使用するパーソナルアクセストークン(PAT)を作成できます。きめ細かなアクセス管理を行うために、サービスごとに個別のPAT を作成するのがベストプラクティスです。

  1. Connect AI アプリの右上にあるユーザー名をクリックし、「Settings」をクリックします。
  2. 「Settings」ページで「Access Token」セクションにスクロールし、 Create PAT をクリックします。
  3. PAT の名前を入力して Create をクリックします。 新しいPAT を作成
  4. パーソナルアクセストークンは作成時にしか表示されないため、必ずコピーして安全に保存してください。

コネクションの設定が完了したら、AppSheet からTypeform のデータへの接続準備は完了です。ノーコードで簡単にTypeform に接続できますね!もし設定でご不明点などあれば、こちらのフォームよりお気軽にお問い合わせください。

AppSheet からTypeform への接続

それでは、以下のステップではAppSheet からCData Connect AI に接続して新しいTypeform のデータソースを作成する方法を説明します。

  1. AppSheet にログインします。
  2. メニューの「Account settings」をクリックします。
  3. 「Sources」タブをクリックして、「+New Data Source」ボタンから新しいデータソースを追加します。 新しいデータソースを追加
  4. 「Cloud Database」をクリックして接続先情報を入力します。
    • Type:SQL Server
    • Server:tds.cdata.com,14333
    • Database:Typeform のコネクション名(例:API1)。
    • Username:Connect AI のユーザー名(例:[email protected])。
    • Password:入力したConnect AI ユーザーのPAT を指定。
    • SSL:Require SSL
    Connect AI への接続
  5. 「Test」をクリックします。
  6. 「Authorize Access」をクリックします。

AppSheet でアプリを作る

Typeform のデータソースを作成したら、Typeform のデータを使ったアプリを構築できます。まずはメニューの「My apps」をクリックしましょう。

  1. 「Create」->「App」->「Start with existing data」の順にクリックして、新しいアプリの作成を始めます。
  2. 任意のアプリ名を入力して、使用するデータに基づく適切なカテゴリを設定します。
  3. 先ほど作成したデータソースを選択します。
  4. 次の画面で、データソースのテーブルとビューの一覧を確認できます。アプリ作成で使用したいデータを選択してください。 テーブルを選択

この段階で、アプリのデザインを変更したり、選択したテーブルのどのカラムを表示、またはテーブルとして使用するか、といったことを設定できます。右側のプレビューパネルでアプリをプレビューして、良さそうであればパブリッシュします。

Connect AI と連携したアプリを設定

CData Connect AI の14日間無償トライアルを利用して、クラウドアプリケーションから直接数百種類のSaaS 、ビッグデータ、NoSQL データソースへのSQL アクセスをお試しください!

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

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

無料トライアル