> ## Documentation Index
> Fetch the complete documentation index at: https://sequence-0fb8d9e6-codex-update-discord-invite.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Sequence BuilderのWebhooks

> このセクションでは、ゲーム開発者がSequence BuilderでWebhooksを使い、複数のブロックチェーン上のイベントを監視する方法を説明します。

Sequence Builderは、ゲーム開発者向けに、当社が提供する複数のブロックチェーン上のイベントを監視するインデクサーを提供し、httpsコールバックで通知します。

<Warning>
  cURL、TypeScript、Goを使ったプログラム的なWebhooks追加方法をご希望の場合は、[こちらのウォークスルー](/api-references/indexer/examples/webhook-listener)をご覧ください。
</Warning>

#### ゲームでどのようなデータを監視できますか？

* コントラクトからのミント
* TokenIDの移転
* アカウントアドレスによるトランザクション
* コントラクトから発行されたイベントトピック
* コントラクトから発行されたイベントトピックハッシュ

## Webhooksの作成方法

以下の手順でWebhooksを作成できます

1. プロジェクトを選択し、Webhooksセクションへ移動
2. ネットワークを選択し、新しいWebhookを追加
3. Webhookの詳細を入力

<Steps>
  <Step title="プロジェクトを選択し、Webhooksセクションへ移動">
    画面左上でプロジェクトを選択し、サイドバーの`Indexer`セクションから`Webhooks`タブを選択します。

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-codex-update-discord-invite/DdbaMWG9RHRrzSoX/images/builder/builder_indexer_webhooks_select.png?fit=max&auto=format&n=DdbaMWG9RHRrzSoX&q=85&s=ab0b07493e6ab4e39f38ef421474d260" alt="indexer webhooks select" width="1697" height="789" data-path="images/builder/builder_indexer_webhooks_select.png" />
    </Frame>
  </Step>

  <Step title="ネットワークを選択し、新しいWebhookを追加">
    Webhooksタブ下のドロップダウンから、プロジェクト内でWebhookを作成したいネットワークを選択します。目的のネットワークが表示されていない場合は、[ネットワークを追加](/solutions/builder/project-settings#3-network-settings)してから、その後、`+ Add New Webhook` を選択してください。

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-codex-update-discord-invite/DdbaMWG9RHRrzSoX/images/builder/builder_indexer_webhooks_add_new_webhook.png?fit=max&auto=format&n=DdbaMWG9RHRrzSoX&q=85&s=0552c63414feeeb0b81b6892a26726b0" alt="indexer webhooks add new webhook" width="1657" height="773" data-path="images/builder/builder_indexer_webhooks_add_new_webhook.png" />
    </Frame>
  </Step>

  <Step title="Webhookの詳細を入力">
    Webhookの`URL`、`Contract Address(es)`、'Events'など、必要な詳細を入力します。

    Eventsフィールドでは、任意のコントラクトイベントを解析できますが、スマートコントラクトに記載されている通り、正確にイベントを入力する必要があります。たとえば、トランスファーイベントを検出する場合は、`indexed`キーワードを含めて `Transfer(address indexed from, address indexed to, uint256 amount)` と入力します。一般的なイベントタイプの例は[こちら](/api-references/indexer/examples/webhook-listener#on-chain-token-event-types)で、よく使われるケースやSequence特有のものも確認できます。

    希望するフィールドを入力したら、`Add Webhook` を選択してください。

    <Note>
      Webhookエンドポイントが必要な場合は、[webhook.site](https://webhook.site/) をご利用いただけます。

      または、以下のいずれかのテンプレートコードを利用することもできます。

      [Nodejs TypeScript Webhook](https://github.com/0xsequence-demos/template-nodejs-webhook-server)（[ngrok](https://ngrok.com/)と組み合わせて利用）
    </Note>

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-codex-update-discord-invite/DdbaMWG9RHRrzSoX/images/builder/builder_indexer_webhooks_add_webhook.png?fit=max&auto=format&n=DdbaMWG9RHRrzSoX&q=85&s=04045db43628fd5ef054f29e08d72cd8" alt="Webhookの詳細を入力して追加" width="1581" height="773" data-path="images/builder/builder_indexer_webhooks_add_webhook.png" />
    </Frame>

    これで完了です！
  </Step>
</Steps>

## Webhookの削除または更新

以下の手順でWebhookの更新や削除を行う方法をご案内します。

1. プロジェクトを選択し、Webhooksセクションへ移動
2. Webhookを更新または削除するには、ギアアイコンを選択してください。
3. Webhookの更新または削除

<Steps>
  <Step title="プロジェクトを選択し、Webhooksセクションへ移動">
    画面左上でプロジェクトを選択し、サイドバーの`Indexer`セクションから`Webhooks`タブを選択します。

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-codex-update-discord-invite/DdbaMWG9RHRrzSoX/images/builder/builder_indexer_webhooks_select.png?fit=max&auto=format&n=DdbaMWG9RHRrzSoX&q=85&s=ab0b07493e6ab4e39f38ef421474d260" alt="indexer webhooks select" width="1697" height="789" data-path="images/builder/builder_indexer_webhooks_select.png" />
    </Frame>
  </Step>

  <Step title="Webhookを更新または削除するには、ギアアイコンを選択してください。">
    Webhook画面で、削除または更新したいWebhookのギア `⚙` を選択します。

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-codex-update-discord-invite/DdbaMWG9RHRrzSoX/images/builder/builder_indexer_webhook_select.png?fit=max&auto=format&n=DdbaMWG9RHRrzSoX&q=85&s=91f5b8513d87d05817f0e56be80caebe" alt="Webhookの更新をクリック" width="1729" height="804" data-path="images/builder/builder_indexer_webhook_select.png" />
    </Frame>
  </Step>

  <Step title="Webhookの更新または削除">
    その後、`Update Webhook` または `Remove` を選択してWebhookを更新または削除できます。

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-codex-update-discord-invite/DdbaMWG9RHRrzSoX/images/builder/builder_indexer_webhooks_update_or_remove.png?fit=max&auto=format&n=DdbaMWG9RHRrzSoX&q=85&s=31f916742036a8c1e0ada5fb7495f69c" alt="更新または削除" width="1768" height="819" data-path="images/builder/builder_indexer_webhooks_update_or_remove.png" />
    </Frame>
  </Step>
</Steps>