15. キャッシュの考え方 — 取得結果を使い回す

// fetch のキャッシュと revalidate の動きを Map で再現
type CacheEntry = { value: string; storedAt: number };

const cacheStore = new Map<string, CacheEntry>();
let currentTime = 0; // 仮想の時刻(秒)

function fetchWithCache(url: string, revalidateSec: number): string {
  const entry = cacheStore.get(url);
  if (entry && currentTime - entry.storedAt < revalidateSec) {
    return entry.value + " (キャッシュから)";
  }
  // 期限切れ or 初回 → 新しく取得して保存し直す
  const fresh = url + " のデータ(" + currentTime + "秒時点)";
  cacheStore.set(url, { value: fresh, storedAt: currentTime });
  return fresh + " (新しく取得)";
}

console.log(fetchWithCache("/api/posts", 60)); // 初回 → 取得
currentTime = 30;
console.log(fetchWithCache("/api/posts", 60)); // 60秒以内 → キャッシュ
currentTime = 90;
console.log(fetchWithCache("/api/posts", 60)); // 期限切れ → 再取得