diff --git a/eslint.config.js b/eslint.config.js
index 11254ca234..525364a1bc 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -243,7 +243,7 @@ export default defineConfigWithVueTs(
         {
           patterns: [
             {
-              group: ["electron"],
+              regex: "^electron(\\/|$)",
               message:
                 "このファイル内でelectronはimportできません。許可されているファイル内へ移すか、ESLintの設定を見直してください",
             },
diff --git a/src/backend/electron/ipc.ts b/src/backend/electron/ipc.ts
index 890d416ca6..37b80f6b76 100644
--- a/src/backend/electron/ipc.ts
+++ b/src/backend/electron/ipc.ts
@@ -1,20 +1,9 @@
-import {
-  BrowserWindow,
-  ipcMain,
-  IpcMainInvokeEvent,
-  IpcRendererEvent,
-} from "electron";
+import { BrowserWindow, ipcMain, IpcMainInvokeEvent } from "electron";
 import { IpcIHData, IpcSOData } from "@/type/ipc";
 import { createLogger } from "@/helpers/log";
 
 const log = createLogger("ipc");
 
-export type IpcRendererInvoke = {
-  [K in keyof IpcIHData]: (
-    ...args: IpcIHData[K]["args"]
-  ) => Promise<IpcIHData[K]["return"]>;
-};
-
 export type IpcMainHandle = {
   [K in keyof IpcIHData]: (
     event: IpcMainInvokeEvent,
@@ -22,20 +11,13 @@ export type IpcMainHandle = {
   ) => Promise<IpcIHData[K]["return"]> | IpcIHData[K]["return"];
 };
 
-export type IpcMainSend = {
+type IpcMainSend = {
   [K in keyof IpcSOData]: (
     win: BrowserWindow,
     ...args: IpcSOData[K]["args"]
   ) => void;
 };
 
-export type IpcRendererOn = {
-  [K in keyof IpcSOData]: (
-    event: IpcRendererEvent,
-    ...args: IpcSOData[K]["args"]
-  ) => Promise<IpcSOData[K]["return"]> | IpcSOData[K]["return"];
-};
-
 // FIXME: asを使わないようオーバーロードにした。オーバーロードも使わない書き方にしたい。
 export function registerIpcMainHandle<T extends IpcMainHandle>(
   listeners: T,
diff --git a/src/backend/electron/renderer/ipc.ts b/src/backend/electron/renderer/ipc.ts
new file mode 100644
index 0000000000..2c4a9b9798
--- /dev/null
+++ b/src/backend/electron/renderer/ipc.ts
@@ -0,0 +1,7 @@
+import { IpcIHData } from "@/type/ipc";
+
+export type IpcRendererInvoke = {
+  [K in keyof IpcIHData]: (
+    ...args: IpcIHData[K]["args"]
+  ) => Promise<IpcIHData[K]["return"]>;
+};
diff --git a/src/backend/electron/renderer/menuBarData.ts b/src/backend/electron/renderer/menuBarData.ts
new file mode 100644
index 0000000000..52ece33852
--- /dev/null
+++ b/src/backend/electron/renderer/menuBarData.ts
@@ -0,0 +1,116 @@
+import { computed } from "vue";
+import { useEngineIcons } from "@/composables/useEngineIcons";
+import {
+  MaybeComputedMenuBarContent,
+  MenuBarContent,
+} from "@/components/Menu/MenuBar/menuBarData";
+import { MenuItemData } from "@/components/Menu/type";
+import { Store } from "@/store";
+import { removeNullableAndBoolean } from "@/helpers/arrayHelper";
+
+export const useElectronMenuBarData = (
+  store: Store,
+): MaybeComputedMenuBarContent => {
+  const engineIds = computed(() => store.state.engineIds);
+  const engineInfos = computed(() => store.state.engineInfos);
+  const engineManifests = computed(() => store.state.engineManifests);
+  const engineIcons = useEngineIcons(engineManifests);
+  const enableMultiEngine = computed(() => store.state.enableMultiEngine);
+
+  // 「エンジン」メニューのエンジン毎の項目
+  const engineSubMenuData = computed<MenuBarContent["engine"]>(() => {
+    let singleEngineSubMenuData: MenuItemData[];
+    if (Object.values(engineInfos.value).length === 1) {
+      singleEngineSubMenuData = [
+        {
+          type: "button",
+          label: "再起動",
+          onClick: () => {
+            void store.actions.RESTART_ENGINES({
+              engineIds: [engineIds.value[0]],
+            });
+          },
+          disableWhenUiLocked: false,
+        },
+      ];
+    } else {
+      singleEngineSubMenuData = store.getters.GET_SORTED_ENGINE_INFOS.map(
+        (engineInfo): MenuItemData => ({
+          type: "root",
+          label: engineInfo.name,
+          icon:
+            engineManifests.value[engineInfo.uuid] &&
+            engineIcons.value[engineInfo.uuid],
+          disableWhenUiLocked: false,
+          subMenu: removeNullableAndBoolean([
+            engineInfo.path != "" && {
+              type: "button",
+              label: "フォルダを開く",
+              onClick: () => {
+                void store.actions.OPEN_ENGINE_DIRECTORY({
+                  engineId: engineInfo.uuid,
+                });
+              },
+              disableWhenUiLocked: false,
+            },
+            {
+              type: "button",
+              label: "再起動",
+              onClick: () => {
+                void store.actions.RESTART_ENGINES({
+                  engineIds: [engineInfo.uuid],
+                });
+              },
+              disableWhenUiLocked: false,
+            },
+          ]),
+        }),
+      );
+    }
+
+    const allEnginesSubMenuData = enableMultiEngine.value
+      ? removeNullableAndBoolean<MenuItemData>([
+          {
+            type: "button",
+            label: "全てのエンジンを再起動",
+            onClick: () => {
+              void store.actions.RESTART_ENGINES({
+                engineIds: engineIds.value,
+              });
+            },
+            disableWhenUiLocked: false,
+          },
+          {
+            type: "button",
+            label: "エンジンの管理",
+            onClick: () => {
+              void store.actions.SET_DIALOG_OPEN({
+                isEngineManageDialogOpen: true,
+              });
+            },
+            disableWhenUiLocked: false,
+          },
+          store.state.isMultiEngineOffMode && {
+            type: "button",
+            label: "マルチエンジンをオンにして再読み込み",
+            onClick() {
+              void store.actions.RELOAD_APP({
+                isMultiEngineOffMode: false,
+              });
+            },
+            disableWhenUiLocked: false,
+            disableWhileReloadingLock: true,
+          },
+        ])
+      : [];
+
+    return {
+      singleEngine: singleEngineSubMenuData,
+      allEngines: allEnginesSubMenuData,
+    };
+  });
+
+  return {
+    engine: engineSubMenuData,
+  };
+};
diff --git a/src/backend/electron/preload.ts b/src/backend/electron/renderer/preload.ts
similarity index 100%
rename from src/backend/electron/preload.ts
rename to src/backend/electron/renderer/preload.ts
diff --git a/src/components/App.vue b/src/components/App.vue
index 50c1d87164..df56e65149 100644
--- a/src/components/App.vue
+++ b/src/components/App.vue
@@ -1,11 +1,14 @@
 <template>
   <ErrorBoundary>
     <TooltipProvider disableHoverableContent :delayDuration="500">
+      <!-- TODO: subMenuDataのpropsを分けず、１つにまとめて渡す -->
       <MenuBar
         v-if="openedEditor != undefined"
-        :fileSubMenuData="subMenuData.fileSubMenuData.value"
-        :editSubMenuData="subMenuData.editSubMenuData.value"
-        :viewSubMenuData="subMenuData.viewSubMenuData.value"
+        :fileSubMenuData="subMenuData.file"
+        :editSubMenuData="subMenuData.edit"
+        :viewSubMenuData="subMenuData.view"
+        :engineSubMenuData="subMenuData.engine"
+        :settingSubMenuData="subMenuData.setting"
         :editor="openedEditor"
       />
       <KeepAlive>
@@ -26,6 +29,7 @@
 import { watch, onMounted, ref, computed, toRaw, watchEffect } from "vue";
 import { useGtm } from "@gtm-support/vue-gtm";
 import { TooltipProvider } from "radix-vue";
+import { useCommonMenuBarData } from "./Menu/MenuBar/useCommonMenuBarData";
 import TalkEditor from "@/components/Talk/TalkEditor.vue";
 import SingEditor from "@/components/Sing/SingEditor.vue";
 import { EngineId } from "@/type/preload";
@@ -37,22 +41,29 @@ import MenuBar from "@/components/Menu/MenuBar/MenuBar.vue";
 import { useMenuBarData as useTalkMenuBarData } from "@/components/Talk/menuBarData";
 import { useMenuBarData as useSingMenuBarData } from "@/components/Sing/menuBarData";
 import { setFontToCss, setThemeToCss } from "@/domain/dom";
-import { ExhaustiveError } from "@/type/utility";
+import { concatMenuBarData } from "@/components/Menu/MenuBar/menuBarData";
+import { isElectron } from "@/helpers/platform";
+import { useElectronMenuBarData } from "@/backend/electron/renderer/menuBarData";
+import { removeNullableAndBoolean } from "@/helpers/arrayHelper";
 
 const store = useStore();
 
-const talkMenuBarData = useTalkMenuBarData();
-const singMenuBarData = useSingMenuBarData();
-
-const subMenuData = computed(() => {
-  if (openedEditor.value === "talk" || openedEditor.value == undefined) {
-    return talkMenuBarData;
-  } else if (openedEditor.value === "song") {
-    return singMenuBarData;
-  }
-
-  throw new ExhaustiveError(openedEditor.value);
-});
+// TODO: useMenuBarData系の関数をcomposableじゃなくする
+const commonMenuBarData = useCommonMenuBarData(store);
+const talkMenuBarData = useTalkMenuBarData(store);
+const singMenuBarData = useSingMenuBarData(store);
+const electronMenuBarData = useElectronMenuBarData(store);
+
+const subMenuData = computed(() =>
+  concatMenuBarData(
+    removeNullableAndBoolean([
+      commonMenuBarData,
+      store.state.openedEditor === "talk" && talkMenuBarData,
+      store.state.openedEditor === "song" && singMenuBarData,
+      isElectron && electronMenuBarData,
+    ]),
+  ),
+);
 
 const openedEditor = computed(() => store.state.openedEditor);
 
diff --git a/src/components/Menu/MenuBar/MenuBar.vue b/src/components/Menu/MenuBar/MenuBar.vue
index 3475a0144d..43d92c99e2 100644
--- a/src/components/Menu/MenuBar/MenuBar.vue
+++ b/src/components/Menu/MenuBar/MenuBar.vue
@@ -10,7 +10,9 @@
       :key="index"
       v-model:selected="subMenuOpenFlags[index]"
       :menudata="root"
-      :disable="menubarLocked"
+      :disable="
+        menubarLocked || (root.disableWhenUiLocked && uiLocked) || root.disabled
+      "
       @mouseover="reassignSubMenuOpen(index)"
       @mouseleave="
         root.type === 'button' ? (subMenuOpenFlags[index] = false) : undefined
@@ -29,13 +31,11 @@
 <script setup lang="ts">
 import { ref, computed, watch } from "vue";
 import { useQuasar } from "quasar";
-import { MenuItemData, MenuItemRoot } from "../type";
+import { MenuItemButton, MenuItemData, MenuItemRoot } from "../type";
 import MenuButton from "../MenuButton.vue";
 import TitleBarButtons from "./TitleBarButtons.vue";
 import TitleBarEditorSwitcher from "./TitleBarEditorSwitcher.vue";
 import { useStore } from "@/store";
-import { HotkeyAction, useHotkeyManager } from "@/plugins/hotkeyPlugin";
-import { useEngineIcons } from "@/composables/useEngineIcons";
 import { getAppInfos } from "@/domain/appInfo";
 
 const props = defineProps<{
@@ -45,19 +45,20 @@ const props = defineProps<{
   editSubMenuData: MenuItemData[];
   /** 「表示」メニューのサブメニュー */
   viewSubMenuData: MenuItemData[];
+  /** 「エンジン」メニューのサブメニュー */
+  engineSubMenuData: MenuItemData[];
+  /** 「設定」メニューのサブメニュー */
+  settingSubMenuData: MenuItemData[];
   /** エディタの種類 */
   editor: "talk" | "song";
 }>();
 
 const $q = useQuasar();
 const store = useStore();
-const { registerHotkeyWithCleanup } = useHotkeyManager();
 
 /** 追加のバージョン情報。コミットハッシュなどを書ける。 */
 const extraVersionInfo = import.meta.env.VITE_EXTRA_VERSION_INFO;
 
-const audioKeys = computed(() => store.state.audioKeys);
-
 // デフォルトエンジンの代替先ポート
 const defaultEngineAltPortTo = computed<string | undefined>(() => {
   const altPortInfos = store.state.altPortInfos;
@@ -82,11 +83,6 @@ const menubarLocked = computed(() => store.getters.MENUBAR_LOCKED);
 const projectName = computed(() => store.getters.PROJECT_NAME);
 const isEdited = computed(() => store.getters.IS_EDITED);
 const isFullscreen = computed(() => store.getters.IS_FULLSCREEN);
-const engineIds = computed(() => store.state.engineIds);
-const engineInfos = computed(() => store.state.engineInfos);
-const engineManifests = computed(() => store.state.engineManifests);
-const engineIcons = useEngineIcons(engineManifests);
-const enableMultiEngine = computed(() => store.state.enableMultiEngine);
 const titleText = computed(
   () =>
     (isEdited.value ? "*" : "") +
@@ -99,450 +95,52 @@ const titleText = computed(
       ? ` - Port: ${defaultEngineAltPortTo.value}`
       : ""),
 );
-const canUndo = computed(() => store.getters.CAN_UNDO(props.editor));
-const canRedo = computed(() => store.getters.CAN_REDO(props.editor));
-const isMultiSelectEnabled = computed(
-  () => store.state.experimentalSetting.enableMultiSelect,
-);
 
 // FIXME: App.vue内に移動する
 watch(titleText, (newTitle) => {
   window.document.title = newTitle;
 });
 
-// FIXME: この関数は不要なはず
-const closeAllDialog = () => {
-  void store.actions.SET_DIALOG_OPEN({
-    isSettingDialogOpen: false,
-  });
-  void store.actions.SET_DIALOG_OPEN({
-    isHotkeySettingDialogOpen: false,
-  });
-  void store.actions.SET_DIALOG_OPEN({
-    isToolbarSettingDialogOpen: false,
-  });
-  void store.actions.SET_DIALOG_OPEN({
-    isCharacterOrderDialogOpen: false,
-  });
-  void store.actions.SET_DIALOG_OPEN({
-    isDefaultStyleSelectDialogOpen: false,
-  });
-};
-
-const toggleFullScreen = async () => {
-  window.backend.toggleFullScreen();
-};
-
-const createNewProject = async () => {
-  if (!uiLocked.value) {
-    await store.actions.CREATE_NEW_PROJECT({});
-  }
-};
-
-const saveProject = async () => {
-  if (!uiLocked.value) {
-    await store.actions.SAVE_PROJECT_FILE_OVERWRITE();
-  }
-};
-
-const saveProjectAs = async () => {
-  if (!uiLocked.value) {
-    await store.actions.SAVE_PROJECT_FILE_AS();
-  }
-};
-
-const saveProjectCopy = async () => {
-  if (!uiLocked.value) {
-    await store.actions.SAVE_PROJECT_FILE_AS_COPY();
-  }
-};
-
-const importProject = () => {
-  if (!uiLocked.value) {
-    void store.actions.LOAD_PROJECT_FILE({ type: "dialog" });
-  }
-};
-
-/** UIの拡大 */
-const zoomIn = async () => {
-  await store.actions.ZOOM_IN();
-};
-
-/** UIの縮小 */
-const zoomOut = async () => {
-  await store.actions.ZOOM_OUT();
-};
-
-/** UIの拡大率リセット */
-const zoomReset = async () => {
-  await store.actions.ZOOM_RESET();
-};
-
-// 「最近使ったプロジェクト」のメニュー
-const recentProjectsSubMenuData = ref<MenuItemData[]>([]);
-const updateRecentProjects = async () => {
-  const recentlyUsedProjects = await store.actions.GET_RECENTLY_USED_PROJECTS();
-  recentProjectsSubMenuData.value =
-    recentlyUsedProjects.length === 0
-      ? [
-          {
-            type: "button",
-            label: "最近使ったプロジェクトはありません",
-            onClick: () => {
-              // 何もしない
-            },
-            disabled: true,
-            disableWhenUiLocked: false,
-          },
-        ]
-      : recentlyUsedProjects.map((projectFilePath) => ({
-          type: "button",
-          label: projectFilePath,
-          onClick: () => {
-            void store.actions.LOAD_PROJECT_FILE({
-              type: "path",
-              filePath: projectFilePath,
-            });
-          },
-          disableWhenUiLocked: false,
-        }));
-};
-const projectFilePath = computed(() => store.state.projectFilePath);
-watch(projectFilePath, updateRecentProjects, {
-  immediate: true,
-});
-
-// 「エンジン」メニューのエンジン毎の項目
-const engineSubMenuData = computed<MenuItemData[]>(() => {
-  let subMenu: MenuItemData[] = [];
-
-  if (Object.values(engineInfos.value).length === 1) {
-    const engineInfo = Object.values(engineInfos.value)[0];
-    subMenu = [
-      {
-        type: "button",
-        label: "再起動",
-        onClick: () => {
-          void store.actions.RESTART_ENGINES({
-            engineIds: [engineInfo.uuid],
-          });
-        },
-        disableWhenUiLocked: false,
-      },
-    ].filter((x) => x) as MenuItemData[];
-  } else {
-    subMenu = [
-      ...store.getters.GET_SORTED_ENGINE_INFOS.map(
-        (engineInfo) =>
-          ({
-            type: "root",
-            label: engineInfo.name,
-            icon:
-              engineManifests.value[engineInfo.uuid] &&
-              engineIcons.value[engineInfo.uuid],
-            subMenu: [
-              engineInfo.path && {
-                type: "button",
-                label: "フォルダを開く",
-                onClick: () => {
-                  void store.actions.OPEN_ENGINE_DIRECTORY({
-                    engineId: engineInfo.uuid,
-                  });
-                },
-                disableWhenUiLocked: false,
-              },
-              {
-                type: "button",
-                label: "再起動",
-                onClick: () => {
-                  void store.actions.RESTART_ENGINES({
-                    engineIds: [engineInfo.uuid],
-                  });
-                },
-                disableWhenUiLocked: false,
-              },
-            ].filter((x) => x),
-          }) as MenuItemRoot,
-      ),
-      {
-        type: "separator",
-      },
-      {
-        type: "button",
-        label: "全てのエンジンを再起動",
-        onClick: () => {
-          void store.actions.RESTART_ENGINES({
-            engineIds: engineIds.value,
-          });
-        },
-        disableWhenUiLocked: false,
-      },
-    ];
-  }
-  if (enableMultiEngine.value) {
-    subMenu.push({
-      type: "button",
-      label: "エンジンの管理",
-      onClick: () => {
-        void store.actions.SET_DIALOG_OPEN({
-          isEngineManageDialogOpen: true,
-        });
-      },
-      disableWhenUiLocked: false,
-    });
-  }
-  // マルチエンジンオフモードの解除
-  if (store.state.isMultiEngineOffMode) {
-    subMenu.push({
-      type: "button",
-      label: "マルチエンジンをオンにして再読み込み",
-      onClick() {
-        void store.actions.RELOAD_APP({
-          isMultiEngineOffMode: false,
-        });
-      },
-      disableWhenUiLocked: false,
-      disablreloadingLocked: true,
-    });
-  }
-
-  return subMenu;
-});
-
-// メニュー一覧
-const menudata = computed<MenuItemData[]>(() => [
+const menudata = computed<(MenuItemButton | MenuItemRoot)[]>(() => [
   {
     type: "root",
     label: "ファイル",
-    onClick: () => {
-      closeAllDialog();
-    },
+    subMenu: props.fileSubMenuData,
+    disabled: props.fileSubMenuData.length === 0,
     disableWhenUiLocked: false,
-    subMenu: [
-      ...props.fileSubMenuData,
-      { type: "separator" },
-      {
-        type: "button",
-        label: "新規プロジェクト",
-        onClick: createNewProject,
-        disableWhenUiLocked: true,
-      },
-      {
-        type: "button",
-        label: "プロジェクトを上書き保存",
-        onClick: async () => {
-          await saveProject();
-        },
-        disableWhenUiLocked: true,
-      },
-      {
-        type: "button",
-        label: "プロジェクトを名前を付けて保存",
-        onClick: async () => {
-          await saveProjectAs();
-        },
-        disableWhenUiLocked: true,
-      },
-      {
-        type: "button",
-        label: "プロジェクトの複製を保存",
-        onClick: async () => {
-          await saveProjectCopy();
-        },
-        disableWhenUiLocked: true,
-      },
-      {
-        type: "button",
-        label: "プロジェクトを読み込む",
-        onClick: () => {
-          importProject();
-        },
-        disableWhenUiLocked: true,
-      },
-      {
-        type: "root",
-        label: "最近使ったプロジェクト",
-        disableWhenUiLocked: true,
-        subMenu: recentProjectsSubMenuData.value,
-      },
-    ],
   },
   {
     type: "root",
     label: "編集",
-    onClick: () => {
-      closeAllDialog();
-    },
+    subMenu: props.editSubMenuData,
+    disabled: props.editSubMenuData.length === 0,
     disableWhenUiLocked: false,
-    subMenu: [
-      {
-        type: "button",
-        label: "元に戻す",
-        onClick: async () => {
-          if (!uiLocked.value) {
-            await store.actions.UNDO({ editor: props.editor });
-          }
-        },
-        disabled: !canUndo.value,
-        disableWhenUiLocked: true,
-      },
-      {
-        type: "button",
-        label: "やり直す",
-        onClick: async () => {
-          if (!uiLocked.value) {
-            await store.actions.REDO({ editor: props.editor });
-          }
-        },
-        disabled: !canRedo.value,
-        disableWhenUiLocked: true,
-      },
-      ...(isMultiSelectEnabled.value
-        ? [
-            {
-              type: "button",
-              label: "すべて選択",
-              onClick: async () => {
-                if (!uiLocked.value && isMultiSelectEnabled.value) {
-                  await store.actions.SET_SELECTED_AUDIO_KEYS({
-                    audioKeys: audioKeys.value,
-                  });
-                }
-              },
-              disableWhenUiLocked: true,
-            } as const,
-          ]
-        : []),
-      ...props.editSubMenuData,
-    ],
   },
   {
     type: "root",
     label: "表示",
-    onClick: () => {
-      closeAllDialog();
-    },
+    subMenu: props.viewSubMenuData,
+    disabled: props.viewSubMenuData.length === 0,
     disableWhenUiLocked: false,
-    subMenu: [
-      ...props.viewSubMenuData,
-      { type: "separator" },
-      {
-        type: "button",
-        label: "全画面表示を切り替え",
-        onClick: toggleFullScreen,
-        disableWhenUiLocked: false,
-      },
-      {
-        type: "button",
-        label: "拡大",
-        onClick: () => {
-          void zoomIn();
-        },
-        disableWhenUiLocked: false,
-      },
-      {
-        type: "button",
-        label: "縮小",
-        onClick: () => {
-          void zoomOut();
-        },
-        disableWhenUiLocked: false,
-      },
-      {
-        type: "button",
-        label: "拡大率のリセット",
-        onClick: () => {
-          void zoomReset();
-        },
-        disableWhenUiLocked: false,
-      },
-    ],
   },
   {
     type: "root",
     label: "エンジン",
-    onClick: () => {
-      closeAllDialog();
-    },
+    subMenu: props.engineSubMenuData,
+    disabled: props.engineSubMenuData.length === 0,
     disableWhenUiLocked: false,
-    subMenu: engineSubMenuData.value,
   },
   {
     type: "root",
     label: "設定",
-    onClick: () => {
-      closeAllDialog();
-    },
+    subMenu: props.settingSubMenuData,
+    disabled: props.settingSubMenuData.length === 0,
     disableWhenUiLocked: false,
-    subMenu: [
-      {
-        type: "button",
-        label: "キー割り当て",
-        onClick() {
-          void store.actions.SET_DIALOG_OPEN({
-            isHotkeySettingDialogOpen: true,
-          });
-        },
-        disableWhenUiLocked: false,
-      },
-      {
-        type: "button",
-        label: "ツールバーのカスタマイズ",
-        onClick() {
-          void store.actions.SET_DIALOG_OPEN({
-            isToolbarSettingDialogOpen: true,
-          });
-        },
-        disableWhenUiLocked: false,
-      },
-      {
-        type: "button",
-        label: "キャラクター並び替え・試聴",
-        onClick() {
-          void store.actions.SET_DIALOG_OPEN({
-            isCharacterOrderDialogOpen: true,
-          });
-        },
-        disableWhenUiLocked: true,
-      },
-      {
-        type: "button",
-        label: "デフォルトスタイル",
-        onClick() {
-          void store.actions.SET_DIALOG_OPEN({
-            isDefaultStyleSelectDialogOpen: true,
-          });
-        },
-        disableWhenUiLocked: true,
-      },
-      {
-        type: "button",
-        label: "読み方＆アクセント辞書",
-        onClick() {
-          void store.actions.SET_DIALOG_OPEN({
-            isDictionaryManageDialogOpen: true,
-          });
-        },
-        disableWhenUiLocked: true,
-      },
-      { type: "separator" },
-      {
-        type: "button",
-        label: "オプション",
-        onClick() {
-          void store.actions.SET_DIALOG_OPEN({
-            isSettingDialogOpen: true,
-          });
-        },
-        disableWhenUiLocked: false,
-      },
-    ],
   },
   {
     type: "button",
     label: "ヘルプ",
     onClick: () => {
-      closeAllDialog();
       void store.actions.SET_DIALOG_OPEN({
         isHelpDialogOpen: true,
       });
@@ -551,6 +149,7 @@ const menudata = computed<MenuItemData[]>(() => [
   },
 ]);
 
+// メニュー一覧
 const subMenuOpenFlags = ref(
   [...Array(menudata.value.length)].map(() => false),
 );
@@ -570,58 +169,6 @@ watch(uiLocked, () => {
     subMenuOpenFlags.value = [...Array(menudata.value.length)].map(() => false);
   }
 });
-
-/**
- * 全エディタに対してホットキーを登録する
- * FIXME: hotkeyPlugin側で全エディタに対して登録できるようにする
- */
-function registerHotkeyForAllEditors(action: Omit<HotkeyAction, "editor">) {
-  registerHotkeyWithCleanup({
-    editor: "talk",
-    ...action,
-  });
-  registerHotkeyWithCleanup({
-    editor: "song",
-    ...action,
-  });
-}
-
-registerHotkeyForAllEditors({
-  callback: createNewProject,
-  name: "新規プロジェクト",
-});
-registerHotkeyForAllEditors({
-  callback: saveProject,
-  name: "プロジェクトを上書き保存",
-});
-registerHotkeyForAllEditors({
-  callback: saveProjectAs,
-  name: "プロジェクトを名前を付けて保存",
-});
-registerHotkeyForAllEditors({
-  callback: saveProjectCopy,
-  name: "プロジェクトの複製を保存",
-});
-registerHotkeyForAllEditors({
-  callback: importProject,
-  name: "プロジェクトを読み込む",
-});
-registerHotkeyForAllEditors({
-  callback: toggleFullScreen,
-  name: "全画面表示を切り替え",
-});
-registerHotkeyForAllEditors({
-  callback: zoomIn,
-  name: "拡大",
-});
-registerHotkeyForAllEditors({
-  callback: zoomOut,
-  name: "縮小",
-});
-registerHotkeyForAllEditors({
-  callback: zoomReset,
-  name: "拡大率のリセット",
-});
 </script>
 
 <style lang="scss">
diff --git a/src/components/Menu/MenuBar/menuBarData.ts b/src/components/Menu/MenuBar/menuBarData.ts
new file mode 100644
index 0000000000..1f0ace4df1
--- /dev/null
+++ b/src/components/Menu/MenuBar/menuBarData.ts
@@ -0,0 +1,63 @@
+import { MaybeRef, ComputedRef, unref } from "vue";
+import { MenuItemData } from "@/components/Menu/type";
+import { flatWithSeparator } from "@/helpers/arrayHelper";
+import { objectEntries, objectFromEntries } from "@/helpers/typedEntries";
+
+type MenuBarCategory = "file" | "edit" | "view" | "engine" | "setting";
+
+const menuItemStructure = {
+  file: ["audioExport", "externalProject", "project"],
+  edit: ["undoRedo", "copyPaste", "select", "misc"],
+  view: ["guide", "portrait", "window"],
+  engine: ["singleEngine", "allEngines"],
+  setting: ["subOptions", "options"],
+} as const satisfies Record<MenuBarCategory, string[]>;
+
+type MenuItemSection = (typeof menuItemStructure)[MenuBarCategory][number];
+
+export type MenuBarContent = Partial<{
+  [K in MenuBarCategory]: Partial<
+    Record<(typeof menuItemStructure)[K][number], MenuItemData[]>
+  >;
+}>;
+export type MaybeComputedMenuBarContent = Partial<{
+  [K in MenuBarCategory]: ComputedRef<MenuBarContent[K]> | MenuBarContent[K];
+}>;
+
+export const concatMenuBarData = (
+  menuBarContents: MaybeRef<MaybeComputedMenuBarContent>[],
+): Record<MenuBarCategory, MenuItemData[]> => {
+  return objectFromEntries(
+    objectEntries(menuItemStructure).map(([category]) => [
+      category,
+      concatMenuItemsByCategory(category, menuBarContents),
+    ]),
+  );
+};
+
+function concatMenuItemsByCategory(
+  category: MenuBarCategory,
+  menuBarContents: MaybeRef<MaybeComputedMenuBarContent>[],
+): MenuItemData[] {
+  const sectionItems: Record<MenuItemSection, MenuItemData[]> =
+    objectFromEntries(
+      menuItemStructure[category].map((section) => [section, []]),
+    );
+
+  for (const menuBarContent of menuBarContents) {
+    const items = unref(unref(menuBarContent)[category]);
+    if (!items) continue;
+
+    for (const [section, sectionMenuItems] of objectEntries(items)) {
+      // @ts-expect-error 型が合わないので無視する。
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      sectionItems[section].push(...sectionMenuItems);
+    }
+  }
+
+  const nonEmptyItems = menuItemStructure[category]
+    .map((section) => sectionItems[section])
+    .filter((items) => items.length > 0);
+
+  return flatWithSeparator(nonEmptyItems, { type: "separator" });
+}
diff --git a/src/components/Menu/MenuBar/useCommonMenuBarData.ts b/src/components/Menu/MenuBar/useCommonMenuBarData.ts
new file mode 100644
index 0000000000..e4a47015e3
--- /dev/null
+++ b/src/components/Menu/MenuBar/useCommonMenuBarData.ts
@@ -0,0 +1,362 @@
+import { computed, ref, watch } from "vue";
+import { MenuItemData } from "../type";
+import { MaybeComputedMenuBarContent } from "./menuBarData";
+import { ensureNotNullish } from "@/helpers/errorHelper";
+import { useHotkeyManager, HotkeyAction } from "@/plugins/hotkeyPlugin";
+import { Store } from "@/store";
+
+export const useCommonMenuBarData = (store: Store) => {
+  const uiLocked = computed(() => store.getters.UI_LOCKED);
+
+  const editor = computed(() => store.state.openedEditor);
+  const canUndo = computed(
+    () => editor.value && store.getters.CAN_UNDO(editor.value),
+  );
+  const canRedo = computed(
+    () => editor.value && store.getters.CAN_REDO(editor.value),
+  );
+
+  const isMultiSelectEnabled = computed(
+    () => store.state.experimentalSetting.enableMultiSelect,
+  );
+
+  const audioKeys = computed(() => store.state.audioKeys);
+
+  const createNewProject = async () => {
+    if (!uiLocked.value) {
+      await store.actions.CREATE_NEW_PROJECT({});
+    }
+  };
+
+  const saveProject = async () => {
+    if (!uiLocked.value) {
+      await store.actions.SAVE_PROJECT_FILE_OVERWRITE();
+    }
+  };
+
+  const saveProjectAs = async () => {
+    if (!uiLocked.value) {
+      await store.actions.SAVE_PROJECT_FILE_AS();
+    }
+  };
+
+  const saveProjectCopy = async () => {
+    if (!uiLocked.value) {
+      await store.actions.SAVE_PROJECT_FILE_AS_COPY();
+    }
+  };
+
+  const importProject = () => {
+    if (!uiLocked.value) {
+      void store.actions.LOAD_PROJECT_FILE({ type: "dialog" });
+    }
+  };
+
+  /** UIの拡大 */
+  const zoomIn = async () => {
+    await store.actions.ZOOM_IN();
+  };
+
+  /** UIの縮小 */
+  const zoomOut = async () => {
+    await store.actions.ZOOM_OUT();
+  };
+
+  /** UIの拡大率リセット */
+  const zoomReset = async () => {
+    await store.actions.ZOOM_RESET();
+  };
+
+  const toggleFullScreen = async () => {
+    window.backend.toggleFullScreen();
+  };
+
+  // 「最近使ったプロジェクト」のメニュー
+  const recentProjectsSubMenuData = ref<MenuItemData[]>([]);
+  const updateRecentProjects = async () => {
+    const recentlyUsedProjects =
+      await store.actions.GET_RECENTLY_USED_PROJECTS();
+    recentProjectsSubMenuData.value =
+      recentlyUsedProjects.length === 0
+        ? [
+            {
+              type: "button",
+              label: "最近使ったプロジェクトはありません",
+              onClick: () => {
+                // 何もしない
+              },
+              disabled: true,
+              disableWhenUiLocked: false,
+            },
+          ]
+        : recentlyUsedProjects.map((projectFilePath) => ({
+            type: "button",
+            label: projectFilePath,
+            onClick: () => {
+              void store.actions.LOAD_PROJECT_FILE({
+                type: "path",
+                filePath: projectFilePath,
+              });
+            },
+            disableWhenUiLocked: false,
+          }));
+  };
+  const projectFilePath = computed(() => store.state.projectFilePath);
+  watch(projectFilePath, updateRecentProjects, {
+    immediate: true,
+  });
+
+  // TODO: 本来はこのファイルにホットキーの登録を書くべきではないので、どこかに移す。
+  const { registerHotkeyWithCleanup } = useHotkeyManager();
+  /**
+   * 全エディタに対してホットキーを登録する
+   * FIXME: hotkeyPlugin側で全エディタに対して登録できるようにする
+   */
+  function registerHotkeyForAllEditors(action: Omit<HotkeyAction, "editor">) {
+    registerHotkeyWithCleanup({
+      editor: "talk",
+      ...action,
+    });
+    registerHotkeyWithCleanup({
+      editor: "song",
+      ...action,
+    });
+  }
+
+  registerHotkeyForAllEditors({
+    callback: createNewProject,
+    name: "新規プロジェクト",
+  });
+  registerHotkeyForAllEditors({
+    callback: saveProject,
+    name: "プロジェクトを上書き保存",
+  });
+  registerHotkeyForAllEditors({
+    callback: saveProjectAs,
+    name: "プロジェクトを名前を付けて保存",
+  });
+  registerHotkeyForAllEditors({
+    callback: saveProjectCopy,
+    name: "プロジェクトの複製を保存",
+  });
+  registerHotkeyForAllEditors({
+    callback: importProject,
+    name: "プロジェクトを読み込む",
+  });
+  registerHotkeyForAllEditors({
+    callback: toggleFullScreen,
+    name: "全画面表示を切り替え",
+  });
+  registerHotkeyForAllEditors({
+    callback: zoomIn,
+    name: "拡大",
+  });
+  registerHotkeyForAllEditors({
+    callback: zoomOut,
+    name: "縮小",
+  });
+  registerHotkeyForAllEditors({
+    callback: zoomReset,
+    name: "拡大率のリセット",
+  });
+
+  return computed<MaybeComputedMenuBarContent>(() => ({
+    file: {
+      project: [
+        {
+          type: "button",
+          label: "新規プロジェクト",
+          onClick: createNewProject,
+          disableWhenUiLocked: true,
+        },
+        {
+          type: "button",
+          label: "プロジェクトを上書き保存",
+          onClick: async () => {
+            await saveProject();
+          },
+          disableWhenUiLocked: true,
+        },
+        {
+          type: "button",
+          label: "プロジェクトを名前を付けて保存",
+          onClick: async () => {
+            await saveProjectAs();
+          },
+          disableWhenUiLocked: true,
+        },
+        {
+          type: "button",
+          label: "プロジェクトの複製を保存",
+          onClick: async () => {
+            await saveProjectCopy();
+          },
+          disableWhenUiLocked: true,
+        },
+        {
+          type: "button",
+          label: "プロジェクトを読み込む",
+          onClick: () => {
+            importProject();
+          },
+          disableWhenUiLocked: true,
+        },
+        {
+          type: "root",
+          label: "最近使ったプロジェクト",
+          disableWhenUiLocked: true,
+          subMenu: recentProjectsSubMenuData.value,
+        },
+      ],
+    },
+
+    edit: {
+      undoRedo: [
+        {
+          type: "button",
+          label: "元に戻す",
+          onClick: async () => {
+            if (!uiLocked.value) {
+              await store.actions.UNDO({
+                editor: ensureNotNullish(editor.value),
+              });
+            }
+          },
+          disabled: !canUndo.value,
+          disableWhenUiLocked: true,
+        },
+        {
+          type: "button",
+          label: "やり直す",
+          onClick: async () => {
+            if (!uiLocked.value) {
+              await store.actions.REDO({
+                editor: ensureNotNullish(editor.value),
+              });
+            }
+          },
+          disabled: !canRedo.value,
+          disableWhenUiLocked: true,
+        },
+        ...(isMultiSelectEnabled.value
+          ? [
+              {
+                type: "button",
+                label: "すべて選択",
+                onClick: async () => {
+                  if (!uiLocked.value && isMultiSelectEnabled.value) {
+                    await store.actions.SET_SELECTED_AUDIO_KEYS({
+                      audioKeys: audioKeys.value,
+                    });
+                  }
+                },
+                disableWhenUiLocked: true,
+              } as const,
+            ]
+          : []),
+      ],
+    },
+
+    view: {
+      window: [
+        {
+          type: "button",
+          label: "全画面表示を切り替え",
+          onClick: toggleFullScreen,
+          disableWhenUiLocked: false,
+        },
+        {
+          type: "button",
+          label: "拡大",
+          onClick: () => {
+            void zoomIn();
+          },
+          disableWhenUiLocked: false,
+        },
+        {
+          type: "button",
+          label: "縮小",
+          onClick: () => {
+            void zoomOut();
+          },
+          disableWhenUiLocked: false,
+        },
+        {
+          type: "button",
+          label: "拡大率のリセット",
+          onClick: () => {
+            void zoomReset();
+          },
+          disableWhenUiLocked: false,
+        },
+      ],
+    },
+
+    setting: {
+      subOptions: [
+        {
+          type: "button",
+          label: "キー割り当て",
+          onClick() {
+            void store.actions.SET_DIALOG_OPEN({
+              isHotkeySettingDialogOpen: true,
+            });
+          },
+          disableWhenUiLocked: false,
+        },
+        {
+          type: "button",
+          label: "ツールバーのカスタマイズ",
+          onClick() {
+            void store.actions.SET_DIALOG_OPEN({
+              isToolbarSettingDialogOpen: true,
+            });
+          },
+          disableWhenUiLocked: false,
+        },
+        {
+          type: "button",
+          label: "キャラクター並び替え・試聴",
+          onClick() {
+            void store.actions.SET_DIALOG_OPEN({
+              isCharacterOrderDialogOpen: true,
+            });
+          },
+          disableWhenUiLocked: true,
+        },
+        {
+          type: "button",
+          label: "デフォルトスタイル",
+          onClick() {
+            void store.actions.SET_DIALOG_OPEN({
+              isDefaultStyleSelectDialogOpen: true,
+            });
+          },
+          disableWhenUiLocked: true,
+        },
+        {
+          type: "button",
+          label: "読み方＆アクセント辞書",
+          onClick() {
+            void store.actions.SET_DIALOG_OPEN({
+              isDictionaryManageDialogOpen: true,
+            });
+          },
+          disableWhenUiLocked: true,
+        },
+      ],
+      options: [
+        {
+          type: "button",
+          label: "オプション",
+          onClick() {
+            void store.actions.SET_DIALOG_OPEN({
+              isSettingDialogOpen: true,
+            });
+          },
+          disableWhenUiLocked: false,
+        },
+      ],
+    },
+  }));
+};
diff --git a/src/components/Menu/MenuButton.vue b/src/components/Menu/MenuButton.vue
index e1b77c2577..7ee9ee3621 100644
--- a/src/components/Menu/MenuButton.vue
+++ b/src/components/Menu/MenuButton.vue
@@ -73,7 +73,7 @@ const subMenuOpenFlags = ref(
 const isDisabledMenuItem = computed(() => (menu: MenuItemData) => {
   if (menu.type === "separator") return false;
   if (menu.disableWhenUiLocked && uiLocked.value) return true;
-  if (menu.disablreloadingLocked && reloadingLocked.value) return true;
+  if (menu.disableWhileReloadingLock && reloadingLocked.value) return true;
   return false;
 });
 
diff --git a/src/components/Menu/type.ts b/src/components/Menu/type.ts
index 4cce1407e4..80a0237c02 100644
--- a/src/components/Menu/type.ts
+++ b/src/components/Menu/type.ts
@@ -11,7 +11,7 @@ export type MenuItemRoot = MenuItemBase<"root"> & {
   icon?: string;
   disabled?: boolean;
   disableWhenUiLocked: boolean;
-  disablreloadingLocked?: boolean;
+  disableWhileReloadingLock?: boolean;
 };
 
 export type MenuItemButton = MenuItemBase<"button"> & {
@@ -19,7 +19,7 @@ export type MenuItemButton = MenuItemBase<"button"> & {
   icon?: string;
   disabled?: boolean;
   disableWhenUiLocked: boolean;
-  disablreloadingLocked?: boolean;
+  disableWhileReloadingLock?: boolean;
 };
 
 export type MenuItemData = MenuItemSeparator | MenuItemRoot | MenuItemButton;
diff --git a/src/components/Sing/menuBarData.ts b/src/components/Sing/menuBarData.ts
index 6f43491f5a..802d53d518 100644
--- a/src/components/Sing/menuBarData.ts
+++ b/src/components/Sing/menuBarData.ts
@@ -1,12 +1,14 @@
 import { computed } from "vue";
-import { useStore } from "@/store";
-import { MenuItemData } from "@/components/Menu/type";
+import { Store } from "@/store";
 import { useRootMiscSetting } from "@/composables/useRootMiscSetting";
 import { ExportSongProjectFileType } from "@/store/type";
 import { notifyResult } from "@/components/Dialog/Dialog";
+import {
+  MaybeComputedMenuBarContent,
+  MenuBarContent,
+} from "@/components/Menu/MenuBar/menuBarData";
 
-export const useMenuBarData = () => {
-  const store = useStore();
+export const useMenuBarData = (store: Store): MaybeComputedMenuBarContent => {
   const uiLocked = computed(() => store.getters.UI_LOCKED);
   const isNotesSelected = computed(
     () => store.getters.SELECTED_NOTE_IDS.size > 0,
@@ -58,137 +60,146 @@ export const useMenuBarData = () => {
   };
 
   // 「ファイル」メニュー
-  const fileSubMenuData = computed<MenuItemData[]>(() => [
-    {
-      type: "button",
-      label: "音声書き出し",
-      onClick: () => {
-        void exportAudioFile();
+  const fileSubMenuData = computed<MenuBarContent["file"]>(() => ({
+    audioExport: [
+      {
+        type: "button",
+        label: "音声書き出し",
+        onClick: () => {
+          void exportAudioFile();
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-    {
-      type: "button",
-      label: "labファイルを書き出し",
-      onClick: () => {
-        void exportLabelFile();
+      {
+        type: "button",
+        label: "labファイルを書き出し",
+        onClick: () => {
+          void exportLabelFile();
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-    { type: "separator" },
-    {
-      type: "button",
-      label: "プロジェクトをインポート",
-      onClick: () => {
-        void importExternalSongProject();
+    ],
+    externalProject: [
+      {
+        type: "button",
+        label: "プロジェクトをインポート",
+        onClick: () => {
+          void importExternalSongProject();
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-    {
-      type: "root",
-      label: "プロジェクトをエクスポート",
-      subMenu: (
-        [
-          ["smf", "MIDI (SMF)"],
-          ["musicxml", "MusicXML"],
-          ["ufdata", "Utaformatix"],
-          ["ust", "UTAU"],
-        ] satisfies [fileType: ExportSongProjectFileType, label: string][]
-      ).map(
-        ([fileType, label]) =>
-          ({
-            type: "button",
-            label,
-            onClick: () => {
-              void exportSongProject(fileType, label);
-            },
-            disableWhenUiLocked: true,
-          }) satisfies MenuItemData,
-      ),
-      disableWhenUiLocked: true,
-    },
-  ]);
+      {
+        type: "root",
+        label: "プロジェクトをエクスポート",
+        subMenu: (
+          [
+            ["smf", "MIDI (SMF)"],
+            ["musicxml", "MusicXML"],
+            ["ufdata", "Utaformatix"],
+            ["ust", "UTAU"],
+          ] satisfies [fileType: ExportSongProjectFileType, label: string][]
+        ).map(([fileType, label]) => ({
+          type: "button",
+          label,
+          onClick: () => {
+            void exportSongProject(fileType, label);
+          },
+          disableWhenUiLocked: true,
+        })),
+        disableWhenUiLocked: true,
+      },
+    ],
+  }));
 
   // 「編集」メニュー
-  const editSubMenuData = computed<MenuItemData[]>(() => [
-    { type: "separator" },
-    {
-      type: "button",
-      label: "コピー",
-      onClick: () => {
-        if (uiLocked.value) return;
-        void store.actions.COPY_NOTES_TO_CLIPBOARD();
+  const editSubMenuData = computed<MenuBarContent["edit"]>(() => ({
+    copyPaste: [
+      {
+        type: "button",
+        label: "コピー",
+        onClick: () => {
+          if (uiLocked.value) return;
+          void store.actions.COPY_NOTES_TO_CLIPBOARD();
+        },
+        disableWhenUiLocked: true,
+        disabled: !isNotesSelected.value,
       },
-      disableWhenUiLocked: true,
-      disabled: !isNotesSelected.value,
-    },
-    {
-      type: "button",
-      label: "切り取り",
-      onClick: () => {
-        if (uiLocked.value) return;
-        void store.actions.COMMAND_CUT_NOTES_TO_CLIPBOARD();
+      {
+        type: "button",
+        label: "切り取り",
+        onClick: () => {
+          if (uiLocked.value) return;
+          void store.actions.COMMAND_CUT_NOTES_TO_CLIPBOARD();
+        },
+        disableWhenUiLocked: true,
+        disabled: !isNotesSelected.value,
       },
-      disableWhenUiLocked: true,
-      disabled: !isNotesSelected.value,
-    },
-    {
-      type: "button",
-      label: "貼り付け",
-      onClick: () => {
-        if (uiLocked.value) return;
-        void store.actions.COMMAND_PASTE_NOTES_FROM_CLIPBOARD();
+      {
+        type: "button",
+        label: "貼り付け",
+        onClick: () => {
+          if (uiLocked.value) return;
+          void store.actions.COMMAND_PASTE_NOTES_FROM_CLIPBOARD();
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-    { type: "separator" },
-    {
-      type: "button",
-      label: "すべて選択",
-      onClick: () => {
-        if (uiLocked.value) return;
-        void store.actions.SELECT_ALL_NOTES_IN_TRACK({
-          trackId: store.getters.SELECTED_TRACK_ID,
-        });
+    ],
+    select: [
+      {
+        type: "button",
+        label: "すべて選択",
+        onClick: () => {
+          if (uiLocked.value) return;
+          void store.actions.SELECT_ALL_NOTES_IN_TRACK({
+            trackId: store.getters.SELECTED_TRACK_ID,
+          });
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-    {
-      type: "button",
-      label: "選択解除",
-      onClick: () => {
-        if (uiLocked.value) return;
-        void store.actions.DESELECT_ALL_NOTES();
+      {
+        type: "button",
+        label: "選択解除",
+        onClick: () => {
+          if (uiLocked.value) return;
+          void store.actions.DESELECT_ALL_NOTES();
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-    { type: "separator" },
-    {
-      type: "button",
-      label: "クオンタイズ",
-      onClick: () => {
-        if (uiLocked.value) return;
-        void store.actions.COMMAND_QUANTIZE_SELECTED_NOTES();
+    ],
+    misc: [
+      {
+        type: "button",
+        label: "クオンタイズ",
+        onClick: () => {
+          if (uiLocked.value) return;
+          void store.actions.COMMAND_QUANTIZE_SELECTED_NOTES();
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-  ]);
+    ],
+  }));
 
   // 「表示」メニュー
   const [showSingCharacterPortrait, setShowSingCharacterPortrait] =
     useRootMiscSetting(store, "showSingCharacterPortrait");
-  const viewSubMenuData = computed<MenuItemData[]>(() => [
-    {
-      type: "button",
-      label: showSingCharacterPortrait.value
-        ? "立ち絵を非表示"
-        : "立ち絵を表示",
-      onClick: () => {
-        setShowSingCharacterPortrait(!showSingCharacterPortrait.value);
+  const viewSubMenuData = computed<MenuBarContent["view"]>(() => ({
+    portrait: [
+      {
+        type: "button",
+        label: showSingCharacterPortrait.value
+          ? "立ち絵を非表示"
+          : "立ち絵を表示",
+        onClick: () => {
+          setShowSingCharacterPortrait(!showSingCharacterPortrait.value);
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-  ]);
+    ],
+  }));
 
-  return { fileSubMenuData, editSubMenuData, viewSubMenuData };
+  return {
+    file: fileSubMenuData,
+    edit: editSubMenuData,
+    view: viewSubMenuData,
+  };
 };
diff --git a/src/components/Talk/menuBarData.ts b/src/components/Talk/menuBarData.ts
index cea0fd3a8c..86e7b108cd 100644
--- a/src/components/Talk/menuBarData.ts
+++ b/src/components/Talk/menuBarData.ts
@@ -1,79 +1,80 @@
 import { computed } from "vue";
-import { MenuItemData } from "@/components/Menu/type";
-
-import { useStore } from "@/store";
+import { Store } from "@/store";
 import { useRootMiscSetting } from "@/composables/useRootMiscSetting";
+import {
+  MaybeComputedMenuBarContent,
+  MenuBarContent,
+} from "@/components/Menu/MenuBar/menuBarData";
 
-export const useMenuBarData = () => {
-  const store = useStore();
-
+export const useMenuBarData = (store: Store): MaybeComputedMenuBarContent => {
   // 「ファイル」メニュー
-  const fileSubMenuData = computed<MenuItemData[]>(() => [
-    {
-      type: "button",
-      label: "音声書き出し",
-      onClick: () => {
-        void store.actions.SHOW_GENERATE_AND_SAVE_ALL_AUDIO_DIALOG();
+  const fileSubMenuData = computed<MenuBarContent["file"]>(() => ({
+    audioExport: [
+      {
+        type: "button",
+        label: "音声書き出し",
+        onClick: () => {
+          void store.actions.SHOW_GENERATE_AND_SAVE_ALL_AUDIO_DIALOG();
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-    {
-      type: "button",
-      label: "選択音声を書き出し",
-      onClick: () => {
-        void store.actions.SHOW_GENERATE_AND_SAVE_SELECTED_AUDIO_DIALOG();
+      {
+        type: "button",
+        label: "選択音声を書き出し",
+        onClick: () => {
+          void store.actions.SHOW_GENERATE_AND_SAVE_SELECTED_AUDIO_DIALOG();
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-    {
-      type: "button",
-      label: "音声を繋げて書き出し",
-      onClick: () => {
-        void store.actions.SHOW_GENERATE_AND_CONNECT_ALL_AUDIO_DIALOG();
+      {
+        type: "button",
+        label: "音声を繋げて書き出し",
+        onClick: () => {
+          void store.actions.SHOW_GENERATE_AND_CONNECT_ALL_AUDIO_DIALOG();
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-    { type: "separator" },
-    {
-      type: "button",
-      label: "テキストを繋げて書き出し",
-      onClick: () => {
-        void store.actions.SHOW_CONNECT_AND_EXPORT_TEXT_DIALOG();
+    ],
+    externalProject: [
+      {
+        type: "button",
+        label: "テキストを繋げて書き出し",
+        onClick: () => {
+          void store.actions.SHOW_CONNECT_AND_EXPORT_TEXT_DIALOG();
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-    {
-      type: "button",
-      label: "テキスト読み込み",
-      onClick: () => {
-        void store.actions.COMMAND_IMPORT_FROM_FILE({ type: "dialog" });
+      {
+        type: "button",
+        label: "テキスト読み込み",
+        onClick: () => {
+          void store.actions.COMMAND_IMPORT_FROM_FILE({ type: "dialog" });
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-  ]);
-
-  // 「編集」メニュー
-  const editSubMenuData = computed<MenuItemData[]>(() => []);
+    ],
+  }));
 
   // 「表示」メニュー
   const [showTextLineNumber, changeShowTextLineNumber] = useRootMiscSetting(
     store,
     "showTextLineNumber",
   );
-  const viewSubMenuData = computed<MenuItemData[]>(() => [
-    {
-      type: "button",
-      label: showTextLineNumber.value ? "行番号を非表示" : "行番号を表示",
-      onClick: () => {
-        changeShowTextLineNumber(!showTextLineNumber.value);
+  const viewSubMenuData = computed<MenuBarContent["view"]>(() => ({
+    guide: [
+      {
+        type: "button",
+        label: showTextLineNumber.value ? "行番号を非表示" : "行番号を表示",
+        onClick: () => {
+          changeShowTextLineNumber(!showTextLineNumber.value);
+        },
+        disableWhenUiLocked: true,
       },
-      disableWhenUiLocked: true,
-    },
-  ]);
+    ],
+  }));
 
   return {
-    fileSubMenuData,
-    editSubMenuData,
-    viewSubMenuData,
+    file: fileSubMenuData,
+    view: viewSubMenuData,
   };
 };
diff --git a/src/helpers/arrayHelper.ts b/src/helpers/arrayHelper.ts
new file mode 100644
index 0000000000..1e3768fc3d
--- /dev/null
+++ b/src/helpers/arrayHelper.ts
@@ -0,0 +1,14 @@
+export const flatWithSeparator = <T>(arr: T[][], separator: T): T[] => {
+  const result: T[] = [];
+  for (let i = 0; i < arr.length; i++) {
+    result.push(...arr[i]);
+    if (i < arr.length - 1) {
+      result.push(separator);
+    }
+  }
+  return result;
+};
+
+export const removeNullableAndBoolean = <T>(
+  arr: (T | null | undefined | false | true)[],
+): T[] => arr.filter((x): x is T => x != null && x !== false && x !== true);
diff --git "a/tests/e2e/browser/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.ts-snapshots/\343\202\275\343\203\263\343\202\260\347\224\273\351\235\242-browser-win32.png" "b/tests/e2e/browser/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.ts-snapshots/\343\202\275\343\203\263\343\202\260\347\224\273\351\235\242-browser-win32.png"
index 4de64684db..b4f31ba32b 100644
Binary files "a/tests/e2e/browser/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.ts-snapshots/\343\202\275\343\203\263\343\202\260\347\224\273\351\235\242-browser-win32.png" and "b/tests/e2e/browser/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.ts-snapshots/\343\202\275\343\203\263\343\202\260\347\224\273\351\235\242-browser-win32.png" differ
diff --git "a/tests/e2e/browser/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.ts-snapshots/\343\203\210\343\203\274\343\202\257\347\224\273\351\235\242-browser-win32.png" "b/tests/e2e/browser/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.ts-snapshots/\343\203\210\343\203\274\343\202\257\347\224\273\351\235\242-browser-win32.png"
index b24c57c1df..0d98a2c6a6 100644
Binary files "a/tests/e2e/browser/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.ts-snapshots/\343\203\210\343\203\274\343\202\257\347\224\273\351\235\242-browser-win32.png" and "b/tests/e2e/browser/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.ts-snapshots/\343\203\210\343\203\274\343\202\257\347\224\273\351\235\242-browser-win32.png" differ
diff --git a/tests/unit/domain/menuBarData.spec.ts b/tests/unit/domain/menuBarData.spec.ts
new file mode 100644
index 0000000000..5b906ab20f
--- /dev/null
+++ b/tests/unit/domain/menuBarData.spec.ts
@@ -0,0 +1,77 @@
+import { describe, test, expect } from "vitest";
+import { concatMenuBarData } from "@/components/Menu/MenuBar/menuBarData";
+import { MenuItemData } from "@/components/Menu/type";
+
+const menuItemData1: MenuItemData = {
+  type: "button",
+  label: "音声書き出し",
+  onClick: () => {},
+  disableWhenUiLocked: true,
+};
+const menuItemData2: MenuItemData = {
+  type: "button",
+  label: "選択音声を書き出し",
+  onClick: () => {},
+  disableWhenUiLocked: true,
+};
+const menuItemData3: MenuItemData = {
+  type: "button",
+  label: "プロジェクトをインポート",
+  onClick: () => {},
+  disableWhenUiLocked: true,
+};
+describe("concatMenuBarData", () => {
+  test("MenuItemDataを割り当てる", () => {
+    expect(
+      concatMenuBarData([
+        {
+          file: {
+            audioExport: [menuItemData1],
+          },
+        },
+      ]),
+    ).toMatchObject({
+      file: [menuItemData1],
+    });
+  });
+
+  test("Separatorを入れる", () => {
+    expect(
+      concatMenuBarData([
+        {
+          file: {
+            audioExport: [menuItemData1],
+            externalProject: [menuItemData3],
+          },
+        },
+      ]),
+    ).toMatchObject({
+      file: [menuItemData1, { type: "separator" }, menuItemData3],
+    });
+  });
+
+  test("複数場所にまたがったMenuItemDataを結合する", () => {
+    expect(
+      concatMenuBarData([
+        {
+          file: {
+            audioExport: [menuItemData1],
+          },
+        },
+        {
+          file: {
+            audioExport: [menuItemData2],
+            externalProject: [menuItemData3],
+          },
+        },
+      ]),
+    ).toMatchObject({
+      file: [
+        menuItemData1,
+        menuItemData2,
+        { type: "separator" },
+        menuItemData3,
+      ],
+    });
+  });
+});
diff --git a/tests/unit/lib/arrayHelper.ts b/tests/unit/lib/arrayHelper.ts
new file mode 100644
index 0000000000..33e70f026a
--- /dev/null
+++ b/tests/unit/lib/arrayHelper.ts
@@ -0,0 +1,31 @@
+import { describe, expect, test } from "vitest";
+import {
+  flatWithSeparator,
+  removeNullableAndBoolean,
+} from "@/helpers/arrayHelper";
+
+describe("flatWithSeparator", () => {
+  test("配列が空の場合", () => {
+    expect(flatWithSeparator([], 0)).toEqual([]);
+  });
+
+  test("配列が1つの要素のみの場合", () => {
+    expect(flatWithSeparator([[1]], 0)).toEqual([1]);
+  });
+
+  test("配列が2つ以上の要素の場合", () => {
+    expect(flatWithSeparator([[1], [2], [3]], 0)).toEqual([1, 0, 2, 0, 3]);
+  });
+});
+
+describe("removeNonValue", () => {
+  test("配列が空の場合", () => {
+    expect(removeNullableAndBoolean([])).toEqual([]);
+  });
+
+  test("配列にnull, undefined, false, trueが含まれる場合", () => {
+    expect(
+      removeNullableAndBoolean([1, null, 2, undefined, 3, false, 4, true, 5]),
+    ).toEqual([1, 2, 3, 4, 5]);
+  });
+});
diff --git a/vite.config.ts b/vite.config.ts
index c42008f14d..01bd8aa599 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -126,8 +126,7 @@ export default defineConfig((options) => {
             },
           },
           preload: {
-            // ref: https://electron-vite.github.io/guide/preload-not-split.html
-            input: "./src/backend/electron/preload.ts",
+            input: "./src/backend/electron/renderer/preload.ts",
             onstart({ reload }) {
               if (!skipLaunchElectron) {
                 reload();