Update index.html

index.html

@@ -1006,74 +1006,77 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
             <div class="combine-status" id="sw-status">
             </div>
 <script>
-  window.addEventListener('load', async () => {
-    const statusElem = document.getElementById('sw-status');
-    const registerBtn = document.getElementById('sw-register-btn');
+window.addEventListener('load', async () => {
+  const statusElem = document.getElementById('sw-status');
+  const registerBtn = document.getElementById('sw-register-btn');
 
-    function updateStatus(message) {
-      console.log(message);
-      statusElem.textContent = message;
-    }
+  function updateStatus(message) {
+    console.log(message);
+    statusElem.textContent = message;
+  }
 
-    function updateError(message, error) {
-      const errorMsg = `${message}\nエラー詳細: ${error?.message || error}`;
-      console.error(errorMsg, error);
-      statusElem.textContent = errorMsg;
-    }
+  function updateError(message, error) {
+    const errorMsg = `${message}\nエラー詳細: ${error?.message || error}`;
+    console.error(errorMsg, error);
+    statusElem.textContent = errorMsg;
+  }
+
+  if (!('serviceWorker' in navigator)) {
+    updateError('このブラウザはService Workerに対応していません。');
+    return;
+  }
 
-    if (!('serviceWorker' in navigator)) {
-      updateError('このブラウザはService Workerに対応していません。');
-      return;
+  // 常にボタン有効にする
+  registerBtn.disabled = false;
+
+  try {
+    const reg = await navigator.serviceWorker.getRegistration();
+
+    if (reg) {
+      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がインストールされました。');
+              // ボタンは常に押せるので変更不要
+            }
+          };
+        }
+      };
+    } else {
+      updateStatus('Service Workerは未登録です。');
+      // ボタンは常に押せるので変更不要
     }
+  } catch (err) {
+    updateError('Service Workerの確認中にエラーが発生しました。', err);
+  }
 
+  registerBtn.addEventListener('click', async () => {
+    registerBtn.disabled = true;
     try {
-      const reg = await navigator.serviceWorker.getRegistration();
-      if (reg) {
-        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;
-              }
-            };
-          }
-        };
-      } else {
-        updateStatus('Service Workerは未登録です。');
-        registerBtn.textContent = '登録とキャッシュ';
-        registerBtn.disabled = false;
+      updateStatus('既存のService Workerをアンレジスター中...');
+      const regs = await navigator.serviceWorker.getRegistrations();
+      for (const reg of regs) {
+        await reg.unregister();
       }
-    } catch (err) {
-      updateError('Service Workerの確認中にエラーが発生しました。', err);
-    }
-
-    registerBtn.addEventListener('click', async () => {
-      registerBtn.disabled = true;
-      try {
-        updateStatus('既存のService Workerをアンレジスター中...');
-        const regs = await navigator.serviceWorker.getRegistrations();
-        for (const reg of regs) {
-          await reg.unregister();
-        }
 
-        updateStatus('新しいService Workerを登録中...');
-        await navigator.serviceWorker.register('/sw.js');
+      updateStatus('新しいService Workerを登録中...');
+      await navigator.serviceWorker.register('/sw.js');
 
-        updateStatus('登録完了。ページをリロードしてキャッシュを有効化します。');
-        registerBtn.textContent = 'ページをリロード';
-        registerBtn.disabled = false;
+      updateStatus('登録完了。ページをリロードしてキャッシュを有効化します。');
+      registerBtn.textContent = 'ページをリロード';
+      registerBtn.disabled = false;
 
-        registerBtn.onclick = () => location.reload();
-      } catch (err) {
-        updateError('Service Workerの登録に失敗しました。', err);
-      }
-    });
+      registerBtn.onclick = () => location.reload();
+    } catch (err) {
+      updateError('Service Workerの���録に失敗しました。', err);
+    }
   });
+});
 </script>
 
         </div>