メモリリーク検出完全ガイド

メモリリーク検出完全ガイド

メモリリーク検出の実践的な手法を、実務で使える実装例とベストプラクティスとともに詳しく解説します。

1. メモリリークとは

メモリリークの原因

メモリリークの原因
   ├─ イベントリスナーの未削除
   ├─ クロージャの保持
   ├─ タイマーの未クリア
   └─ グローバル変数の蓄積

2. メモリリークの検出

Chrome DevTools

## Chrome DevToolsでのメモリリーク検出

1. **Memoryタブ**: メモリスナップショットの取得
2. **Performanceタブ**: メモリ使用量の監視
3. **Heap Snapshot**: ヒープスナップショットの分析

Node.jsのメモリリーク検出

// メモリ使用量の監視
setInterval(() => {
  const usage = process.memoryUsage();
  console.log({
    rss: usage.rss / 1024 / 1024,  // MB
    heapTotal: usage.heapTotal / 1024 / 1024,
    heapUsed: usage.heapUsed / 1024 / 1024
  });
}, 1000);

3. メモリリークの修正

イベントリスナーの削除

// ❌ 悪い例: イベントリスナーが削除されない
function setupListener() {
  document.addEventListener('click', handleClick);
}

// ✅ 良い例: イベントリスナーを削除
function setupListener() {
  document.addEventListener('click', handleClick);

  return () => {
    document.removeEventListener('click', handleClick);
  };
}

まとめ

メモリリーク検出完全ガイドのポイント：

• 検出: Chrome DevTools、メモリ監視
• 原因: イベントリスナー、クロージャ、タイマー
• 修正: リソースの適切な解放

適切なメモリリーク検出により、安定したシステムを構築できます。