diff --git a/src/sidebar.js b/src/sidebar.js
deleted file mode 100644
index 0ca94a0..0000000
--- a/src/sidebar.js
+++ /dev/null
@@ -1,54 +0,0 @@
-const tocContainer = document.querySelector("#toc");
-const tocTitle = document.createElement("div");
-tocTitle.innerHTML = title;
-tocTitle.classList.add("toc_title");
-tocContainer.appendChild(tocTitle);
-
-
-
-page_contents.forEach(item => {
-    if (item.type == "H1" || item.type === "H2" || item.type === "H3") {
-        const listItem = document.createElement("li");
-        listItem.innerHTML = `<a href="#${item.id}">${item.title}</a>`;
-        listItem.classList.add("toc_" + item.type);
-        tocContainer.appendChild(listItem);
-    }
-});
-
-const options = {
-    root: null,
-    rootMargin: "-50% 0px",
-    threshold: 0
-};
-
-const observer = new IntersectionObserver(onIntersection, options);
-
-page_contents.forEach(item => {
-    const element = document.getElementById(item.id);
-    if (element) {
-        observer.observe(element);
-    }
-});
-
-// page_contensts の先頭を active にしておく
-const first_item = document.querySelector(`#toc a[href="#${page_contents[0].id}"]`);
-first_item.classList.add("active");
-
-prev_item = first_item;
-
-function onIntersection(entries) {
-    entries.forEach(entry => {
-        const id = entry.target.id;
-        const tocItem = document.querySelector(`#toc a[href="#${id}"]`);
-        if (tocItem) {
-            if (entry.isIntersecting) {
-                tocItem.classList.add("active");
-                prev_item.classList.remove("active");
-                prev_item = tocItem;
-            }
-        }
-    });
-}
-
-
-
diff --git a/src/template.html b/src/template.html
index 8a32572..59644dc 100644
--- a/src/template.html
+++ b/src/template.html
@@ -43,7 +43,7 @@
 
 
     <script>
-    page_contents = []
+        page_contents = []
     </script>
 
     {{runner}}
@@ -115,9 +115,59 @@
             </div>
         </div>
 
-        <!-- サイドバーの情報は content 内のスクリプトで追加されていて、構築は sidebar を参照しているので content と sidebar より後に置かなければいけないことに注意！ -->
-        {{sidebar_builder}}
-
+        <script>
+            const tocContainer = document.querySelector("#toc");
+            const tocTitle = document.createElement("div");
+            tocTitle.innerHTML = title;
+            tocTitle.classList.add("toc_title");
+            tocContainer.appendChild(tocTitle);
+
+
+
+            page_contents.forEach(item => {
+                if (item.type == "H1" || item.type === "H2" || item.type === "H3") {
+                    const listItem = document.createElement("li");
+                    listItem.innerHTML = `<a href="#${item.id}">${item.title}</a>`;
+                    listItem.classList.add("toc_" + item.type);
+                    tocContainer.appendChild(listItem);
+                }
+            });
+
+            const options = {
+                root: null,
+                rootMargin: "-50% 0px",
+                threshold: 0
+            };
+
+            const observer = new IntersectionObserver(onIntersection, options);
+
+            page_contents.forEach(item => {
+                const element = document.getElementById(item.id);
+                if (element) {
+                    observer.observe(element);
+                }
+            });
+
+            // page_contensts の先頭を active にしておく
+            const first_item = document.querySelector(`#toc a[href="#${page_contents[0].id}"]`);
+            first_item.classList.add("active");
+
+            prev_item = first_item;
+
+            function onIntersection(entries) {
+                entries.forEach(entry => {
+                    const id = entry.target.id;
+                    const tocItem = document.querySelector(`#toc a[href="#${id}"]`);
+                    if (tocItem) {
+                        if (entry.isIntersecting) {
+                            tocItem.classList.add("active");
+                            prev_item.classList.remove("active");
+                            prev_item = tocItem;
+                        }
+                    }
+                });
+            }
+        </script>
     </div>
 
 </body>