performance-regression-debugging について
アプリケーションの性能低下を診断・解決するためのスキルです。開発者向けに、検出と測定から原因特定、修正の検証、予防策までを扱います。
主な機能
- 01性能低下の検出と測定
- 02根本原因の特定
- 03修正と検証
- 04予防策の策定
活用シーン
- 01デプロイ後の応答遅延の調査
- 02性能指標の悪化傾向の分析
- 03ユーザー報告による遅さの調査
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ aj-geddes/ useful-ai-prompts --skill performance-regression-debuggingインストール後、Claude Code で/performance-regression-debuggingを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/detection-measurement.mdfixing-verification.mdprevention-measures.mdroot-cause-identification.mdscripts/scaffold-tests.shtemplates/test-template.js詳細
パフォーマンス回帰のデバッグ
目次
概要
コードの変更によってアプリケーションのパフォーマンスが低下すると、パフォーマンス回帰が発生します。検出して迅速に解決することが重要です。
使用するタイミング
- デプロイ後にパフォーマンスが低下したとき
- メトリクスに悪化傾向が見られるとき
- ユーザーから動作が遅いという苦情が寄せられたとき
- A/B テストで差異が見られるとき
- 定期的なパフォーマンス監視
クイックスタート
最小限の実行可能な例:
// Before: 500ms response time
// After: 1000ms response time (2x slower = regression)
// Capture baseline metrics
const baseline = {
responseTime: 500, // ms
timeToInteractive: 2000, // ms
largestContentfulPaint: 1500, // ms
memoryUsage: 50, // MB
bundleSize: 150, // KB gzipped
};
// Monitor after change
const current = {
responseTime: 1000,
timeToInteractive: 4000,
largestContentfulPaint: 3000,
memoryUsage: 150,
bundleSize: 200,
};
// Calculate regression
const regressions = {};
for (let metric in baseline) {
const change = (current[metric] - baseline[metric]) / baseline[metric];
// ... (see reference guides for full implementation)
リファレンスガイド
詳しい実装については、references/ ディレクトリを参照してください:
| ガイド | 内容 |
|---|---|
| 検出と測定 | 検出と測定 |
| 根本原因の特定 | 根本原因の特定 |
| 修正と検証 | 修正と検証 |
| 予防策 | 予防策 |
ベストプラクティス
✅ DO
- 確立されたパターンと規約に従う
- 読みやすく保守しやすいコードを書く
- 適切なドキュメントを追加する
- デプロイ前に十分にテストする
❌ DON'T
- テストや検証を省略する
- エラー処理を無視する
- 設定値をハードコードする
コメント
Markdown 対応