Update service-worker.js

service-worker.js

@@ -1,51 +1,88 @@
 const CACHE_NAME = 'my-cache-v1';
-const OFFLINE_URLS = [
-  '/',
-  '/index.html',
-  // 必要に応じてCSSやJSも追加
+let cachedFiles = [
+    '/',
+    '/index.html',
+    '/v.mp4',
+    '/p.mp3',
+    '/s.mp3',
+    '/a.mp3',
+    '/t.mp3',
+    '/k.mp3',
+    '/t/v.mp4',
+    '/t/p.mp3',
+    '/t/s.mp3',
+    '/t/a.mp3',
+    '/t/t.mp3',
+    '/t/k.mp3'
 ];
 
+// メッセージ受信処理
+self.addEventListener('message', (event) => {
+    if (event.data && event.data.type === 'CACHE_FILES') {
+        cachedFiles = event.data.files;
+        
+        // 新しいキャッシュリストでキャッシュを更新
+        event.waitUntil(
+            caches.open(CACHE_NAME).then(cache => {
+                return cache.addAll(cachedFiles).catch(error => {
+                    console.error('キャッシュ追加エラー:', error);
+                });
+            })
+        );
+    }
+});
+
 // インストール：キャッシュを保存
 self.addEventListener('install', event => {
-  event.waitUntil(
-    caches.open(CACHE_NAME).then(cache => {
-      return cache.addAll(OFFLINE_URLS);
-    })
-  );
-  self.skipWaiting(); // すぐに有効化
+    event.waitUntil(
+        caches.open(CACHE_NAME).then(cache => {
+            return cache.addAll(cachedFiles).catch(error => {
+                console.error('初期キャッシュエラー:', error);
+            });
+        })
+    );
+    self.skipWaiting(); // すぐに有効化
 });
 
 // アクティベート：古いキャッシュ削除
 self.addEventListener('activate', event => {
-  event.waitUntil(
-    caches.keys().then(keys =>
-      Promise.all(
-        keys.map(key => {
-          if (key !== CACHE_NAME) {
-            return caches.delete(key);
-          }
-        })
-      )
-    )
-  );
-  self.clients.claim(); // 即時制御
+    event.waitUntil(
+        caches.keys().then(keys =>
+            Promise.all(
+                keys.map(key => {
+                    if (key !== CACHE_NAME) {
+                        return caches.delete(key);
+                    }
+                })
+            )
+        )
+    );
+    self.clients.claim(); // 即時制御
 });
 
 // フェッチ：ネット優先、失敗時にキャッシュ
 self.addEventListener('fetch', event => {
-  event.respondWith(
-    fetch(event.request)
-      .then(response => {
-        // ネットから取得できたのでキャッシュ更新
-        const responseClone = response.clone();
-        caches.open(CACHE_NAME).then(cache => {
-          cache.put(event.request, responseClone);
-        });
-        return response;
-      })
-      .catch(() => {
-        // ネットがだめならキャッシュから
-        return caches.match(event.request);
-      })
-  );
-});
+    // キャッシュリストにないファイルはキャッシュしない
+    const url = new URL(event.request.url);
+    const path = url.pathname;
+    
+    if (!cachedFiles.includes(path)) {
+        return fetch(event.request);
+    }
+
+    event.respondWith(
+        fetch(event.request)
+            .then(response => {
+                // ネットから取得できたのでキャッシュ更新
+                const responseClone = response.clone();
+                caches.open(CACHE_NAME).then(cache => {
+                    cache.put(event.request, responseClone);
+                });
+                return response;
+            })
+            .catch(() => {
+                // ネットがだめならキャッシュから
+                return caches.match(event.request);
+            })
+    );
+});