Update index.html

index.html

@@ -1021,6 +1021,14 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
       statusElem.textContent = errorMsg;
     }
 
+    // オフラインならボタンを非表示
+    if (!navigator.onLine) {
+      updateStatus('オフラインのため操作できません。');
+      return;
+    }
+
+    registerBtn.style.display = 'inline-block';
+
     if (!('serviceWorker' in navigator)) {
       updateError('このブラウザはService Workerに対応していません。');
       return;
@@ -1028,21 +1036,30 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 
     try {
       const reg = await navigator.serviceWorker.getRegistration();
+
       if (reg) {
         updateStatus('Service Workerは既に登録されています。更新を確認中...');
-        await reg.update();
+        const updatePromise = reg.update();
+
+        // 即座に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;
+              if (newSW.state === 'installed') {
+                if (navigator.serviceWorker.controller) {
+                  updateStatus('新しいService Workerがインストールされました。更新が必要です！');
+                  registerBtn.textContent = '更新を開始';
+                  registerBtn.disabled = false;
+                } else {
+                  updateStatus('初回インストール完了。');
+                }
               }
             };
           }
         };
+
+        await updatePromise;
       } else {
         updateStatus('Service Workerは未登録です。');
         registerBtn.textContent = '登録とキャッシュ';
@@ -1060,14 +1077,11 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
         for (const reg of regs) {
           await reg.unregister();
         }
-
         updateStatus('新しいService Workerを登録中...');
         await navigator.serviceWorker.register('/sw.js');
-
         updateStatus('登録完了。ページをリロードしてキャッシュを有効化します。');
         registerBtn.textContent = 'ページをリロード';
         registerBtn.disabled = false;
-
         registerBtn.onclick = () => location.reload();
       } catch (err) {
         updateError('Service Workerの登録に失敗しました。', err);