Skill.md検索

データフェッチのアンチパターンを検出 - Client Components内での不要なフェッチ、Props Drillingの多層化、N+1フェッチなど、パフォーマンスを損なう実装を具体的に指摘します。 コンポーネント設計の問題を指摘 - "use client"の不適切な範囲設定やServer Components参照のエラーを検出し、バンドルサイズ肥大化を防ぎます。 キャッシュ戦略の矛盾を検出 - Static/Dynamicレンダリング、Data Cache、Revalidation タグの対応関係の問題を特定します。 セキュリティ・保守性の問題を改善 - 各問題について「何が問題か」「なぜ問題か」「どう直すか」の3点セットで、Next.js v15に対応した修正案を提示します。 Next.js App Routerを使ったプロジェクトのエンジニアで、PR レビューを効率化したい人 アプリケーション設計の段階で、パフォーマンス問題を早期に発見したい開発者 Server Components/Client Componentsの使い分けやデータフェッチの最適化について学びたい人 このスキルは「Next.jsの考え方」（akfm_sato著、v15対応）を参考に、以下6つの観点でコードレビューを実行します。 データフェッチ関連: Client Components内の不適切なフェッチ、"use server"の誤用、Props Drilling、server-onlyの欠落、直列フェッチ、N+1フェッチを検出。 コンポーネント設計: "use client"の範囲が必要以上に広い、Client Components内でのServer Components import、Presentational Components のテスト可能性を確認。 キャッシュ戦略: Static/Dynamic Rendering の適切性、cache: "no-store"の正確な理解、Data Cache タグとServer Actions revalidate の対応、DB アクセスへの React.cache() 適用を検査。 各問題は「問題点・理由・修正例」の3点セットで指摘し、パフォーマンス・セキュリティ・保守性への影響を明確に説明します。