メインコンテンツへスキップ
注意: Airtable 連携は Builder ティア以上で利用できます。Free ティアをご利用の場合、バックエンド関数や支払い機能を使用するにはアプリのアップグレードが必要です。

​
パート 1: Airtable 側

すでに Airtable API トークンと Base ID をお持ちの場合は、パート 2: Base44 側 に進んでください。
1

Personal Access Token を作成

名前フィールドと読み取りスコープが追加された、個人用アクセストークン作成用の Airtable ページ

Airtable で個人用アクセストークンを作成

  • Airtable のトークン作成ページ にアクセスします。
  • “Scopes” で、少なくとも以下の権限を持つトークンを正しいワークスペース/ベースに対して作成します:
    • data.records:read
    • schema.bases:read (任意ですがテストに役立ちます)
  • トークンに名前を付け、使用する場合はクレジット上限を設定し、安全な場所にトークンをコピーしておきます。
2

Base ID を確認

役職、給与、勤務地、報酬の列がある従業員テーブルの Airtable グリッドビュー

従業員データを保持する Airtable ベース

  1. ブラウザで Airtable ベースを開きます。
  2. URL を確認し、“app” で始まる文字列をコピーします。これが Base ID です。 例: https://airtable.com/app123XYZ/...

​
パート 2: Base44 側

API トークンと Base ID を取得したら、2 つの方法で Base44 に接続できます:

オプション A: Ready-made 連携 (推奨)

  • ゼロから新しいアプリを始める場合は、こちらの方法を選択してください。

オプション B: Instant 連携

  • すでにアプリを構築中で、既存のアプリに Airtable を統合したい場合は、こちらの方法を選択してください。

​
オプション A: Ready-made 連携 (新しいアプリを作成)

1

Integrations カタログから Airtable を追加

上部ナビゲーションの Integrations が強調表示された Base44 ホームのプロンプトページ

Integrations カタログを開く

  • Integrations カタログで Airtable を選択
  • 続いて “Use this integration” をクリック
    サンプルプロンプトと Use this integration ボタンがある Base44 カタログの Airtable 連携ページ

    カタログ内の Airtable 連携

2

シークレットを貼り付け

API キーとベース ID を入力するフィールドがある Airtable 連携のセットアップ

Airtable の認証情報を入力

  • プロンプトが表示されたら、次を貼り付けます:
    • AIRTABLE_API_KEY
    • AIRTABLE_BASE_ID
3

アプリを構築

  • 利用できるサンプルプロンプト: "Build an internal dashboard. We will connect to my Airtable base and show real records. Include a Sync Status page and start by letting me choose a table before building visuals."
  • アプリが Airtable へのテスト呼び出しを実行し、テーブル一覧を表示します
  • 1 つを選択します
  • 実際のレコードを取得し、スキーマが明確になるように生データテーブルを表示します
4

Sync Status ページ

接続済みの Airtable 連携、利用可能なテーブル、Check Connection ボタンを表示する Sync Status ページ

Airtable の同期ステータスを確認

以下を含むページが用意されます:
  • テストを再実行する Check Connection ボタン
  • テーブル一覧
  • 最終チェック時刻
  • 接続ステータス

​
オプション B: Instant 連携 (既存のアプリに接続)

進行中のアプリがある場合は、こちらの方法を選択してください。
1

既存のアプリにアクセス

概要カード、役職と勤務地のフィルター、従業員ディレクトリを備えた Airtable データ上のダッシュボード

Airtable データで構築したダッシュボード

  • サンプルアプリを構築するために AI チャットに入力したプロンプト: "Build an internal dashboard. Let me pick a data source later."
2

AI チャット経由で Airtable に接続

認証情報を追加するボタン付きで Airtable の認証情報を求める AI チャットと、その横のアプリ設定パネル

Airtable の認証情報を求める AI チャット

  • AI チャットに貼り付けたサンプルプロンプト: Connect this app to Airtable. Ask me for AIRTABLE_API_KEY and AIRTABLE_BASE_ID and save them as Secrets. Add a backend function that can test the connection and fetch records. Create a Sync Status page with a Check Connection button.
  • AI チャットで “Set secrets” をクリックします
  • プロンプトが表示されたら API Key と Base ID を貼り付けます
3

テーブルを取得してデータを表示

  • AI チャットにデータを表示するよう促します
  • 使用したサンプルプロンプト: Run the connection test to list my tables, let me pick one, then fetch records and show a raw table view before any visuals.
4

アプリをテスト

接続済みの Airtable 連携、利用可能なテーブル、Check Connection ボタンを表示する Sync Status ページ

Sync Status で接続を確認

  • Sync Status を開き、Check Connection をクリック
  • テーブルを選択し、ライブの行が表示されることを確認

​
トラブルシューティング

  • 403 または接続失敗: トークンのスコープが間違っています。data.records:read が有効になっていることを確認してください。テーブル一覧が失敗する場合は schema.bases:read を追加します。
  • Base ID が間違っている: URL からの app… 文字列を正しくコピーしたか再確認してください。
  • データが表示されない: ベースに実際にレコードが存在し、トークンにアクセス権限があることを確認してください。
  • 公開プレビューとアプリエディタのセッション: Sync Status のテスト中はアプリエディタにログインしたままにしてください。

​
よくあるユースケース

チームが Base44 と Airtable をよく利用する方法をいくつかご紹介します:
  • ダッシュボード: Airtable のデータを取り込み、リアルタイムで可視化。
  • データ管理: Airtable レコードを表示・確認するための使いやすい UI をチームメイトに提供。
  • 同期モニター: 接続をすばやくテストし、更新を確認するための Sync Status ページを作成。
  • 社内ツール: カスタムコードなしで、Airtable 上に軽量アプリ (CRM ビューやコンテンツトラッカーなど) を構築。
このページは AI によって翻訳されました。最も正確で最新の情報については、英語版 を参照してください。