Update index.html

index.html

@@ -1026,108 +1026,56 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
       return;
     }
 
-    // 更新フラグ
-    let hasUpdate = false;
-
     try {
-      const registration = await navigator.serviceWorker.getRegistration();
-      if (registration) {
+      const reg = await navigator.serviceWorker.getRegistration();
+      if (reg) {
         updateStatus('Service Workerは既に登録されています。更新を確認中...');
-
-        registration.onupdatefound = () => {
-          const newWorker = registration.installing;
-          if (newWorker) {
-            newWorker.onstatechange = () => {
-              if (newWorker.state === 'installed') {
-                if (navigator.serviceWorker.controller) {
-                  // すでに別のSWがアクティブ ⇒ 更新あり
-                  updateStatus('新しいService Workerがインストールされました。更新が利用可能です。');
-                  hasUpdate = true;
-                  registerBtn.textContent = '更新を開始';
-                  registerBtn.disabled = false;
-                } else {
-                  updateStatus('Service Workerが初めてインストールされました。');
-                }
+        await reg.update();
+        reg.onupdatefound = () => {
+          const newSW = reg.installing;
+          if (newSW) {
+            newSW.onstatechange = () => {
+              if (newSW.state === 'installed' && navigator.serviceWorker.controller) {
+                updateStatus('新しいService Workerがインストールされました。');
+                registerBtn.textContent = '更新を開始';
+                registerBtn.disabled = false;
               }
             };
           }
         };
-
-        // 明示的に更新を確認
-        await registration.update();
       } else {
-        updateStatus('Service Workerはまだ登録されていません。');
+        updateStatus('Service Workerは未登録です。');
         registerBtn.textContent = '登録とキャッシュ';
         registerBtn.disabled = false;
       }
     } catch (err) {
-      updateError('Service Workerの初期確認中にエラーが発生しました。', err);
+      updateError('Service Workerの確認中にエラーが発生しました。', err);
     }
 
-    // ボタンクリック時の動作
     registerBtn.addEventListener('click', async () => {
       registerBtn.disabled = true;
-      const fileMap = {
-        'sw-video': '/v.mp4',
-        'sw-t-video': '/t/v.mp4',
-        'sw-piano': '/p.mp3',
-        'sw-soprano': '/s.mp3',
-        'sw-alto': '/a.mp3',
-        'sw-tenor': '/t.mp3',
-        'sw-combined': '/k.mp3',
-        'sw-t-piano': '/t/p.mp3',
-        'sw-t-soprano': '/t/s.mp3',
-        'sw-t-alto': '/t/a.mp3',
-        'sw-t-tenor': '/t/t.mp3',
-        'sw-t-combined': '/t/k.mp3',
-        'sw-index': '/index.html',
-        'sw-root': '/',
-      };
-
-      function getSelectedFiles() {
-        const filesToCache = [];
-        const checkboxStates = {};
-        for (const [id, url] of Object.entries(fileMap)) {
-          const checkbox = document.getElementById(id);
-          if (checkbox) {
-            checkboxStates[id] = checkbox.checked;
-            if (checkbox.checked) filesToCache.push(url);
-          }
-        }
-        return { filesToCache, checkboxStates };
-      }
-
       try {
         updateStatus('既存のService Workerをアンレジスター中...');
-        const registrations = await navigator.serviceWorker.getRegistrations();
-        for (const registration of registrations) {
-          await registration.unregister();
+        const regs = await navigator.serviceWorker.getRegistrations();
+        for (const reg of regs) {
+          await reg.unregister();
         }
 
         updateStatus('新しいService Workerを登録中...');
-        const newReg = await navigator.serviceWorker.register('/sw.js');
-        updateStatus('登録成功: ' + newReg.scope);
+        await navigator.serviceWorker.register('/sw.js');
 
-        // 少し待ってcontrollerを取得
-        setTimeout(() => {
-          if (navigator.serviceWorker.controller) {
-            const { filesToCache, checkboxStates } = getSelectedFiles();
-            navigator.serviceWorker.controller.postMessage({
-              type: 'CACHE_FILES',
-              files: filesToCache,
-              checkboxStates,
-            });
-            updateStatus('キャッシュ更新メッセージを送信しました。');
-          } else {
-            updateStatus('Service Workerがコントロール中ではありません。');
-          }
-        }, 1000);
+        updateStatus('登録完了。ページをリロードしてキャッシュを有効化します。');
+        registerBtn.textContent = 'ページをリロード';
+        registerBtn.disabled = false;
+
+        registerBtn.onclick = () => location.reload();
       } catch (err) {
-        updateError('Service Workerの再登録に失敗しました。', err);
+        updateError('Service Workerの登録に失敗しました。', err);
       }
     });
   });
 </script>
+
         </div>
         <div class="container">
             <div class="audio-controls">