> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-fix-nav-issues.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Bindplaneを使用してOpenTelemetryをClickStackに送信する

> Bindplaneでcollectorを一元管理し、テレメトリーをClickStackにルーティングする

export const PartnerBadge = () => {
  return <div className="PartnerBadge">
            <div className="PartnerBadgeIcon">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <polyline points="12.5 9.5 10 12 6 11 2.5 8.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <polyline points="4.54 4.41 8 3.5 11.46 4.41" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <path d="M2.15,3.78 L0.55,6.95 A0.5,0.5 0,0,0 0.77,7.62 L2.5,8.5 L4.54,4.41 L2.82,3.55 A0.5,0.5 0,0,0 2.15,3.78 Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <path d="M13.5,8.5 L15.23,7.62 A0.5,0.5 0,0,0 15.45,6.95 L13.85,3.78 A0.5,0.5 0,0,0 13.18,3.55 L11.46,4.41 Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <path d="M11.5,4.5 L9,4.5 L6.15,7.27 A0.5,0.5 0,0,0 6.24,8.05 C7.33,8.74 8.81,8.72 10,7.5 L12.5,9.5 L13.5,8.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <polyline points="7.75 13.5 5.15 12.85 3.5 11.67" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                </svg>
            </div>
            Partner Integration
        </div>;
};

export const Image = ({img, alt, size}) => {
  return <Frame>
      <img src={img} alt={alt} />
    </Frame>;
};

<Info>
  **要点**

  このガイドでは、Bindplane のネイティブな ClickStack 宛先を使って、テレメトリーを ClickStack にルーティングする方法を説明します。主な内容は次のとおりです。

  * Bindplane で ClickStack を宛先として設定する
  * テレメトリーを処理してルーティングするための構成を作成する
  * 構成を OTel collector にリモートでデプロイし、データ収集を開始する
  * ClickStack でテレメトリーを表示する

  このインテグレーションでは、ClickStack の高性能なインジェストと Bindplane の一元化された collector 管理を組み合わせることで、運用負荷を増やすことなくオブザーバビリティをスケールしやすくします。

  所要時間: 10～15 分
</Info>

<div id="what-is-bindplane">
  ## Bindplane とは何ですか？
</div>

Bindplane は、OpenTelemetry Collector を一元管理するための OpenTelemetry ネイティブなテレメトリー パイプラインです。視覚的な設定編集、安全なロールアウト、パイプラインインテリジェンスを提供することで、大規模な collector 群の運用を簡素化します。

<div id="why-bindplane-clickstack">
  ## なぜ Bindplane + ClickStack なのか？
</div>

大規模環境では、OpenTelemetry Collector の管理運用がボトルネックになりがちです。ClickStack は非常に大規模なインジェストを処理できることを実証しており、実際に顧客は毎秒数 GB のテレメトリーを取り込み、数百 PB を保存しています。課題はクエリ性能そのものではなく、ClickHouse にデータを送り込む collector インフラストラクチャをいかに確実に運用するかへと移っています。

Bindplane は、次の機能によってこの課題を解決します。

* 数千台から 100 万台超までの OpenTelemetry Collector を一元管理
* 安全にワンクリックでロールアウトできる、視覚的な設定編集
* データが ClickStack に到達する前に、一貫して適用される自動リソース検出とエンリッチメント
* ファンアウトルーティングにより、同じテレメトリーストリームを ClickStack と他の宛先に同時に送信
* collector の健全性、スループット、エンドツーエンドのパフォーマンスを含む、パイプライン全体の可視性

<Tip>
  **主なポイント**

  * **ClickStack は、非常に大規模なインジェスト、ストレージ、高速な分析クエリに対応します**
  * **Bindplane は、インジェストパイプラインと collector の運用の複雑さを管理します**
</Tip>

<div id="prerequisites">
  ## 前提条件
</div>

* ClickStack インスタンスが稼働していること (ローカル、Server、または ClickHouse Cloud)
* Bindplane アカウント ([`app.bindplane.com` でアカウントを作成](https://app.bindplane.com))
* Bindplane OTel Collector がインストールされていること ([Install Your First Collector](https://docs.bindplane.com/readme/install-your-first-collector) を参照)
* Bindplane collector から ClickStack の OTLP endpoint へのネットワーク接続
* ClickStack API Ingestion Key (ClickStack Team Settings > API Keys で確認できます。詳細は[こちらのドキュメント](/ja/clickstack/ingesting-data/opentelemetry#sending-otel-data)を参照)
* 必要なネットワークポートが開放されていること (HTTP/s は `4318`、gRPC は `4317`)

<div id="integrate-bindplane-clickstack">
  ## ClickStack と Bindplane を統合する
</div>

<Steps>
  <Step>
    #### ClickStack を宛先として設定する

    1. Bindplane アカウントにログインします
    2. **Library** に移動します
    3. **Add Destination** をクリックします
    4. 利用可能な宛先の一覧から **ClickStack** を選択します
    5. 接続を設定します。
       * **Protocol**: HTTP または gRPC を選択します (デフォルト: ポート `4318` の HTTP)
       * **Hostname**: ClickStack の OTLPエンドポイントのホスト名または IP アドレスを入力します
       * **Port**: ポート番号を入力します (HTTP は `4318`、gRPC は `4317`)
       * **API Ingestion Key**: ClickStack の API Ingestion Key を入力します
    6. 宛先に名前を付けます (例: "ClickStack Production")
    7. **Save** をクリックして宛先を作成します

    <Tip>
      **重要なポイント**

      ClickStack の宛先は HTTP と gRPC の両方をサポートしています。大量データを扱う場合は、より高いパフォーマンスを得るため、圧縮 (gzip、zstd、snappy) を有効にした gRPC の使用を推奨します。
    </Tip>
  </Step>

  <Step>
    #### 構成を作成する

    ClickStack の宛先を設定したら、テレメトリーを処理してルーティングするための構成を作成します。

    1. **Configurations** → **Create Configuration** に移動します
    2. 構成に名前を付けます (例: "ClickStack Pipeline")
    3. デプロイ対象に応じて **Collector Type** と **Platform** を選択します
    4. ソースを追加します。
       * **Add Source** をクリックして、80 種類以上の利用可能なソースから選択します
       * テスト用途では、トラフィックをシミュレートするテレメトリー生成ソースを追加できます
       * 本番環境では、実際のテレメトリー (logs、metrics、traces) のソースを追加します
    5. ClickStack の宛先を追加します。
       * **Add Destination** をクリックします
       * 前の手順で作成した ClickStack の宛先を選択します
       * 送信するテレメトリーの種類を選択します (Logs、Metrics、Traces、またはすべて)

    <Tip>
      **重要なポイント**

      ClickStack に届く前にテレメトリーを整形するため、filtering、sampling、masking、enrichment、batching などのプロセッサを追加できます。これにより、一貫性のある構造化データを ClickHouse に送れます。
    </Tip>
  </Step>

  <Step>
    #### プロセッサを追加する (任意)

    Bindplane は、パイプラインインテリジェンスとプロセッサの推奨機能を提供します。次の目的でプロセッサを追加できます。

    * **Filter**: 不要なテレメトリーを除外してデータ量を削減する
    * **Sample**: 大量の traces に sampling 戦略を適用する
    * **Enrich**: リソース属性、labels、メタデータを追加する
    * **Transform**: テレメトリーの構造や内容を変更する
    * **Batch**: 効率的に送信できるようバッチサイズを最適化する

    これらのプロセッサは、データが ClickStack に届く前に、collector フリート全体に一貫して適用されます。
  </Step>

  <Step>
    #### collector をデプロイして rollout を開始する

    1. 構成に collector (BDOT Collector) を追加します。
       * Bindplane の **Agents** に移動します
       * [Bindplane のインストール手順](https://docs.bindplane.com/readme/install-your-first-collector)に従って、対象システムに Bindplane collector をインストールします
       * 接続されると、collector 一覧に collector が表示されます

    2. collector に構成を割り当てます。
       * 使用する collector を選択します
       * それらに ClickStack の構成を割り当てます

    3. rollout を開始します。
       * **Start Rollout** をクリックして構成をデプロイします
       * Bindplane は rollout 前に構成を検証します
       * Bindplane UI で rollout の状態を監視します

    <Tip>
      **重要なポイント**

      Bindplane では、検証付きの安全なワンクリック rollout を実行できます。Bindplane インターフェイスを通じて、collector の正常性、スループット、error をリアルタイムで監視できます。
    </Tip>

    <Image img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/Y9kcWM6RbYppspJn/images/clickstack/bindplane/bindplane-configuration.png?fit=max&auto=format&n=Y9kcWM6RbYppspJn&q=85&s=46e60e4c3a228796bf0147f8e95c7909" alt="Bindplane 経由で ClickStack に送られるテレメトリーシグナル" size="lg" width="2682" height="1900" data-path="images/clickstack/bindplane/bindplane-configuration.png" />
  </Step>

  <Step>
    #### ClickStack でテレメトリーを確認する

    構成が rollout されると、管理対象の collector フリートから ClickStack へテレメトリーが流れ始めます。

    1. ClickStack インスタンス (HyperDX UI) にログインします
    2. **Logs**、**Metrics**、または **Traces** のエクスプローラーに移動します
    3. Bindplane 管理下の collector から送られてくるテレメトリーデータが表示されるはずです
    4. ClickStack に到着するデータは、すでに Bindplane のプロセッサによって enrich され、構造化されています

    <Image img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/Y9kcWM6RbYppspJn/images/clickstack/bindplane/bindplane-hyperdx.png?fit=max&auto=format&n=Y9kcWM6RbYppspJn&q=85&s=e63183b23afa336419694c0c26fb705b" alt="Bindplane 経由で ClickStack に送られるテレメトリーシグナル" size="lg" width="3388" height="2342" data-path="images/clickstack/bindplane/bindplane-hyperdx.png" />
  </Step>
</Steps>

<div id="advanced-configuration">
  ## 詳細設定
</div>

<div id="fan-out-routing">
  ### ファンアウトルーティング
</div>

Bindplane はファンアウトルーティングをサポートしており、同じテレメトリーストリームを複数の宛先へ同時に送信できます。次のことが可能です。

* ログ、メトリクス、トレースを ClickStack に送信し、長期保存と分析に利用する
* 同じデータを他のオブザーバビリティプラットフォームにもルーティングし、リアルタイムのアラートに活用する
* 特定のテレメトリーを SIEM プラットフォームに転送し、セキュリティ分析に利用する

これは、Bindplane の構成に複数の宛先を追加することで設定できます。

<div id="compression">
  ### 圧縮とパフォーマンス
</div>

大量データを扱う環境では、ClickStack の宛先で圧縮を設定してください。

* **HTTP**: gzip、deflate、snappy、zstd、または none をサポート (デフォルト: gzip)
* **gRPC**: gzip、snappy、zstd、または none をサポート (デフォルト: gzip)

圧縮を有効にすると、ClickStack にテレメトリーを送信する際の帯域幅使用量を削減できます。特に大規模環境では重要です。

<div id="next-steps">
  ## 次のステップ
</div>

これで、Bindplane から ClickStack へテレメトリーが送られるようになったので、次のことができます。

* **ダッシュボードを作成する**: ClickStack (HyperDX) で、ログ、メトリクス、トレースの可視化を作成する
* **アラートを設定する**: 重要な状態に対するアラートを ClickStack で設定する
* **デプロイメントをスケールする**: オブザーバビリティのニーズの拡大に応じて、collector とログソースを追加する
* **パイプラインを最適化する**: Bindplane のパイプラインインテリジェンスを使用して、最適化の余地を特定する

<div id="read-more">
  ## さらに詳しく
</div>

* [Bindplane ドキュメントの ClickStack インテグレーション](https://docs.bindplane.com/integrations/destinations/clickstack)