diff --git a/src/pages/drafts/tips/developper-tools.mdx b/src/pages/drafts/tips/developper-tools.mdx
index a089a18..28d544b 100644
--- a/src/pages/drafts/tips/developper-tools.mdx
+++ b/src/pages/drafts/tips/developper-tools.mdx
@@ -2,6 +2,20 @@
 layout: "@/layouts/MarkdownLayout.astro"
 ---
 
-export const title = "開発者ツール";
+import Details from "@/components/Details.astro";
+import Dialog from "@/components/Dialog.astro";
+
+export const title = "開発者ツールを知る";
 
 # {title}
+
+ブラウザには「開発者ツール」というものが備わっています。  
+これを使って、実際にブラウザがどのような動きをしているのかを覗き見ることができます。
+
+## TOC
+
+## HTMLを操作する
+
+## JavaScriptの動きを追う
+
+## ネットワークを覗き見る
diff --git a/src/pages/tips/developper-tools.mdx b/src/pages/tips/developper-tools.mdx
deleted file mode 100644
index 28d544b..0000000
--- a/src/pages/tips/developper-tools.mdx
+++ /dev/null
@@ -1,21 +0,0 @@
----
-layout: "@/layouts/MarkdownLayout.astro"
----
-
-import Details from "@/components/Details.astro";
-import Dialog from "@/components/Dialog.astro";
-
-export const title = "開発者ツールを知る";
-
-# {title}
-
-ブラウザには「開発者ツール」というものが備わっています。  
-これを使って、実際にブラウザがどのような動きをしているのかを覗き見ることができます。
-
-## TOC
-
-## HTMLを操作する
-
-## JavaScriptの動きを追う
-
-## ネットワークを覗き見る