> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Zapier

> Base44 アプリを Zapier に接続して自動化し、アプリ内のアクションがカレンダー招待の送信、スプレッドシートの更新、メッセージの投稿など、何千もの他のアプリでのタスクをトリガーできるようにします。

<Info>
  **注意:** Zapier 連携には **Builder** プラン以上が必要です。Free ティアの場合は、進む前にアップグレードする必要があります。また、Webhook を使用するにはプレミアム Zapier アカウントが必要です。
</Info>

# **ステップごとのセットアップ**

この連携は 2 つの方法で追加できます:

<CardGroup cols={2}>
  <Card icon="sparkle" href="https://docs.base44.com/Integrations/Zapier-integration#part-1%3A-ready-made-integration-for-new-apps" title="オプション A: Ready-made 連携 (推奨)">
    * ゼロから新しいアプリを始める場合は、こちらの方法を選択してください。
  </Card>

  <Card icon="bolt" href="https://docs.base44.com/Integrations/Zapier-integration#part-2%3A-instant-integration-add-zapier-to-an-existing-app" title="オプション B: Instant 連携">
    * すでにアプリを構築中で、既存のアプリに Zapier を統合したい場合は、こちらの方法を選択してください。
  </Card>
</CardGroup>

## パート 1: Ready-made 連携 (新しいアプリ向け)

<Steps>
  <Step title="Zap を作成して Catch Hook をセットアップ">
    * Zapier にサインインし、**Create Zap** をクリックします。

          <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/CreateZap.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=0927353caa6b30a75f6262160f061c51" alt="Create Zap Pn" width="1881" height="785" data-path="images/CreateZap.png" />
    * トリガーとして **Webhooks by Zapier → Catch Hook** を選択します。

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/Webhooks.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=0542c15e6407e32dbf8a3bd38bfd8b76" alt="Webhooks Pn" width="1858" height="994" data-path="images/Webhooks.png" />
    * ペイロード全体をキャプチャするため **Pick off a Child Key** フィールドは空のままにします。

          <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/CatchHook.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=5f0c377dfdccda8942bbaeb18b3d50a7" alt="Catch Hook Pn" width="1903" height="989" data-path="images/CatchHook.png" />
    * 続行して Webhook URL をコピーします。
  </Step>

  <Step title="新しい Base44 アプリを開始し、カタログから Zapier を追加">
    * 新しいブラウザタブで Base44 に移動し、**Integrations** をクリックします。

          <img src="https://mintcdn.com/base44/oUaRpzSyJvMVshj9/images/Integrations.png?fit=max&auto=format&n=oUaRpzSyJvMVshj9&q=85&s=16ac71b185167177ef260be7c92b0339" alt="Integrations Pn" width="1570" height="652" data-path="images/Integrations.png" />
    * **Zapier** を見つけて **Use this integration** をクリックします。

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/ZapierCatalog.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=ba5d4610c0e1999c04cc6b636d88e588" alt="Zapier Catalog Pn" width="1879" height="977" data-path="images/ZapierCatalog.png" />

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/UseZapier.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=93708cd4b0175911daa0375417676312" alt="Use Zapier Pn" width="1894" height="987" data-path="images/UseZapier.png" />
    * プロンプトが表示されたら、Webhook URL を **ZAPIER\_WEBHOOK\_URL** フィールドに貼り付けます。

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/WebhookURL.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=c05fe3d323b4fa4bd611e125847408db" alt="Webhook URL Pn" width="1876" height="914" data-path="images/WebhookURL.png" />
    * 自然言語でアプリを記述します。例:\
      `I am a therapist. Build an app to manage my schedule and let my clients book meeting.`
  </Step>

  <Step title="1 件のテスト予約を作成">
    * アプリが作成されたら、アプリのプレビューを開いてテスト予約を行います:
      * 数分後の日時を選択します。
      * 実際のメールアドレスを使用します。
      * 一度送信して 2 〜 5 秒待ちます。

    これにより、サンプルペイロードが Zap に送信され、Zapier がセットアップ中に実際のフィールドを読み込めるようになります。

    #### **Base44 から Zapier に送信するデータ**

    Zap が正しいカレンダーイベントを作成できるよう、ペイロードを詳細にしてください。Meetings コレクションに以下を含めて保存します:

    * **start\_iso**: 選択された日付と時刻を組み合わせた ISO 8601 日時。

          <Tip>
            例: new Date(\$dateT\$time:00).toISOString()
          </Tip>
    * **end\_iso** または **duration\_minutes**: 終了時刻を ISO で明示的に送信するか、duration\_minutes を送信することで Zapier がアクション内で +30 分を計算できるようにします
    * **time\_zone**: アプリまたはユーザーのタイムゾーン。Asia/Jerusalem のような IANA 名が望ましいです。名前が指定できない場合は、数値オフセットを含めます
    * **meeting\_id**: 重複を避けるための安定した ID。例: \$client\_email|\$start\_iso
    * **client\_name**、**client\_email**、**notes**

    これらのフィールドを保存することで、予約を監査でき、Zapier が毎回正しくイベントをマップできます。
  </Step>

  <Step title="Zapier にサンプルを取得させる">
    * Zapier に戻り、トリガーの Test タブに移動します。
    * **Find new records** をクリックし、アプリが送信したサンプルリクエストを選択して続行します。
    * 何も表示されない場合は、テスト予約をもう 1 件送信して **Find new records** をもう一度クリックします。
  </Step>

  <Step title="Google Calendar イベントを作成">
    * アクションを追加: **Google Calendar → Create Detailed Event**。
    * サンプルのフィールドをイベントフィールドにマップします:
      * **Summary:** `Meeting with client_name`
      * **Description:** `notes`
      * **Start Date & Time:** `start_iso`
      * **End Date & Time:** `start_iso + 30m` (または duration\_minutes を使って計算)
      * **Guests:** `client_email`
      * **Time Zone:** カレンダーのタイムゾーンを選択
    * **Test** をクリックして、イベントが表示され、招待が送信されることを確認します。
  </Step>

  <Step title="Zap を公開">
    **Publish** をクリックして Zap をオンにします。これ以降、アプリでの新しい予約は自動的にカレンダーイベントを作成します。
  </Step>
</Steps>

***

## パート 2: Instant 連携 (既存のアプリに Zapier を追加)

アプリがすでに存在し、構築中に Zapier を接続したい場合は、この方法を使用します。

<Steps>
  <Step stepNumber={1} title="既存のアプリを選択">
    * サンプルアプリを構築するために AI チャットに入力したプロンプト:

      `I am a therapist. Build an app to manage my schedule and let my clients book meeting.`
  </Step>

  <Step stepNumber={2} title="Base44 に Zapier を追加するよう依頼">
    * アプリのチャットウィンドウで次のように伝えます:

      `I want to connect my app to Zapier. Please make an integration that sends booking data to Zapier from the backend only. Never call Zapier from the browser.`
    * 次のステップを完了するまでチャットは開いたままにしておきます。
  </Step>

  <Step stepNumber={3} title="Zapier で Webhook URL を作成">
    * Zapier で **Webhooks by Zapier → Catch Hook** を使って **新しい Zap を作成** し、Webhook URL をコピーします (パート 1 と同じです)。

          <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/CreateZap.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=0927353caa6b30a75f6262160f061c51" alt="Create Zap Pn" width="1881" height="785" data-path="images/CreateZap.png" />

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/Webhooks.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=0542c15e6407e32dbf8a3bd38bfd8b76" alt="Webhooks Pn" width="1858" height="994" data-path="images/Webhooks.png" />

          <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/CatchHook.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=5f0c377dfdccda8942bbaeb18b3d50a7" alt="Catch Hook Pn" width="1903" height="989" data-path="images/CatchHook.png" />
    * プロンプトが表示されたら、この URL を Base44 のチャットに貼り付けます。連携はこれを安全に保存し、予約データを Zapier に投稿するバックエンドルートを配線します。
  </Step>

  <Step stepNumber={4} title="1 件のサンプル予約を作成">
    * アプリが作成されたら、アプリのプレビューを開いてテスト予約を行います:
      * 数分後の日時を選択します。
      * 実際のメールアドレスを使用します。
      * 一度送信して 2 〜 5 秒待ちます。

    これにより、サンプルペイロードが Zap に送信され、Zapier がセットアップ中に実際のフィールドを読み込めるようになります。

    #### **Base44 から Zapier に送信するデータ**

    Zap が正しいカレンダーイベントを作成できるよう、ペイロードを詳細にしてください。Meetings コレクションに以下を含めて保存します:

    * **start\_iso**: 選択された日付と時刻を組み合わせた ISO 8601 日時。

          <Tip>
            例: new Date(\$dateT\$time:00).toISOString()
          </Tip>
    * **end\_iso** または **duration\_minutes**: 終了時刻を ISO で明示的に送信するか、duration\_minutes を送信することで Zapier がアクション内で +30 分を計算できるようにします
    * **time\_zone**: アプリまたはユーザーのタイムゾーン。Asia/Jerusalem のような IANA 名が望ましいです。名前が指定できない場合は、数値オフセットを含めます
    * **meeting\_id**: 重複を避けるための安定した ID。例: \$client\_email|\$start\_iso
    * **client\_name**、**client\_email**、**notes**

    これらのフィールドを保存することで、予約を監査でき、Zapier が毎回正しくイベントをマップできます。
  </Step>

  <Step stepNumber={5} title="Zapier にサンプルを取得させる">
    * Zap トリガーの **Test** タブに移動し、**Find new records** をクリックします。
    * 最新のリクエストを選択して続行します。何も表示されない場合は、別のテストを送信してから **Find new records** をもう一度クリックします。
  </Step>

  <Step stepNumber={6} title="Google Calendar イベントを作成">
    * アクションを追加: **Google Calendar → Create Detailed Event**。
    * サンプルのフィールドをイベントフィールドにマップします:
      * **Summary:** `Meeting with client_name`
      * **Description:** `notes`
      * **Start Date & Time:** `start_iso`
      * **End Date & Time:** `start_iso + 30m` (または duration\_minutes を使って計算)
      * **Guests:** `client_email`
      * **Time Zone:** カレンダーのタイムゾーンを選択
    * **Test** をクリックして、イベントが表示され、招待が送信されることを確認します。
  </Step>

  <Step stepNumber={7} title="Zap を公開">
    * Zap をオンにします。新しい予約により、カレンダーイベントが自動的にトリガーされるようになります。
  </Step>
</Steps>

***

# **トラブルシューティング**

* **Zapier にサンプルがない:** テスト前に 1 件のテスト予約を行ったか確認してください。
* **401 または CORS エラー:** Zapier への投稿はバックエンドからのみ行ってください。ブラウザから Zapier を呼び出さないでください。
* **時刻が違う:** 日付と時刻を適切な ISO 日時 (start\_iso) に結合し、カレンダーイベントを作成するときに正しいタイムゾーンを設定してください。
* **Zap が実行されない:** Zap をオンにするために **Publish** をクリックしたか確認してください。

***

## **クイックチェックリスト**

漏れがないか確認するためにこのリストを使用してください:

* Catch Hook を作成し、**Pick off a Child Key** を空にした
* Webhook URL を Base44 で **ZAPIER\_WEBHOOK\_URL** として保存した
* Builder ティア以上
* テスト前にサンプル予約を 1 件行った
* Google Calendar アクションをマップしてテストした
* Zap を公開してオンにした

***

<Note>このページは AI を使用して翻訳されました。最も正確で最新の情報については、[英語版](/) を参照してください。 </Note>
