クイックリファレンス

HTML5 Application Cache (AppCache) チートシート

HTML5 AppCache マニフェスト形式のクイックリファレンス:CACHE・NETWORK・FALLBACKセクション、HTML統合、Service Worker代替仕様。

· 公開日

[!WARNING] HTML5 Application Cache(AppCache)は非推奨であり、現代のWeb標準から削除されました。最新のプログレッシブWebアプリ(PWA)では、代わりに Service Worker API および Cache API を使用します。

マニフェスト形式(Manifest Format)

CACHE MANIFEST
# version 1.0.0

CACHE:
/assets/app.js
/assets/styles.css
/assets/logo.png

NETWORK:
*

FALLBACK:
/ /offline.html

マニフェストのセクション(Manifest Sections)

  • CACHE: オフライン利用のために明示的にダウンロード・キャッシュするURIリスト。
  • NETWORK: アクティブなネットワーク接続を必須とするリソースのホワイトリスト(その他すべてには * を指定)。
  • FALLBACK: リソース取得不可時に表示する代替ページペア [オンラインパス] [代替パス]。

HTMLへの組み込み(HTML Integration)

<!DOCTYPE html>
<html manifest="example.appcache">
  <head>
    <title>Offline App</title>
  </head>
  <body>
    ...
  </body>
</html>

関連リファレンス

関連テーマ