Files
everything-claude-code/docs/ja-JP/skills/nextjs-turbopack/SKILL.md
Claude ec9ace9c54 docs: add native Japanese translation of ECC documentation (ja-JP)
Translate everything-claude-code repository to Japanese including:
- 17 root documentation files
- 60 agent documentation files
- 80 command documentation files
- 99 rule files across 18 language directories (common, angular, arkts, cpp, csharp, dart, fsharp, golang, java, kotlin, perl, php, python, ruby, rust, swift, typescript, web)
- 199 skill documentation files

Total: 455 files translated to Japanese with:
- Consistent terminology glossary applied throughout
- YAML field names preserved in English (name, description, etc.)
- Code blocks and examples untouched (comments translated)
- Markdown structure and relative links preserved
- Professional translation maintaining technical accuracy

This translation expands ECC accessibility to Japanese-speaking developers and teams.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-05-17 02:31:40 -04:00

3.1 KiB
Raw Blame History

name, description, origin
name description origin
nextjs-turbopack Next.js 16+とTurbopack — インクリメンタルバンドリング、FSキャッシング、開発速度、Turbopackとwebpackをいつどちらかどうかを選ぶか。 ECC

Next.jsとTurbopack

Next.js 16+はローカル開発にデフォルトでTurbopackを使用する。TurbopackはRustで書かれたインクリメンタルバンドラーで、開発起動時間とホットアップデートを大幅に高速化する。

使用するタイミング

  • Turbopackデフォルト開発: 日々の開発に使用する。特に大規模アプリでコールドスタートとHMRが速い。
  • Webpackレガシー開発: Turbopackのバグに遭遇した場合、またはwebpackのみのプラグインに依存している場合のみ使用する。--webpackまたはNext.jsのバージョンによっては--no-turbopack)で無効化する。リリースのドキュメントを確認すること。
  • プロダクション: プロダクションビルドの動作(next buildはNext.jsのバージョンによってTurbopackまたはwebpackを使用することがある。使用中のバージョンの公式Next.jsドキュメントを確認すること。

使用するケース: Next.js 16+アプリの開発またはデバッグ、開発起動やHMRの遅延を診断するとき、またはプロダクションバンドルを最適化するとき。

仕組み

  • Turbopack: Next.js開発用インクリメンタルバンドラー。ファイルシステムキャッシングを使用するため再起動が大幅に速くなる大規模プロジェクトで5〜14倍など
  • 開発のデフォルト: Next.js 16から、next devは無効化しない限りTurbopackで実行される。
  • ファイルシステムキャッシング: 再起動は前回の作業を再利用する。キャッシュは通常.next以下にある。基本的な使用には追加設定は不要。
  • バンドルアナライザーNext.js 16.1+: 実験的なバンドルアナライザーで出力を検査し重い依存関係を見つける。設定または実験的フラグで有効化する使用中のバージョンのNext.jsドキュメントを参照

コマンド

next dev
next build
next start

使用方法

ローカル開発にはTurbopackでnext devを実行する。バンドルアナライザーNext.jsドキュメント参照を使用してコード分割を最適化し、大きな依存関係を削減する。可能な限りApp RouterとサーバーコンポーネントをBestPracticeとして使用する。

ベストプラクティス

  • 安定したTurbopackとキャッシングの動作のために最新のNext.js 16.xを使い続ける。
  • 開発が遅い場合は、Turbopackデフォルトを使用していることと、キャッシュが不必要にクリアされていないことを確認する。
  • プロダクションバンドルサイズの問題には、使用中のバージョンの公式Next.jsバンドル解析ツールを使用する。