cpu-profiling について
CPU使用状況を分析し、時間を多く消費する関数を特定するスキルです。実行速度の低下、高いCPU使用率、性能回帰の調査と、対象を絞った最適化に役立ちます。
主な機能
- 01CPU負荷の高い関数の特定
- 02実行速度低下の調査
- 03性能回帰の分析
- 04プロファイリングツール資料
- 05最適化と監視の指針
活用シーン
- 01高いCPU使用率の調査
- 02実行速度低下の原因特定
- 03性能回帰の確認
- 04CPU性能の監視
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ aj-geddes/ useful-ai-prompts --skill cpu-profilingインストール後、Claude Code で/cpu-profilingを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/analysis-interpretation.mdmonitoring-best-practices.mdoptimization-process.mdprofiling-tools.mdtemplates/component-template.tsx詳細
CPU プロファイリング
目次
概要
CPU プロファイリングでは、CPU 時間を最も多く消費する関数を特定し、負荷の高いコードパスを的確に最適化できます。
使用する場面
- CPU 使用率が高い場合
- 実行速度が遅い場合
- パフォーマンスが低下した場合
- 最適化を行う前
- 本番環境のモニタリング
クイックスタート
最小限の動作例:
Browser Profiling:
Chrome DevTools:
Steps:
1. DevTools → Performance
2. Click record
3. Perform action
4. Stop recording
5. Analyze flame chart
Metrics:
- Function call duration
- Call frequency
- Total time vs self time
Firefox Profiler:
- Built-in performance profiler
- Flame graphs
- Timeline view
- Export and share
React Profiler:
- DevTools → Profiler
- Component render times
- Phase: render vs commit
- Why component re-rendered
// ... (see reference guides for full implementation)
リファレンスガイド
詳細な実装については、references/ ディレクトリを参照してください。
| ガイド | 内容 |
|---|---|
| プロファイリングツール | プロファイリングツール |
| 分析と解釈 | 分析と解釈 |
| 最適化プロセス | 最適化プロセス |
| モニタリングとベストプラクティス | モニタリングとベストプラクティス |
ベストプラクティス
✅ 推奨事項
- 確立されたパターンと規約に従います
- 読みやすく保守しやすいコードを書きます
- 適切なドキュメントを追加します
- デプロイ前に十分なテストを行います
❌ 禁止事項
- テストや検証を省略しないでください
- エラー処理を無視しないでください
- 設定値をハードコードしないでください
コメント
Markdown 対応