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

目次

© naopoyo

😰

開発日記-2025-10-11 / DevContainerでuvxを使えるようにする

公開日
21日前
2025-10-11
更新履歴
GitHubで見る
  • 開発日記

GitHub Issues

issue: bad setState() call inside `Controller` error when early returning and accessing `formState.isValid` · react-hook-form · Discussion #11760
Version Number 7.51.2 Codesandbox/Expo snack https://codesandbox.io/p/devbox/vigilant-ully-rk9f55?file=%2Fsrc%2FApp.tsx%3A55%2C1&workspaceId=66cb3c57-3d8e-443f-853d-933dd2794011 Steps to reproduce ...
github.com favicon
github.com
issue: bad setState() call inside `Controller` error when early returning and accessing `formState.isValid` · react-hook-form · Discussion #11760
Extension cannot find git repo when VS Code didn't open the git root directory · Issue #7964 · microsoft/vscode-pull-request-github
Extension version: 0.120.0 VSCode Version: 1.105.0 (Universal) Commit: 03c265b1adee71ac88f833e065f7bb956b60550a Date: 2025-10-08T14:09:35.891Z OS: Darwin arm64 24.6.0 Repository Clone Configuration...
github.com favicon
github.com
Extension cannot find git repo when VS Code didn't open the git root directory · Issue #7964 · microsoft/vscode-pull-request-github

Next.jsでパンくずリストを作る

Dynamic Breadcrumb in Next.js with Parallel Routes
Learn how to create a dynamic breadcrumb in Next.js with parallel routes.
openstatus.dev favicon
openstatus.dev
Dynamic Breadcrumb in Next.js with Parallel Routes
  • @breadcrumb ディレクトリを作成する。{breadcrumb} を書く layout.tsx と同じ階層に作成する必要がある。
  • HeroUIのBreadcrumbsはクライアントコンポーネントなので、サーバーコンポーネントでは動かない。

DevContainerでuvxを使えるようにする

DevContainer環境のClaudeCodeでSerenaMCPを使えるようにする
zenn.dev favicon
zenn.dev
DevContainer環境のClaudeCodeでSerenaMCPを使えるようにする

postCreateCommandでuvxを使えるようにしたらSerenaMCPを使える。

devcontainer.json
{
  // ...
  "postCreateCommand": "zsh .devcontainer/post-create-command.sh"
  // ...
}
curl -LsSf https://astral.sh/uv/install.sh | sh && echo 'export PATH=\"$HOME/.cargo/bin:$PATH\"' >> ~/.bashrc

Vitest + MSW による TypeScript での API 呼び出しのユニットテスト

Vitest + MSW による TypeScript での API 呼び出しのユニットテスト - Qiita
これは以下の記事の日本語翻訳 & 加筆版です: 経緯 最近、自作の Slack Web API クライアントライブラリが期待通りに動作しているか確認するためにユニットテストを書いていました。 長年ウェブサービスを開発してきましたが、HTTP リクエストをモックしたテ...
qiita.com favicon
qiita.com
Vitest + MSW による TypeScript での API 呼び出しのユニットテスト - Qiita
  • これも試す

サーバーコンポーネントの fetch() のデバッグをしたい

簡単な fetch() のログを見たいなら以下:

next.config.ts
const nextConfig: NextConfig = {
  // ...
  logging: {
    fetches: {
      fullUrl: true,
      hmrRefreshes: true,
    },
  },
  // ...
}

OpenTelemetryというもので色々計測できるらしい。

Guides: OpenTelemetry | Next.js
Learn how to instrument your Next.js app with OpenTelemetry.
nextjs.org favicon
nextjs.org
Guides: OpenTelemetry | Next.js
Next.js で OpenTelemetry を使用した計装を行う
この記事では Next.js で OpenTelemetry を使用した計装を行う方法について紹介します。Next.js では `instrumentation.ts` ファイルを使用して監視ツールやログツールの計装を設定できます。
azukiazusa.dev favicon
azukiazusa.dev
Next.js で OpenTelemetry を使用した計装を行う
OpenTelemetryに触れてみた
zenn.dev favicon
zenn.dev
OpenTelemetryに触れてみた
Next.js で OpenTelemetry を使用した計装を行う
この記事では Next.js で OpenTelemetry を使用した計装を行う方法について紹介します。Next.js では `instrumentation.ts` ファイルを使用して監視ツールやログツールの計装を設定できます。
azukiazusa.dev favicon
azukiazusa.dev
Next.js で OpenTelemetry を使用した計装を行う
GitHub - vercel/opentelemetry-collector-dev-setup
Contribute to vercel/opentelemetry-collector-dev-setup development by creating an account on GitHub.
github.com favicon
github.com
GitHub - vercel/opentelemetry-collector-dev-setup
  • Jaeger at http://localhost:16686
  • Zipkin at http://localhost:9411
  • Prometheus at http://localhost:9090

目次

この記事にリンクしている記事

😄
Next.jsでOpenTelemetryをはじめる
19日前 - 2025年10月13日
  • OpenTelemetry
  • Next.js

最近更新された記事

🌇
開発日記-2025-10-31 / Xのブックマークに入れてたサイトを読む
2日前 - 2025年10月31日
  • 開発日記
🛷
開発日記-2025-10-29 / tocbot のオプション
4日前 - 2025年10月29日
  • 開発日記
  • tocbot
🚩
Next.js 16にアップグレードする
5日前 - 2025年10月27日
  • Next.js