Update index.html

index.html

@@ -19,14 +19,112 @@ document.addEventListener("DOMContentLoaded", () => {
   }
 });
 </script>
-        <script async data-id="101489234" src="//static.getclicky.com/js"></script>
         <script>
-            !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Ie Ts Ms Ee Es Rs capture Ge calculateEventProperties Os register register_once register_for_session unregister unregister_for_session js getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Ds Fs createPersonProfile Ls Ps opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing Cs debug I As getPageViewId captureTraceFeedback captureTraceMetric".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
-            posthog.init('phc_3VymvjpfBnTsU1JIcPm0Zjx9jFc3iyGHn6yGEi7GyxG', {
-                api_host: 'https://us.i.posthog.com',
-                defaults: '2025-05-24',
-                person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well
-            })
+(function () {
+  const UPDATE_URL = '/update.txt';
+  const CHECK_INTERVAL_MS = 30000;
+  let initialVersion = null;
+
+  // CSSを挿入
+  const style = document.createElement('style');
+  style.textContent = `
+    #update-popup {
+      position: fixed;
+      top: 20px;
+      right: 20px;
+      background: #fff3cd;
+      color: #856404;
+      border: 1px solid #ffeeba;
+      border-radius: 8px;
+      padding: 20px 16px 16px 16px;
+      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+      display: none;
+      z-index: 1000;
+      font-family: sans-serif;
+      width: 240px;
+    }
+
+    #update-popup-close {
+      position: absolute;
+      top: 6px;
+      right: 8px;
+      background: none;
+      border: none;
+      font-size: 16px;
+      font-weight: bold;
+      color: #856404;
+      cursor: pointer;
+    }
+
+    #update-popup-close:hover {
+      color: #000;
+    }
+
+    #update-popup button.reload {
+      margin-top: 10px;
+      padding: 6px 12px;
+      border: none;
+      background-color: #ffc107;
+      color: #000;
+      cursor: pointer;
+      border-radius: 4px;
+      width: 100%;
+    }
+
+    #update-popup button.reload:hover {
+      background-color: #e0a800;
+    }
+  `;
+  document.head.appendChild(style);
+
+  // ポップアップ要素を作成
+  const popup = document.createElement('div');
+  popup.id = 'update-popup';
+  popup.innerHTML = `
+    <button id="update-popup-close" aria-label="閉じる">×</button>
+    <p>更新が必要です。</p>
+    <button class="reload">再読み込み</button>
+  `;
+  document.body.appendChild(popup);
+
+  // 閉じるボタン機能
+  document.getElementById('update-popup-close').addEventListener('click', () => {
+    popup.style.display = 'none';
+  });
+
+  // 再読み込みボタン機能
+  popup.querySelector('.reload').addEventListener('click', () => {
+    location.reload();
+  });
+
+  // バージョン取得関数
+  async function fetchVersion() {
+    try {
+      const res = await fetch(UPDATE_URL + '?t=' + Date.now());
+      if (res.ok) return await res.text();
+    } catch (err) {
+      console.warn('update.txt の取得に失敗:', err);
+    }
+    return null;
+  }
+
+  // 更新チェック関数
+  async function checkForUpdate() {
+    const latest = await fetchVersion();
+    if (initialVersion && latest && latest !== initialVersion) {
+      popup.style.display = 'block';
+    }
+  }
+
+  // 初期バージョン取得 → チェック開始
+  (async () => {
+    initialVersion = await fetchVersion();
+    if (initialVersion) {
+      setInterval(checkForUpdate, CHECK_INTERVAL_MS);
+    }
+  })();
+})();
+
         </script>
         <link rel="icon" type="image/svg+xml" href='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgbGFuZz0iamEiPjxkZWZzPiA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQxIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+IDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzNDc0ZWIiIC8+IDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM0YThlYiIgLz4gPC9saW5lYXJHcmFkaWVudD4gPC9kZWZzPiA8IS0tIOWQhOS6uuWbvuWkjeS9nOWumuS7tuWkjeaWsOWIl+OBjOaWsOWIl+OBq+OBhOOBq+OBvuOBq+OCi+OCieWbvuWkjeOBjOOCjOOCieOCk+ODq+ODvOODrOODs+ODg+OCiwotLT4gPHBvbHlnb24gcG9pbnRzPSI1MCw1MCA1MCwxNTAgMTUwLDEwMCIgZmlsbD0idXJsKCNncmFkMSkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgLz48L3N2Zz4=' />
         <meta charset="UTF-8">