> ## 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.
# サービスマップ
> ClickStack のサービスマップで、サービス間の依存関係とリクエストフローを可視化します。
export const Image = ({img, alt, size}) => {
return
;
};
export const galaxyOnClick = eventName => () => {
try {
if (typeof window !== "undefined" && window.galaxy && eventName) {
window.galaxy.track(eventName, {
interaction: "click"
});
}
} catch (e) {}
};
export const BetaBadge = ({link, galaxyTrack, galaxyEvent}) => {
if (link) {
return
Beta
;
}
return ;
};
サービスマップでは、サービス同士がどのようにやり取りしているかを可視化できます。ClickStack は、同じトレース内のクライアントスパン (送信リクエスト) とサーバースパン (受信リクエスト) を対応付けてグラフを構築し、サービス間のリクエスト経路を再現します。
左側のナビゲーションパネルで **Service Map** をクリックすると、グラフ全体を表示できます。サービスは、OpenTelemetry で[トレースデータを取り込み](/ja/clickstack/ingesting-data)始めると表示されます。
## サービスマップの確認
各ノードはサービスを表し、`service.name` リソース属性で識別されます。エッジ (破線) は、あるサービスのクライアントスパンが別のサービスのサーバースパンに対応している場合に、それらのサービスを結びます。ノードの大きさは相対的なトラフィック量を示し、赤いノードは選択した時間範囲内にエラーがあるサービスを表します。
マップ上部のツールバーでは、表示の絞り込みや調整を行えます。
**ソースセレクター** — マップを特定のトレースソース (例: "ClickPy Traces") に絞り込みます。
**サンプリングスライダー** — パフォーマンスと精度のバランスを取るために、サンプリング率を調整します。高トラフィックのクラスターでは、低い値のほうがより速く読み込まれます。
**日付範囲ピッカー** — マップの作成に使用するトレースデータの時間範囲を設定します。
マップ左下の **+/-** ボタン、またはスクロール操作で拡大・縮小できます。
## トレースレベルのサービスマップ
個々のトレースを確認すると、そのリクエストがサービス間をどのように経由したかを示す、対象を絞ったサービスマップが表示されます。これにより、トレースのウォーターフォールを離れることなく、単一のリクエストのトポロジーを確認できます。