HTML5 Application Cache チートシート（アーカイブ）

HTML5 Application Cache（manifest.appcache）の歴史的リファレンスです。

非推奨・廃止: Application Cache は Web 標準仕様から完全に削除されました。現代の Web アプリケーションでは、オフラインキャッシュに Service Worker と Cache API を使用します。

AppCache マニフェスト構文

CACHE MANIFEST
# Version 2026-11-08

CACHE:
/index.html
/styles/main.css
/scripts/app.js

NETWORK:
/api/
*

FALLBACK:
/offline.html

JavaScript API (window.applicationCache)

const appCache = window.applicationCache;

appCache.addEventListener('updateready', () => {
  if (appCache.status === appCache.UPDATEREADY) {
    // キャッシュを入れ替えてページを再読み込み
    appCache.swapCache();
    window.location.reload();
  }
});

// 更新チェックを強制実行
appCache.update();

参考リンク

• MDN: Service Worker API（最新の代替技術）