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

# インテグレーションを追加する

> すべてのVelocity予約を顧客のGoogleカレンダーに送信します。

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block font-sans whitespace-pre-wrap break-words">
      <div className="pr-7">
        {children}
      </div>
    </CodeBlock>;
};

完了すると、すべてのVelocity予約が顧客のGoogleカレンダーに追加され、ピックアップ時刻と返却時刻があらかじめ入力された状態になります。

インテグレーションによってVelocityは他のツールと連携できます。各予約を顧客のカレンダーに送信したり、高額なレンタルが予約されたときにコーディネーターにメールを送ったり、旅程計画ページに天気情報を取り込んだりすることができます。まずは1つ選びましょう — Googleカレンダーなら、すべての顧客に明確で確認可能な記録（「レンタルがカレンダーに入っている」）を残せます。また、テスト中に自分のカレンダーで確認することもできます。

## AgentにGoogleカレンダーインテグレーションの追加を指示する

ReplitにはGoogleカレンダーを含む組み込みの**Google Workspaceコネクタ**が搭載されています。AgentがワンクリックでGoogleにサインインするためAPIプロジェクトの作成、OAuthクレデンシャルのコピー、シークレットの貼り付けは一切不要です。

<AiPrompt>
  After a Velocity customer confirms a reservation, add the rental to their Google Calendar.<br />
  Use Replit's Google Workspace connector for Google Calendar — don't ask me for any OAuth credentials.<br />
  The event title should be "Velocity rental: \[car make and model]".<br />
  The event should span pickup time to return time and include the pickup address and the reservation reference in the description.<br />
  Update the calendar event automatically if the customer changes the dates or cancels the reservation.<br />
  Add a clear message in Velocity if the calendar add fails, so the reservation still confirms.
</AiPrompt>

AgentはGoogle Workspaceコネクタをプロビジョニングし、ワークスペースに1つの接続ダイアログを開きます。カレンダーを所有するGoogleアカウントでサインインすると、予約が確定するたびにVelocityがイベントを追加するよう設定されます。

<Note>
  コネクタはCore、Pro、またはEnterpriseプランの機能です。無料プランをご利用の場合は、代わりにGoogle OAuthプロジェクトを使用するようAgentに依頼してください — Googleクラウドプロジェクトを作成し、Calendar APIを有効にして、取得したクレデンシャルをアプリのSecretsペインに貼り付ける必要があります。
</Note>

## エンドツーエンドでテストする

1. 新しいタブで自分のGoogleカレンダーを開く。
2. PreviewでVelocityにサインインする。
3. 来週の土曜日〜日曜日で車を予約して確定する。
4. GoogleカレンダーのタブにSwitchする。土曜日〜日曜日に「Velocity rental: \[車名]」という新しいイベントが表示され、説明欄にピックアップ住所が入っているはずです。
5. Velocityで予約を日曜日〜月曜日に変更する。カレンダーのイベントが自動的に移動するはずです。
6. 予約をキャンセルする。カレンダーのイベントが消えるはずです。
7. 2つ目のテストとして、ワークスペースの**Integrations**を開いてGoogle Workspaceを切断し、予約を試みる。Velocityは予約を確定し、「Couldn't add to your calendar — your reservation is confirmed.」のような明確なメッセージを表示するはずです。テストが完了したらコネクタを再接続してください。

予約は確定するもののイベントが表示されない場合は、正確なエラーをAgentに貼り付けてください：

<AiPrompt>
  The integration failed with this error: \[paste the error from Velocity or the Replit logs].<br />
  Tell me the likely cause and fix the smallest issue.<br />
  Make sure reserving a car still works in Velocity even if Google Calendar is unreachable.
</AiPrompt>

## 公開URLで公開してテストする

Previewでカレンダーインテグレーションが動作したら：

1. AgentチャットからVelocityを再度公開する。
2. 公開URLを開き、実際の顧客の視点で車を予約する。
3. 予約したアカウントのカレンダーにイベントが表示されることを確認する。
4. 公開URLから予約を更新・キャンセルし、カレンダーイベントがそれに追従することを確認する。

顧客はVelocityを利用後、レンタルがカレンダーに登録された状態で帰ることができます。予約は確認メールだけでなく、忘れることのできないイベントとして残ります。

## 次の改善

<CardGroup cols={2}>
  <Card title="カスタムドメインを追加する" icon="globe" href="/build/add-custom-domain">
    顧客が共有できるブランドURLにVelocityを移行します。
  </Card>

  <Card title="決済を追加する" icon="credit-card" href="/build/add-payments">
    予約時に返金可能なデポジットを受け取ります。
  </Card>
</CardGroup>

## さらにサポートが必要な場合

* **Googleカレンダーにイベントが表示されない：** ワークスペースの**Integrations**を開き、Google Workspaceコネクタが「Connected」と表示されていること、およびCalendarのスコープが許可されていることを確認してください。
* **コネクタはConnectedと表示されているがイベントが届かない：** Agentにカレンダーペイロードをログとして出力するよう依頼し、フィールドのマッピングを修正してください。
* **日付や住所フィールドがイベントの誤った場所に入力される：** Agentに送信するイベントの形式をログとして出力するよう依頼し、フィールドのマッピングを修正してください。
* **別のインテグレーションを使いたい：** 「Google Calendar」を他のコネクタに置き換えてください — チーム向けのSlack通知、顧客をCRMの連絡先として記録するHubSpot、共有ベースで予約を管理するAirtableなど。Agentはいずれも同じIntegrationsペインを通じて対応します。

## 関連情報

* [Integrations](/references/integrations/overview)
* [Replit AI integrations](/references/integrations/replit-ai-integrations)