diff --git "a/docs/UI\345\220\215\347\247\260\343\201\250Vue\343\203\225\343\202\241\343\202\244\343\203\253\345\220\215\343\201\256\345\257\276\345\277\234\346\227\251\350\246\213\350\241\250.md" "b/docs/UI\345\220\215\347\247\260\343\201\250Vue\343\203\225\343\202\241\343\202\244\343\203\253\345\220\215\343\201\256\345\257\276\345\277\234\346\227\251\350\246\213\350\241\250.md"
index 56b96d2d57..72eb3b05f8 100644
--- "a/docs/UI\345\220\215\347\247\260\343\201\250Vue\343\203\225\343\202\241\343\202\244\343\203\253\345\220\215\343\201\256\345\257\276\345\277\234\346\227\251\350\246\213\350\241\250.md"
+++ "b/docs/UI\345\220\215\347\247\260\343\201\250Vue\343\203\225\343\202\241\343\202\244\343\203\253\345\220\215\343\201\256\345\257\276\345\277\234\346\227\251\350\246\213\350\241\250.md"
@@ -12,7 +12,7 @@
 
 ### views ディレクトリ
 
-- メイン画面全体 ･･･ [EditorHome](../src/views/EditorHome.vue)
+- メイン画面全体 ･･･ [EditorHome](../src/components/Talk/EditorHome.vue)
 
 ### compornents ディレクトリ
 
@@ -37,16 +37,16 @@
   - ウィンドウ右上のボタン群（ピンボタン含む） ･･･ [TitleBarButtons](../src/components/TitleBarButtons.vue)
     - ピンボタン以外のボタン ･･･ [MinMaxCloseButtons](../src/components/MinMaxCloseButtons.vue)
 - ツールバー ･･･ [HeaderBar](../src/components/HeaderBar.vue)
-- キャラクター表示欄 ･･･ [CharacterPortrait](../src/components/CharacterPortrait.vue)
+- キャラクター表示欄 ･･･ [CharacterPortrait](../src/components/Talk/CharacterPortrait.vue)
 - 台本欄（テキスト欄追加ボタンを含む） ･･･ [views/EditorHome](../src/views/EditorHome.vue) に含まれる
-  - レーン（行番号・テキスト欄含む） ･･･ [AudioCell](../src/components/AudioCell.vue)
+  - レーン（行番号・テキスト欄含む） ･･･ [AudioCell](../src/components/Talk/AudioCell.vue)
     - キャラクターアイコン ･･･ [CharacterButton](../src/components/CharacterButton.vue)
     - コンテキスト（右クリック）メニュー ･･･ [ContextMenu](../src/components/ContextMenu.vue)
-- パラメータ調整欄 ･･･ [AudioInfo](../src/components/AudioInfo.vue)
+- パラメータ調整欄 ･･･ [AudioInfo](../src/components/Talk/AudioInfo.vue)
   - プリセット管理 ･･･ [PresetManageDialog](../src/components/PresetManageDialog.vue)
-- 詳細調整欄（各項目・再生ボタンを含む） ･･･ [AudioDetail](../src/components/AudioDetail.vue)
-  - ｱｸｾﾝﾄ項目のうち、文字以外の部分の UI ･･･ [AudioAccent](../src/components/AudioAccent.vue)
-  - ｲﾝﾄﾈｰｼｮﾝ・長さ項目のスライダー [AudioParameter](../src/components/AudioParameter.vue)
+- 詳細調整欄（各項目・再生ボタンを含む） ･･･ [AudioDetail](../src/components/Talk/AudioDetail.vue)
+  - ｱｸｾﾝﾄ項目のうち、文字以外の部分の UI ･･･ [AudioAccent](../src/components/Talk/AudioAccent.vue)
+  - ｲﾝﾄﾈｰｼｮﾝ・長さ項目のスライダー [AudioParameter](../src/components/Talk/AudioParameter.vue)
 - その他
   - 初回起動時に表示される画面
     - 利用規約 ･･･ [AcceptTermsDialog](../src/components/AcceptTermsDialog.vue)
diff --git a/src/components/DictionaryManageDialog.vue b/src/components/DictionaryManageDialog.vue
index e373e40d97..1c489a9a90 100644
--- a/src/components/DictionaryManageDialog.vue
+++ b/src/components/DictionaryManageDialog.vue
@@ -251,7 +251,7 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
 import { QInput } from "quasar";
-import AudioAccent from "./AudioAccent.vue";
+import AudioAccent from "@/components/Talk/AudioAccent.vue";
 import { useStore } from "@/store";
 import { AccentPhrase, UserDictWord } from "@/openapi";
 import {
diff --git a/src/components/AccentPhrase.vue b/src/components/Talk/AccentPhrase.vue
similarity index 99%
rename from src/components/AccentPhrase.vue
rename to src/components/Talk/AccentPhrase.vue
index 993b847f34..0248dee985 100644
--- a/src/components/AccentPhrase.vue
+++ b/src/components/Talk/AccentPhrase.vue
@@ -209,8 +209,8 @@
 import { computed, ref } from "vue";
 import AudioAccent from "./AudioAccent.vue";
 import AudioParameter from "./AudioParameter.vue";
-import ContextMenu from "./ContextMenu.vue";
-import { MenuItemButton } from "./BaseMenuBar.vue";
+import { MenuItemButton } from "@/components/BaseMenuBar.vue";
+import ContextMenu from "@/components/ContextMenu.vue";
 import { useStore } from "@/store";
 import { AudioKey, MoraDataType } from "@/type/preload";
 import { Mora } from "@/openapi/models/Mora";
diff --git a/src/components/AudioAccent.vue b/src/components/Talk/AudioAccent.vue
similarity index 100%
rename from src/components/AudioAccent.vue
rename to src/components/Talk/AudioAccent.vue
diff --git a/src/components/AudioCell.vue b/src/components/Talk/AudioCell.vue
similarity index 99%
rename from src/components/AudioCell.vue
rename to src/components/Talk/AudioCell.vue
index 5b55595893..0bd0d98dde 100644
--- a/src/components/AudioCell.vue
+++ b/src/components/Talk/AudioCell.vue
@@ -112,9 +112,12 @@
 <script setup lang="ts">
 import { computed, watch, ref, nextTick } from "vue";
 import { QInput } from "quasar";
-import CharacterButton from "./CharacterButton.vue";
-import { MenuItemButton, MenuItemSeparator } from "./BaseMenuBar.vue";
-import ContextMenu from "./ContextMenu.vue";
+import CharacterButton from "@/components/CharacterButton.vue";
+import {
+  MenuItemButton,
+  MenuItemSeparator,
+} from "@/components/BaseMenuBar.vue";
+import ContextMenu from "@/components/ContextMenu.vue";
 import { useStore } from "@/store";
 import { AudioKey, SplitTextWhenPasteType, Voice } from "@/type/preload";
 import { SelectionHelperForQInput } from "@/helpers/SelectionHelperForQInput";
diff --git a/src/components/AudioDetail.vue b/src/components/Talk/AudioDetail.vue
similarity index 99%
rename from src/components/AudioDetail.vue
rename to src/components/Talk/AudioDetail.vue
index be8145cd8b..9ca4539583 100644
--- a/src/components/AudioDetail.vue
+++ b/src/components/Talk/AudioDetail.vue
@@ -82,8 +82,8 @@
 
 <script setup lang="ts">
 import { computed, nextTick, ref, watch } from "vue";
-import ToolTip from "./ToolTip.vue";
 import AccentPhrase from "./AccentPhrase.vue";
+import ToolTip from "@/components/ToolTip.vue";
 import { useStore } from "@/store";
 import {
   AudioKey,
diff --git a/src/components/AudioInfo.vue b/src/components/Talk/AudioInfo.vue
similarity index 99%
rename from src/components/AudioInfo.vue
rename to src/components/Talk/AudioInfo.vue
index e893e1655f..777688309a 100644
--- a/src/components/AudioInfo.vue
+++ b/src/components/Talk/AudioInfo.vue
@@ -301,8 +301,8 @@
 <script setup lang="ts">
 import { computed, ref, watchEffect } from "vue";
 import { QSelectProps } from "quasar";
-import CharacterButton from "./CharacterButton.vue";
-import PresetManageDialog from "./PresetManageDialog.vue";
+import CharacterButton from "@/components/CharacterButton.vue";
+import PresetManageDialog from "@/components/PresetManageDialog.vue";
 import { useStore } from "@/store";
 
 import {
diff --git a/src/components/AudioParameter.vue b/src/components/Talk/AudioParameter.vue
similarity index 100%
rename from src/components/AudioParameter.vue
rename to src/components/Talk/AudioParameter.vue
diff --git a/src/components/CharacterPortrait.vue b/src/components/Talk/CharacterPortrait.vue
similarity index 100%
rename from src/components/CharacterPortrait.vue
rename to src/components/Talk/CharacterPortrait.vue
diff --git a/src/views/EditorHome.vue b/src/components/Talk/EditorHome.vue
similarity index 99%
rename from src/views/EditorHome.vue
rename to src/components/Talk/EditorHome.vue
index bc6342cbfb..5b83881a49 100644
--- a/src/views/EditorHome.vue
+++ b/src/components/Talk/EditorHome.vue
@@ -188,17 +188,17 @@ import { computed, onBeforeUpdate, onMounted, ref, VNodeRef, watch } from "vue";
 import draggable from "vuedraggable";
 import { QResizeObserver } from "quasar";
 import cloneDeep from "clone-deep";
+import AudioCell from "./AudioCell.vue";
+import AudioDetail from "./AudioDetail.vue";
+import AudioInfo from "./AudioInfo.vue";
+import CharacterPortrait from "./CharacterPortrait.vue";
 import { useStore } from "@/store";
 import HeaderBar from "@/components/HeaderBar.vue";
-import AudioCell from "@/components/AudioCell.vue";
-import AudioDetail from "@/components/AudioDetail.vue";
-import AudioInfo from "@/components/AudioInfo.vue";
 import MenuBar from "@/components/Talk/MenuBar.vue";
 import HelpDialog from "@/components/help/HelpDialog.vue";
 import SettingDialog from "@/components/SettingDialog.vue";
 import HotkeySettingDialog from "@/components/HotkeySettingDialog.vue";
 import HeaderBarCustomDialog from "@/components/HeaderBarCustomDialog.vue";
-import CharacterPortrait from "@/components/CharacterPortrait.vue";
 import DefaultStyleListDialog from "@/components/DefaultStyleListDialog.vue";
 import CharacterOrderDialog from "@/components/CharacterOrderDialog.vue";
 import AcceptRetrieveTelemetryDialog from "@/components/AcceptRetrieveTelemetryDialog.vue";
diff --git a/src/router/index.ts b/src/router/index.ts
index c1ebc2228b..3f469e8d54 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,6 @@
 import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";
 import SingerHome from "../views/SingerHome.vue";
-import EditorHome from "../views/EditorHome.vue";
+import EditorHome from "@/components/Talk/EditorHome.vue";
 
 const routes: Array<RouteRecordRaw> = [
   {