diff --git a/docs/03extras/01wsl/index.mdx b/docs/03extras/01wsl/index.mdx
new file mode 100644
index 000000000..7492b6fbd
--- /dev/null
+++ b/docs/03extras/01wsl/index.mdx
@@ -0,0 +1,36 @@
+---
+sidebar_position: 1
+---
+
+import installWsl from "./install_wsl.mov";
+
+# WSL のインストール（Windows のみ必要）
+
+macOS は、Linux という OS と源流を同じくするので、非常に簡単にプログラミングの開発環境を整えることができます。
+
+しかし、Windows では多くの場合プログラミングの開発環境を構築するのはとても難しく大変です。そこで、プログラミング環境を簡単に構築できるように Linux という OS を Windows 上で動かす必要が出てきます。
+
+実は、昔は Windows 上に Linux 環境を構築するのはとても難しかったのですが、最近 Microsoft 社 が Windows 上に簡単に Linux 環境を構築できる WSL(Windows Subsystem for Linux) という機能を開発して非常に簡単になりました。
+
+## WSL のインストール方法
+
+詳しくは、下記の動画を参考にしてください。
+簡単な流れを説明します。
+
+- コマンドプロンプトを `管理者として実行` します。
+
+- コマンドプロンプト上で `wsl --install` と入力して `Enterキー` を押します。
+
+- 完了したら、コンピューターを再起動します。
+
+- しばらく待ってから、`username` と `password` を入力します。（これは、何でも構いません。）
+
+- もう一度 `password` を入力します。
+
+:::tip
+`new password` を求められたときに、入力しても画面上は何も変化しませんが正しく入力されています。そのまま入力して `Enterキー` を押してください。
+:::
+
+
+
+WSL の具体的な使い方に関しては、[Visual Studio Code をインストールの項](/docs/03extras/02vscode/)で述べます。
diff --git a/docs/03extras/2wsl/install_wsl.mov b/docs/03extras/01wsl/install_wsl.mov
similarity index 100%
rename from docs/03extras/2wsl/install_wsl.mov
rename to docs/03extras/01wsl/install_wsl.mov
diff --git a/docs/03extras/02vscode/index.mdx b/docs/03extras/02vscode/index.mdx
new file mode 100644
index 000000000..c1cf7c195
--- /dev/null
+++ b/docs/03extras/02vscode/index.mdx
@@ -0,0 +1,73 @@
+---
+sidebar_position: 2
+---
+
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+import installVscode from "./install_vscode.mov";
+import openFolder from "./open_folder.mp4";
+import installRemoteWsl from "./install_remote_wsl.mov";
+import startWsl from "./start_wsl.mov";
+import openFolderWSL from "./open_folder_wsl.mov";
+import openTerminal from "./open_terminal.mp4";
+
+# Visual Studio Code のインストール
+
+## Visual Studio Code のインストール方法
+
+Visual Studio Code は、Microsoft 社 が開発しているフリーかつオープンソースなソースコードエディタです。様々な便利な拡張機能があり、多くの開発者に使われています。
+
+ここでは、Visual Studio Code のインストール方法について簡単に説明します。
+
+次の動画を見ながら、インストールしてください。
+
+
+ {/* */}
+
+
+
+
+ macOSでも、Windowsと同じようにすればできます。macOSを持っていないので、動画は撮れませんでした…。申し訳ありません。
+
+ {/* */}
+
+
+## Remote WSL のインストール方法（Windows のみ）
+
+ここでは、VSCode で WSL 上のファイルに簡単にアクセスできる Remote WSL 拡張機能のインストール方法を紹介します。
+
+[WSL をインストールの項](/docs/03extras/01wsl/)を参考に WSL をインストールしておいてください。
+
+下記の動画を参考に VSCode に Remote WSL 拡張機能をインストールしてください。
+
+- VSCode で拡張機能を検索して、インストールします。
+
+
+
+## プロジェクトフォルダの開き方
+
+VSCode ではプロジェクトフォルダは次の動画のようにして開きます。プロジェクトフォルダに様々なファイルを置いて開発をしていきます。
+
+
+
+## WSL 上でのプロジェクトフォルダの開き方（Windows のみ）
+
+WSL の起動は、次の動画のようにします。
+
+左下の緑のボタンを押して、`New WSL Window` をクリックすれば、WSL にアクセスすることができます。
+
+
+
+次の動画のようにして、新しくプロジェクトフォルダを作成して、それを VSCode で開くことができます。
+
+エクスプローラーのアドレスバーに `¥¥wsl$` と入力すると、WSL 上のファイルを表示することができます。さらに、`Ubuntu`、`home`、`ユーザー名` の順にクリックしていくことでホームフォルダに移動することができます。
+
+その後、VSCode でそのフォルダを開きます。
+
+
+
+## ターミナルの起動方法
+
+ターミナルは、次の動画のようにして開くことができます。
+
+
diff --git a/docs/03extras/2wsl/install_remote_wsl.mov b/docs/03extras/02vscode/install_remote_wsl.mov
similarity index 100%
rename from docs/03extras/2wsl/install_remote_wsl.mov
rename to docs/03extras/02vscode/install_remote_wsl.mov
diff --git a/docs/03extras/1vscode/install_vscode.mov b/docs/03extras/02vscode/install_vscode.mov
similarity index 100%
rename from docs/03extras/1vscode/install_vscode.mov
rename to docs/03extras/02vscode/install_vscode.mov
diff --git a/docs/03extras/1vscode/open_folder.mp4 b/docs/03extras/02vscode/open_folder.mp4
similarity index 100%
rename from docs/03extras/1vscode/open_folder.mp4
rename to docs/03extras/02vscode/open_folder.mp4
diff --git a/docs/03extras/2wsl/open_folder.mov b/docs/03extras/02vscode/open_folder_wsl.mov
similarity index 100%
rename from docs/03extras/2wsl/open_folder.mov
rename to docs/03extras/02vscode/open_folder_wsl.mov
diff --git a/docs/03extras/02vscode/open_terminal.mp4 b/docs/03extras/02vscode/open_terminal.mp4
new file mode 100644
index 000000000..648a27500
Binary files /dev/null and b/docs/03extras/02vscode/open_terminal.mp4 differ
diff --git a/docs/03extras/2wsl/start_wsl.mov b/docs/03extras/02vscode/start_wsl.mov
similarity index 100%
rename from docs/03extras/2wsl/start_wsl.mov
rename to docs/03extras/02vscode/start_wsl.mov
diff --git a/docs/03extras/3python/index.mdx b/docs/03extras/03python/index.mdx
similarity index 84%
rename from docs/03extras/3python/index.mdx
rename to docs/03extras/03python/index.mdx
index 370c0ceb3..22443b95c 100644
--- a/docs/03extras/3python/index.mdx
+++ b/docs/03extras/03python/index.mdx
@@ -8,9 +8,9 @@ import installPython from "./install_python.mp4";
## ローカル環境への Python のインストール方法
-[Visual Studio Code をインストールの項](/docs/03extras/1vscode/)を参考に VSCode をインストールしておいてください。
+[Visual Studio Code をインストールの項](/docs/03extras/02vscode/)を参考に VSCode をインストールしておいてください。
-Windows を使っている場合は、[WSL をインストールの項](/docs/03extras/2wsl/)を参考に WSL もインストールしておいてください。
+Windows を使っている場合は、[WSL をインストールの項](/docs/03extras/01wsl/)を参考に WSL もインストールしておいてください。
VSCode で `samples` プロジェクトフォルダを開いている状態にしておいてください。
diff --git a/docs/03extras/3python/install_python.mp4 b/docs/03extras/03python/install_python.mp4
similarity index 100%
rename from docs/03extras/3python/install_python.mp4
rename to docs/03extras/03python/install_python.mp4
diff --git a/docs/03extras/5tex/index.mdx b/docs/03extras/05tex/index.mdx
similarity index 95%
rename from docs/03extras/5tex/index.mdx
rename to docs/03extras/05tex/index.mdx
index 54a639f83..6a4bc3738 100644
--- a/docs/03extras/5tex/index.mdx
+++ b/docs/03extras/05tex/index.mdx
@@ -13,9 +13,9 @@ import typesetTex from "./typeset_tex.mp4";
## TeXLive のインストール
-[Visual Studio Code をインストールの項](/docs/03extras/1vscode/)を参考に VSCode をインストールしておいてください。
+[Visual Studio Code をインストールの項](/docs/03extras/02vscode/)を参考に VSCode をインストールしておいてください。
-Windows を使っている場合は、[WSL をインストールの項](/docs/03extras/2wsl/)を参考に WSL もインストールしておいてください。
+Windows を使っている場合は、[WSL をインストールの項](/docs/03extras/01wsl/)を参考に WSL もインストールしておいてください。
VSCode で `samples` プロジェクトフォルダを開いている状態にしておいてください。
diff --git a/docs/03extras/5tex/install_texlive.mov b/docs/03extras/05tex/install_texlive.mov
similarity index 100%
rename from docs/03extras/5tex/install_texlive.mov
rename to docs/03extras/05tex/install_texlive.mov
diff --git a/docs/03extras/5tex/tex_error.png b/docs/03extras/05tex/tex_error.png
similarity index 100%
rename from docs/03extras/5tex/tex_error.png
rename to docs/03extras/05tex/tex_error.png
diff --git a/docs/03extras/5tex/typeset_tex.mp4 b/docs/03extras/05tex/typeset_tex.mp4
similarity index 100%
rename from docs/03extras/5tex/typeset_tex.mp4
rename to docs/03extras/05tex/typeset_tex.mp4
diff --git a/docs/03extras/1vscode/index.mdx b/docs/03extras/1vscode/index.mdx
deleted file mode 100644
index f96f684b7..000000000
--- a/docs/03extras/1vscode/index.mdx
+++ /dev/null
@@ -1,35 +0,0 @@
----
-sidebar_position: 1
----
-
-import Tabs from "@theme/Tabs";
-import TabItem from "@theme/TabItem";
-import installVscode from "./install_vscode.mov";
-import openFolder from "./open_folder.mp4";
-
-# Visual Studio Code のインストール
-
-## Visual Studio Code のインストール方法
-
-Visual Studio Code は、Microsoft 社 が開発しているフリーかつオープンソースなソースコードエディタです。様々な便利な拡張機能があり、多くの開発者に使われています。
-
-ここでは、Visual Studio Code のインストール方法について簡単に説明します。
-
-次の動画を見ながら、インストールしてください。
-
-
- {/* */}
-
-
-
-
- macOSでも、Windowsと同じようにすればできます。macOSを持っていないので、動画は撮れませんでした…。申し訳ありません。
-
- {/* */}
-
-
-## プロジェクトフォルダの作り方
-
-VSCode ではプロジェクトフォルダは次の動画のようにして開きます。プロジェクトフォルダに様々なファイルを置いて開発をしていきます。
-
-
diff --git a/docs/03extras/2wsl/index.mdx b/docs/03extras/2wsl/index.mdx
deleted file mode 100644
index 95c775cb3..000000000
--- a/docs/03extras/2wsl/index.mdx
+++ /dev/null
@@ -1,70 +0,0 @@
----
-sidebar_position: 2
----
-
-import installWsl from "./install_wsl.mov";
-import installRemoteWsl from "./install_remote_wsl.mov";
-import startWsl from "./start_wsl.mov";
-import openFolder from "./open_folder.mov";
-import openTerminal from "./open_terminal.mov";
-
-# WSL のインストール（Windows のみ必要）
-
-macOS は、Linux という OS と源流を同じくするので、非常に簡単にプログラミングの開発環境を整えることができます。
-
-しかし、Windows では多くの場合プログラミングの開発環境を構築するのはとても難しく大変です。そこで、プログラミング環境を簡単に構築できるように Linux という OS を Windows 上で動かす必要が出てきます。
-
-実は、昔は Windows 上に Linux 環境を構築するのはとても難しかったのですが、最近 Microsoft 社 が Windows 上に簡単に Linux 環境を構築できる WSL(Windows Subsystem for Linux) という機能を開発して非常に簡単になりました。
-
-## WSL のインストール方法
-
-詳しくは、下記の動画を参考にしてください。
-簡単な流れを説明します。
-
-- コマンドプロンプトを `管理者として実行` します。
-
-- コマンドプロンプト上で `wsl --install` と入力して `Enterキー` を押します。
-
-- 完了したら、コンピューターを再起動します。
-
-- しばらく待ってから、`username` と `password` を入力します。（これは、何でも構いません。）
-
-- もう一度 `password` を入力します。
-
-:::tip
-`new password` を求められたときに、入力しても画面上は何も変化しませんが正しく入力されています。そのまま入力して `Enterキー` を押してください。
-:::
-
-
-
-## Remote WSL のインストール方法
-
-ここでは、VSCode で WSL 上のファイルに簡単にアクセスできる Remote WSL 拡張機能のインストール方法を紹介します。
-
-[Visual Studio Code をインストールの項](/docs/03extras/1vscode/)を参考に VS Code をインストールしておいてください。
-
-下記の動画を参考に VSCode に Remote WSL 拡張機能をインストールしてください。
-
-- VSCode で拡張機能を検索して、インストールします。
-
-
-
-## WSL の使い方
-
-起動は、次の動画のようにします。
-
-左下の緑のボタンを押して、`New WSL Window` をクリックすれば、WSL にアクセスすることができます。
-
-
-
-次の動画のようにして、新しくプロジェクトフォルダを作成して、それを VSCode で開くことができます。
-
-エクスプローラーのアドレスバーに `¥¥wsl$` と入力すると、WSL 上のファイルを表示することができます。さらに、`Ubuntu`、`home`、`ユーザー名` の順にクリックしていくことでホームフォルダに移動することができます。
-
-その後、VSCode でそのフォルダを開きます。
-
-
-
-ターミナルは、次の動画のようにして開くことができます。これで、Windows 上 でも学校の macOS のように Unix コマンドを使うことができるようになります。
-
-
diff --git a/docs/03extras/2wsl/open_terminal.mov b/docs/03extras/2wsl/open_terminal.mov
deleted file mode 100644
index a20e02f31..000000000
Binary files a/docs/03extras/2wsl/open_terminal.mov and /dev/null differ