naopoyo.com
  • Docs
  • Tags
  • Bookmarks
  • Tools
  • About
  • Docs
  • Tags
  • Bookmarks
  • Tools
  • About

目次

© naopoyo

目次

最近更新された記事

🛬

Next.js 16 + next-intl で多言語化対応するための設定と注意点

約15時間前·2026年02月11日
  • Next.js
  • TypeScript
🍶

API-only Rails + GraphQL の rack-mini-profiler セットアップ

約19時間前·2026年02月11日
  • Rails
  • GraphQL
  • Next.js
🔍

Claude Code の Explore エージェントについて

4日前·2026年02月07日
  • Claude Code
😄

Next.jsでOpenTelemetryをはじめる

公開日4か月前2025-10-13
履歴GitHubで見る
MarkdownRaw Content
  • OpenTelemetry
  • Next.js

パッケージのインストール

Terminal
pnpm add install @vercel/otel @opentelemetry/sdk-logs @opentelemetry/api-logs @opentelemetry/instrumentation

instrumentation.ts 作成

instrumentation.ts
import { registerOTel } from '@vercel/otel'

export function register() {
  registerOTel({ serviceName: 'next-app' })
}

OpenTelemetry Collector(OTel Collector)をローカル開発環境で動かす

Terminal
git clone git@github.com:vercel/opentelemetry-collector-dev-setup.git
cd opentelemetry-collector-dev-setup
docker-compose up -d

コマンド実行後に以下で表示可能:

  • Jaeger at http://localhost:16686
  • Zipkin at http://localhost:9411
  • Prometheus at http://localhost:9090

開発日記-2025-10-11 に関連のリンクがある。