From fff788a59b4cfbfa52f9d88a6299222c400eb01a Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sun, 7 Apr 2024 00:22:23 +0900
Subject: [PATCH 01/16] =?UTF-8?q?Add:=20=E4=B8=80=E9=80=9A=E3=82=8A?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                          |  44 +------
 package.json                               |   2 +-
 src/components/Dialog/ImportMidiDialog.vue |  30 +++--
 src/sing/midi.ts                           | 144 +++++++++++++++++++++
 src/store/singing.ts                       |  25 ++--
 5 files changed, 186 insertions(+), 59 deletions(-)
 create mode 100644 src/sing/midi.ts

diff --git a/package-lock.json b/package-lock.json
index 63ad065289..b89c341a55 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,6 @@
       "dependencies": {
         "@gtm-support/vue-gtm": "1.2.3",
         "@quasar/extras": "1.10.10",
-        "@tonejs/midi": "2.0.28",
         "async-lock": "1.4.0",
         "buffer": "6.0.3",
         "clone-deep": "4.0.1",
@@ -25,6 +24,7 @@
         "hotkeys-js": "3.13.6",
         "immer": "9.0.21",
         "markdown-it": "13.0.2",
+        "midi-file": "1.2.4",
         "move-file": "3.0.0",
         "multistream": "4.1.0",
         "pixi.js": "7.4.0",
@@ -2051,20 +2051,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@tonejs/midi": {
-      "version": "2.0.28",
-      "resolved": "https://registry.npmjs.org/@tonejs/midi/-/midi-2.0.28.tgz",
-      "integrity": "sha512-RII6YpInPsOZ5t3Si/20QKpNqB1lZ2OCFJSOzJxz38YdY/3zqDr3uaml4JuCWkdixuPqP1/TBnXzhQ39csyoVg==",
-      "dependencies": {
-        "array-flatten": "^3.0.0",
-        "midi-file": "^1.2.2"
-      }
-    },
-    "node_modules/@tonejs/midi/node_modules/array-flatten": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-3.0.0.tgz",
-      "integrity": "sha512-zPMVc3ZYlGLNk4mpK1NzP2wg0ml9t7fUgDsayR5Y5rSzxQilzR9FGu/EH2jQOcKSAeAfWeylyW8juy3OkWRvNA=="
-    },
     "node_modules/@tootallnate/once": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
@@ -9482,9 +9468,9 @@
       }
     },
     "node_modules/midi-file": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/midi-file/-/midi-file-1.2.3.tgz",
-      "integrity": "sha512-JsOv9cajkVkR1gbL9Jvplz6X4lPuyVfcci0kSLzXZ2WKs7TJF72m9U5rmp45/H/1As+96dXY8xgvNLiIfGOU4w=="
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/midi-file/-/midi-file-1.2.4.tgz",
+      "integrity": "sha512-B5SnBC6i2bwJIXTY9MElIydJwAmnKx+r5eJ1jknTLetzLflEl0GWveuBB6ACrQpecSRkOB6fhTx1PwXk2BVxnA=="
     },
     "node_modules/miller-rabin": {
       "version": "4.0.1",
@@ -14929,22 +14915,6 @@
         "defer-to-connect": "^2.0.0"
       }
     },
-    "@tonejs/midi": {
-      "version": "2.0.28",
-      "resolved": "https://registry.npmjs.org/@tonejs/midi/-/midi-2.0.28.tgz",
-      "integrity": "sha512-RII6YpInPsOZ5t3Si/20QKpNqB1lZ2OCFJSOzJxz38YdY/3zqDr3uaml4JuCWkdixuPqP1/TBnXzhQ39csyoVg==",
-      "requires": {
-        "array-flatten": "^3.0.0",
-        "midi-file": "^1.2.2"
-      },
-      "dependencies": {
-        "array-flatten": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-3.0.0.tgz",
-          "integrity": "sha512-zPMVc3ZYlGLNk4mpK1NzP2wg0ml9t7fUgDsayR5Y5rSzxQilzR9FGu/EH2jQOcKSAeAfWeylyW8juy3OkWRvNA=="
-        }
-      }
-    },
     "@tootallnate/once": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
@@ -20930,9 +20900,9 @@
       }
     },
     "midi-file": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/midi-file/-/midi-file-1.2.3.tgz",
-      "integrity": "sha512-JsOv9cajkVkR1gbL9Jvplz6X4lPuyVfcci0kSLzXZ2WKs7TJF72m9U5rmp45/H/1As+96dXY8xgvNLiIfGOU4w=="
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/midi-file/-/midi-file-1.2.4.tgz",
+      "integrity": "sha512-B5SnBC6i2bwJIXTY9MElIydJwAmnKx+r5eJ1jknTLetzLflEl0GWveuBB6ACrQpecSRkOB6fhTx1PwXk2BVxnA=="
     },
     "miller-rabin": {
       "version": "4.0.1",
diff --git a/package.json b/package.json
index 89b93a1014..9e68f241d6 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
   "dependencies": {
     "@gtm-support/vue-gtm": "1.2.3",
     "@quasar/extras": "1.10.10",
-    "@tonejs/midi": "2.0.28",
     "async-lock": "1.4.0",
     "buffer": "6.0.3",
     "clone-deep": "4.0.1",
@@ -52,6 +51,7 @@
     "hotkeys-js": "3.13.6",
     "immer": "9.0.21",
     "markdown-it": "13.0.2",
+    "midi-file": "1.2.4",
     "move-file": "3.0.0",
     "multistream": "4.1.0",
     "pixi.js": "7.4.0",
diff --git a/src/components/Dialog/ImportMidiDialog.vue b/src/components/Dialog/ImportMidiDialog.vue
index f034fd3684..4a9cf31da4 100644
--- a/src/components/Dialog/ImportMidiDialog.vue
+++ b/src/components/Dialog/ImportMidiDialog.vue
@@ -23,6 +23,7 @@
           v-if="midi"
           v-model="selectedTrack"
           :options="tracks"
+          :disable="midiFileError != undefined"
           emit-value
           map-options
           label="インポートするトラック"
@@ -47,7 +48,7 @@
             color="toolbar-button"
             text-color="toolbar-button-display"
             class="text-no-wrap text-bold q-mr-sm"
-            :disabled="selectedTrack === null"
+            :disabled="selectedTrack === null || midiFileError != undefined"
             @click="handleImportTrack"
           />
         </QToolbar>
@@ -59,7 +60,7 @@
 <script setup lang="ts">
 import { computed, ref } from "vue";
 import { useDialogPluginComponent } from "quasar";
-import { Midi } from "@tonejs/midi";
+import { Midi } from "@/sing/midi";
 import { useStore } from "@/store";
 
 const { dialogRef, onDialogOK, onDialogCancel } = useDialogPluginComponent();
@@ -73,12 +74,16 @@ const midiFile = ref<File | null>(null);
 const midiFileError = computed(() => {
   if (midiFile.value && !midi.value) {
     return "MIDIファイルの読み込みに失敗しました";
-  } else if (midiFile.value && midi.value && !midi.value.tracks.length) {
-    return "トラックがありません";
+  } else if (midiFile.value && midi.value) {
+    if (!midi.value.tracks.length) {
+      return "トラックがありません";
+    } else if (midi.value.tracks.every((track) => track.notes.length === 0)) {
+      return "ノートがありません";
+    }
   }
   return undefined;
 });
-// MIDIデータ(tone.jsでパースしたもの)
+// MIDIデータ
 const midi = ref<Midi | null>(null);
 // トラック
 const tracks = computed(() => {
@@ -86,10 +91,13 @@ const tracks = computed(() => {
     return [];
   }
   // トラックリストを生成
-  // トラックNo: トラック名 形式
+  // "トラックNo: トラック名 / ノート数" の形式で表示
   return midi.value.tracks.map((track, index) => ({
-    label: `${index + 1}: ${track.name}`,
+    label: `${index + 1}: ${track.name || "（無名）"} / ノート数：${
+      track.notes.length
+    }`,
     value: index,
+    disable: track.notes.length === 0,
   }));
 });
 // 選択中のトラック
@@ -130,8 +138,12 @@ const handleMidiFileChange = (event: Event) => {
       ) {
         // MIDIファイルをパース
         midi.value = new Midi(e.target.result);
-        const DEFAULT_TRACK = 0;
-        selectedTrack.value = DEFAULT_TRACK;
+        selectedTrack.value = midi.value.tracks.findIndex(
+          (track) => track.notes.length > 0
+        );
+        if (selectedTrack.value === -1) {
+          selectedTrack.value = 0;
+        }
       } else {
         throw new Error("Could not find MIDI file data");
       }
diff --git a/src/sing/midi.ts b/src/sing/midi.ts
new file mode 100644
index 0000000000..0529bc0223
--- /dev/null
+++ b/src/sing/midi.ts
@@ -0,0 +1,144 @@
+import {
+  MidiData,
+  parseMidi,
+  MidiTrackNameEvent,
+  MidiEvent,
+  MidiSetTempoEvent,
+  MidiTimeSignatureEvent,
+  MidiLyricsEvent,
+  MidiNoteOnEvent,
+  MidiNoteOffEvent,
+} from "midi-file";
+export type Tempo = { ticks: number; bpm: number };
+export type TimeSignature = {
+  ticks: number;
+  numerator: number;
+  denominator: number;
+};
+export type Note = {
+  ticks: number;
+  noteNumber: number;
+  duration: number;
+  lyric?: string;
+};
+
+/**
+ * midi-fileの軽いラッパー。
+ */
+export class Midi {
+  data: MidiData;
+  tracks: Track[];
+  constructor(data: ArrayBuffer) {
+    this.data = parseMidi(new Uint8Array(data));
+    this.tracks = this.data.tracks.map((track) => new Track(track));
+  }
+
+  get header() {
+    return this.data.header;
+  }
+
+  get tempos(): Tempo[] {
+    const tempos = this.tracks.flatMap((track) => track.tempos);
+    tempos.sort((a, b) => a.ticks - b.ticks);
+    return tempos;
+  }
+
+  get timeSignatures(): TimeSignature[] {
+    const timeSignatures = this.tracks.flatMap((track) => track.timeSignatures);
+    timeSignatures.sort((a, b) => a.ticks - b.ticks);
+    return timeSignatures;
+  }
+}
+
+export type MidiEventWithTime<T extends MidiEvent = MidiEvent> = {
+  time: number;
+} & T;
+export class Track {
+  readonly data: MidiData["tracks"][0];
+  readonly events: MidiEventWithTime[];
+  readonly notes: Note[];
+  constructor(data: MidiData["tracks"][0]) {
+    this.data = data;
+    let time = 0;
+    this.events = data.map((event) => {
+      time += event.deltaTime;
+      return { time, ...event };
+    });
+    const lyrics = this.events.filter(
+      (e) => e.type === "lyrics"
+    ) as MidiEventWithTime<MidiLyricsEvent>[];
+    const lyricsMap = new Map<number, string>(
+      lyrics.map((e) => [e.time, e.text])
+    );
+
+    const noteOnOffs = this.events.filter(
+      (e) => e.type === "noteOn" || e.type === "noteOff"
+    ) as MidiEventWithTime<MidiNoteOnEvent | MidiNoteOffEvent>[];
+    noteOnOffs.sort((a, b) => a.time - b.time);
+    this.notes = [];
+    const temporaryNotes = new Map<
+      number,
+      { noteNumber: number; time: number }
+    >();
+    for (const event of noteOnOffs) {
+      if (event.type === "noteOn") {
+        if (temporaryNotes.has(event.noteNumber)) {
+          throw new Error("noteOn without noteOff");
+        }
+        temporaryNotes.set(event.noteNumber, {
+          noteNumber: event.noteNumber,
+          time: event.time,
+        });
+      } else {
+        const note = temporaryNotes.get(event.noteNumber);
+        if (!note) {
+          throw new Error("noteOff without noteOn");
+        }
+        temporaryNotes.delete(event.noteNumber);
+        this.notes.push({
+          ticks: note.time,
+          noteNumber: note.noteNumber,
+          duration: event.time - note.time,
+          lyric: lyricsMap.get(note.time),
+        });
+      }
+    }
+  }
+
+  get name() {
+    const nameEvent = this.data.find(
+      (e) => e.type === "trackName"
+    ) as MidiTrackNameEvent;
+    if (!nameEvent) {
+      return "";
+    }
+    return nameEvent.text;
+  }
+
+  get tempos(): Tempo[] {
+    const tempoEvents = this.events.filter(
+      (e) => e.type === "setTempo"
+    ) as MidiEventWithTime<MidiSetTempoEvent>[];
+
+    const tempos = tempoEvents.map((e) => ({
+      ticks: e.time,
+      bpm: (60 * 1000000) / e.microsecondsPerBeat,
+    }));
+    tempos.sort((a, b) => a.ticks - b.ticks);
+    return tempos;
+  }
+
+  get timeSignatures(): TimeSignature[] {
+    const timeSignatureEvents = this.events.filter(
+      (e) => e.type === "timeSignature"
+    ) as MidiEventWithTime<MidiTimeSignatureEvent>[];
+
+    const timeSignatures = timeSignatureEvents.map((e) => ({
+      ticks: e.time,
+      numerator: e.numerator,
+      denominator: e.denominator,
+    }));
+    timeSignatures.sort((a, b) => a.ticks - b.ticks);
+    return timeSignatures;
+  }
+}
diff --git a/src/store/singing.ts b/src/store/singing.ts
index a8a06c3be9..d4ae8da2e2 100644
--- a/src/store/singing.ts
+++ b/src/store/singing.ts
@@ -1,5 +1,4 @@
 import path from "path";
-import { Midi } from "@tonejs/midi";
 import { v4 as uuidv4 } from "uuid";
 import { createPartialStore } from "./vuex";
 import { createUILockAction } from "./ui";
@@ -20,6 +19,7 @@ import {
   noteSchema,
 } from "./type";
 import { sanitizeFileName } from "./utility";
+import { Midi } from "@/sing/midi";
 import { EngineId } from "@/type/preload";
 import { FrameAudioQuery, Note as NoteForRequestToEngine } from "@/openapi";
 import { ResultError, getValueOrThrow } from "@/type/result";
@@ -1310,14 +1310,15 @@ export const singingStore = createPartialStore<SingingStoreTypes>({
           await window.backend.readFile({ filePath })
         );
         const midi = new Midi(midiData);
-        const midiTpqn = midi.header.ppq;
-        const midiTempos = [...midi.header.tempos];
-        const midiTimeSignatures = [...midi.header.timeSignatures];
+        const midiTpqn = midi.header.ticksPerBeat;
+        if (midiTpqn == undefined) {
+          throw new Error("ticksPerBeat is undefined.");
+        }
+        const midiTempos = midi.tempos;
+        const midiTimeSignatures = midi.timeSignatures;
 
-        const midiNotes = [...midi.tracks[trackIndex].notes];
+        const midiNotes = midi.tracks[trackIndex].notes;
 
-        midiTempos.sort((a, b) => a.ticks - b.ticks);
-        midiTimeSignatures.sort((a, b) => a.ticks - b.ticks);
         midiNotes.sort((a, b) => a.ticks - b.ticks);
 
         const tpqn = DEFAULT_TPQN;
@@ -1328,12 +1329,12 @@ export const singingStore = createPartialStore<SingingStoreTypes>({
             position: convertPosition(value.ticks, midiTpqn, tpqn),
             duration: convertDuration(
               value.ticks,
-              value.ticks + value.durationTicks,
+              value.ticks + value.duration,
               midiTpqn,
               tpqn
             ),
-            noteNumber: value.midi,
-            lyric: getDoremiFromNoteNumber(value.midi),
+            noteNumber: value.noteNumber,
+            lyric: value.lyric || getDoremiFromNoteNumber(value.noteNumber),
           };
         });
         // ノートの重なりを考慮して、一番音が高いノート（トップノート）のみインポートする
@@ -1356,8 +1357,8 @@ export const singingStore = createPartialStore<SingingStoreTypes>({
         let measureNumber = 1;
         for (let i = 0; i < midiTimeSignatures.length; i++) {
           const midiTs = midiTimeSignatures[i];
-          const beats = midiTs.timeSignature[0];
-          const beatType = midiTs.timeSignature[1];
+          const beats = midiTs.numerator;
+          const beatType = midiTs.denominator;
           timeSignatures.push({ measureNumber, beats, beatType });
           if (i < midiTimeSignatures.length - 1) {
             const nextTsTicks = midiTimeSignatures[i + 1].ticks;

From e28716be5c394aca82048e6585576e74136ca029 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sun, 7 Apr 2024 01:12:28 +0900
Subject: [PATCH 02/16] =?UTF-8?q?Add:=20=E3=83=86=E3=82=B9=E3=83=88?=
 =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                   |  13 +++++++
 package.json                        |   1 +
 src/sing/midi.ts                    |   8 ++++-
 src/vite-env.d.ts                   |   1 +
 tests/unit/lib/midi.spec.ts         |  51 ++++++++++++++++++++++++++++
 tests/unit/lib/testMidi/bpm.mid     | Bin 0 -> 144 bytes
 tests/unit/lib/testMidi/lyric.mid   | Bin 0 -> 165 bytes
 tests/unit/lib/testMidi/lyric.svp   | Bin 0 -> 5174 bytes
 tests/unit/lib/testMidi/timeSig.mid | Bin 0 -> 98 bytes
 vite.config.ts                      |   2 ++
 10 files changed, 75 insertions(+), 1 deletion(-)
 create mode 100644 tests/unit/lib/midi.spec.ts
 create mode 100755 tests/unit/lib/testMidi/bpm.mid
 create mode 100755 tests/unit/lib/testMidi/lyric.mid
 create mode 100755 tests/unit/lib/testMidi/lyric.svp
 create mode 100755 tests/unit/lib/testMidi/timeSig.mid

diff --git a/package-lock.json b/package-lock.json
index b89c341a55..92cc27252a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -90,6 +90,7 @@
         "tsconfig-paths": "4.1.2",
         "typescript": "4.8.4",
         "vite": "4.5.0",
+        "vite-plugin-arraybuffer": "0.0.6",
         "vite-plugin-checker": "0.6.2",
         "vite-plugin-electron": "0.14.1",
         "vite-plugin-node-polyfills": "0.15.0",
@@ -12764,6 +12765,12 @@
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/vite-plugin-arraybuffer": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/vite-plugin-arraybuffer/-/vite-plugin-arraybuffer-0.0.6.tgz",
+      "integrity": "sha512-2TXAUuHREy29seo6qgm/lGjUpYxJjzsIGHi7cOScMALK6GHIpV2/3KHZ6uaLVAUGwbYQ8rDhNqYgnPkFLxZgnQ==",
+      "dev": true
+    },
     "node_modules/vite-plugin-checker": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/vite-plugin-checker/-/vite-plugin-checker-0.6.2.tgz",
@@ -23322,6 +23329,12 @@
         "vite": "^3.0.0 || ^4.0.0 || ^5.0.0-0"
       }
     },
+    "vite-plugin-arraybuffer": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/vite-plugin-arraybuffer/-/vite-plugin-arraybuffer-0.0.6.tgz",
+      "integrity": "sha512-2TXAUuHREy29seo6qgm/lGjUpYxJjzsIGHi7cOScMALK6GHIpV2/3KHZ6uaLVAUGwbYQ8rDhNqYgnPkFLxZgnQ==",
+      "dev": true
+    },
     "vite-plugin-checker": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/vite-plugin-checker/-/vite-plugin-checker-0.6.2.tgz",
diff --git a/package.json b/package.json
index 9e68f241d6..8d05fbd0ac 100644
--- a/package.json
+++ b/package.json
@@ -120,6 +120,7 @@
     "tsconfig-paths": "4.1.2",
     "typescript": "4.8.4",
     "vite": "4.5.0",
+    "vite-plugin-arraybuffer": "0.0.6",
     "vite-plugin-checker": "0.6.2",
     "vite-plugin-electron": "0.14.1",
     "vite-plugin-node-polyfills": "0.15.0",
diff --git a/src/sing/midi.ts b/src/sing/midi.ts
index 0529bc0223..b3d387e047 100644
--- a/src/sing/midi.ts
+++ b/src/sing/midi.ts
@@ -22,6 +22,8 @@ export type Note = {
   lyric?: string;
 };
 
+const bpmPrecision = 2;
+
 /**
  * midi-fileの軽いラッパー。
  */
@@ -122,7 +124,11 @@ export class Track {
 
     const tempos = tempoEvents.map((e) => ({
       ticks: e.time,
-      bpm: (60 * 1000000) / e.microsecondsPerBeat,
+      bpm:
+        Math.round(
+          ((60 * 1000000) / e.microsecondsPerBeat) * 10 ** bpmPrecision
+        ) /
+        10 ** bpmPrecision,
     }));
     tempos.sort((a, b) => a.ticks - b.ticks);
     return tempos;
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 2112976e79..2e05b78e93 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1,4 +1,5 @@
 /// <reference types="vite/client" />
+/// <reference types="vite-plugin-arraybuffer/types" />
 
 interface ImportMetaEnv {
   readonly VITE_7Z_BIN_NAME: string;
diff --git a/tests/unit/lib/midi.spec.ts b/tests/unit/lib/midi.spec.ts
new file mode 100644
index 0000000000..26150f8278
--- /dev/null
+++ b/tests/unit/lib/midi.spec.ts
@@ -0,0 +1,51 @@
+import { it, expect } from "vitest";
+import lyricMid from "./testMidi/lyric.mid?uint8array";
+import timeSigMid from "./testMidi/timeSig.mid?uint8array";
+import bpmMid from "./testMidi/bpm.mid?uint8array";
+import { Midi } from "@/sing/midi";
+
+// `lyrics.mid` はSynthVで作成。（Synthesizer V Studio Pro 1.11.0）
+// それ以外は[signal](https://signal.vercel.app/edit)で作成。
+
+it("BPMをパースできる", async () => {
+  const midi = new Midi(bpmMid);
+  const ticksPerBeat = midi.header.ticksPerBeat;
+  if (ticksPerBeat == undefined) {
+    throw new Error("ticksPerBeat is undefined");
+  }
+  expect(midi.tempos).toEqual([
+    { ticks: 0, bpm: 120 },
+    { ticks: ticksPerBeat * 4, bpm: 180 },
+    { ticks: ticksPerBeat * 8, bpm: 240 },
+  ]);
+});
+
+it("ノートと歌詞をパースできる", async () => {
+  const midi = new Midi(lyricMid);
+  const ticksPerBeat = midi.header.ticksPerBeat;
+  if (ticksPerBeat == undefined) {
+    throw new Error("ticksPerBeat is undefined");
+  }
+  // SynthVの1トラック目はBPM変化しかないので、2トラック目をテストする
+  expect(midi.tracks[1].notes).toEqual(
+    [60, 62, 64, 65, 67, 69, 71, 72].map((noteNumber, index) => ({
+      ticks: index * ticksPerBeat,
+      noteNumber,
+      duration: ticksPerBeat,
+      lyric: "la",
+    }))
+  );
+});
+
+it("拍子をパースできる", async () => {
+  const midi = new Midi(timeSigMid);
+  const ticksPerBeat = midi.header.ticksPerBeat;
+  if (ticksPerBeat == undefined) {
+    throw new Error("ticksPerBeat is undefined");
+  }
+  expect(midi.timeSignatures).toEqual([
+    { ticks: 0, numerator: 4, denominator: 4 },
+    { ticks: ticksPerBeat * 4, numerator: 3, denominator: 4 },
+    { ticks: ticksPerBeat * 7, numerator: 4, denominator: 8 },
+  ]);
+});
diff --git a/tests/unit/lib/testMidi/bpm.mid b/tests/unit/lib/testMidi/bpm.mid
new file mode 100755
index 0000000000000000000000000000000000000000..5d28e6351e136b24cf9d0a43603c8439b429ebf1
GIT binary patch
literal 144
zcmeYb$w*;fU|?flWME=^;2Tnu4dkga{AXrh_#eT-!X&}L@IR25eW7eWh-MWN1=GwI
zCNTWhXMigAX4p^(R1Va#fy;qm1A7X?2JU)>4XHqW3KPQyHlP@o%?M$u0mZ?5AkD_Z
R@PGj*&&a@V0BD3h0|5UtBq0C*

literal 0
HcmV?d00001

diff --git a/tests/unit/lib/testMidi/lyric.mid b/tests/unit/lib/testMidi/lyric.mid
new file mode 100755
index 0000000000000000000000000000000000000000..7af78195489b8d79a73dc2c4bbe9716c38e95abc
GIT binary patch
literal 165
zcmeYb$w*;fU|?flWME=w@C_--2J*NW{s%I%FH~Uoug?G#s$uxg%9NAHFu|t2k)gq+
v9>%o;aqZw-2N2f*&UFNF9pPMO5Z4*bbp>%<;aqnR*B#FF0C7ElTzv)ru%0m`

literal 0
HcmV?d00001

diff --git a/tests/unit/lib/testMidi/lyric.svp b/tests/unit/lib/testMidi/lyric.svp
new file mode 100755
index 0000000000000000000000000000000000000000..fafd04aaed2bd659bb686951c0a831be91585700
GIT binary patch
literal 5174
zcmeHL!EW0)5bdWFJg*m)EZNT9vT<7EP^4&kYjU8Zkxhgm1(Nc{F#PYG8CtfxmnaMS
zuz-Cq#34Bx&YL0mW-Hd<ys}38^)bmOe|!`{HGqw+Xdr;Yub*3?Oa-s_ImUj|HQ;2h
z)Rkeo0%IFxddcpYbU@SEIJLE2g{Yrq7j1*`Bpv@b-aYS7pjF|d+t6U1>16rh<5VNr
z67kec#^s#;;fB8_^e<~ct1I8$S<Tjnx}H@<I?4NvM_2I<XkiDq2X}8|p`k+kwbUL^
z-l$g|vlUCJ%mPYPfX03_5PMrmj)~t*7sxUFM31YUG|3PxX&=FLKs#$t-)CpL7G+z}
zZ-%5~U)L!zL&#i?=dzZgGD)YSEXThhhip{BEGg<bo!4ne<6G&_9f$}yXDeD2%GCmN
zklbu+MYf5uD^whAl?m)e_VSv%9PGVW4;rp*R~hheskd|oF#7<)n0dpF!hsAcHCXrB
zs#2NdAfuOz@Svf=8u-3ab$EL;A-T4t)L(FG>=2R|8@PeF(R5y6_m54>2zWG?EXG0B
zc%T(1kg5*-AJbqq&ZlGgp;&L6DoLx*l2KlvWeuwq)RtulhIDX?LC40FHA3hNElCY!
ze2^xPjVPfAq{$&TRbbRc9AORS`$lWZfW^_AK3x6AW7^)nYYrRqL%!@+kY!M7p!NgB
zHW?Q7opgxwGI(w2@Q7KZ)ypv-<B@<T5XQ-Q)gov^pgP6oypW~njOq$myiNv1!a&H9
zEWzt!pHJt-EM9NdG~*}0IWbF<WIDeLX8ASG;&D9q#2uJt={!xd%V0LUVs;tKCV3ju
zj2{fgJOA{W`;SkMn=59Q!7NKBlf(P)toPY0xng!9%x)$(mwAKCuJ6Y8GKfebh-ZI;
z8hHjXdt%`a3;Z5Tw+pSxm)inKKJur(0V&;{(EQeMZ|GGtqP$}HV_hF9ACsfsB+5S^
zPjgs6F+oz1;ZRFp?)CM3oW7Dl7Sa>pJC+xSG-_#<om?^<J&?+17t_eT{}D?+PQ}8(
z>9~K(3oOYXx9%A(4Luf(#3&WSh%1HU&ze}u;bn-sN8=9s`N6EfslbG9Pf`zkUmcv-
zcob9JBl2!q=6}UFW8jhTKcBfS7K>1K*3>H2G_a%)sCE`B1MIe1Y3PeZPu(m@lcz4v
z#ud38Yj1ZeX$)vmN?|8`t72v0lXZ>cQh~9z2Pw@eR9HY8Ry1XbZ7-Wv!#Bz0tSn2o
d5`m=Ly6{E4F6=)P>w9>jm?IN~9Iw0GhhL_#OUnQN

literal 0
HcmV?d00001

diff --git a/tests/unit/lib/testMidi/timeSig.mid b/tests/unit/lib/testMidi/timeSig.mid
new file mode 100755
index 0000000000000000000000000000000000000000..b81f491cdff042b8b228aa2297daaf0a9901ada8
GIT binary patch
literal 98
zcmeYb$w*;fU|?flWME=G;2Tnu4diJv{EuK^VdCLn_#epx<o^$3=2Sm04<yRWB*8Jw
o0VK^V0hHEffNGIs_|MGQoZj5ooYd@R$S}bsg|Wc~s8gQ-07Z}(GXMYp

literal 0
HcmV?d00001

diff --git a/vite.config.ts b/vite.config.ts
index 99f010e221..296a18f70a 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -10,6 +10,7 @@ import checker from "vite-plugin-checker";
 import { nodePolyfills } from "vite-plugin-node-polyfills";
 import { BuildOptions, defineConfig, loadEnv, Plugin } from "vite";
 import { quasar } from "@quasar/vite-plugin";
+import arraybuffer from "vite-plugin-arraybuffer";
 
 const isElectron = process.env.VITE_TARGET === "electron";
 const isBrowser = process.env.VITE_TARGET === "browser";
@@ -76,6 +77,7 @@ export default defineConfig((options) => {
     plugins: [
       vue(),
       quasar({ autoImportComponentCase: "pascal" }),
+      arraybuffer(),
       nodePolyfills(),
       options.mode !== "test" &&
         checker({

From 6f376e55af666293fe2b223dedc8deb2cab6d644 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sun, 7 Apr 2024 17:17:06 +0900
Subject: [PATCH 03/16] =?UTF-8?q?Change:=20ticksPerBeat=E3=82=92getter?=
 =?UTF-8?q?=E3=81=AB=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/sing/midi.ts            |  8 ++++++++
 src/store/singing.ts        |  5 +----
 tests/unit/lib/midi.spec.ts | 17 ++++-------------
 3 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/sing/midi.ts b/src/sing/midi.ts
index b3d387e047..b1464fbe96 100644
--- a/src/sing/midi.ts
+++ b/src/sing/midi.ts
@@ -39,6 +39,14 @@ export class Midi {
     return this.data.header;
   }
 
+  get ticksPerBeat() {
+    const maybeTicksPerBeat = this.data.header.ticksPerBeat;
+    if (maybeTicksPerBeat == undefined) {
+      throw new Error("ticksPerBeat is undefined");
+    }
+    return maybeTicksPerBeat;
+  }
+
   get tempos(): Tempo[] {
     const tempos = this.tracks.flatMap((track) => track.tempos);
     tempos.sort((a, b) => a.ticks - b.ticks);
diff --git a/src/store/singing.ts b/src/store/singing.ts
index d4ae8da2e2..7302a3147f 100644
--- a/src/store/singing.ts
+++ b/src/store/singing.ts
@@ -1310,10 +1310,7 @@ export const singingStore = createPartialStore<SingingStoreTypes>({
           await window.backend.readFile({ filePath })
         );
         const midi = new Midi(midiData);
-        const midiTpqn = midi.header.ticksPerBeat;
-        if (midiTpqn == undefined) {
-          throw new Error("ticksPerBeat is undefined.");
-        }
+        const midiTpqn = midi.ticksPerBeat;
         const midiTempos = midi.tempos;
         const midiTimeSignatures = midi.timeSignatures;
 
diff --git a/tests/unit/lib/midi.spec.ts b/tests/unit/lib/midi.spec.ts
index 26150f8278..f337775739 100644
--- a/tests/unit/lib/midi.spec.ts
+++ b/tests/unit/lib/midi.spec.ts
@@ -5,14 +5,11 @@ import bpmMid from "./testMidi/bpm.mid?uint8array";
 import { Midi } from "@/sing/midi";
 
 // `lyrics.mid` はSynthVで作成。（Synthesizer V Studio Pro 1.11.0）
-// それ以外は[signal](https://signal.vercel.app/edit)で作成。
+// それ以外はsignal（https://signal.vercel.app/edit）で作成。
 
 it("BPMをパースできる", async () => {
   const midi = new Midi(bpmMid);
-  const ticksPerBeat = midi.header.ticksPerBeat;
-  if (ticksPerBeat == undefined) {
-    throw new Error("ticksPerBeat is undefined");
-  }
+  const ticksPerBeat = midi.ticksPerBeat;
   expect(midi.tempos).toEqual([
     { ticks: 0, bpm: 120 },
     { ticks: ticksPerBeat * 4, bpm: 180 },
@@ -22,10 +19,7 @@ it("BPMをパースできる", async () => {
 
 it("ノートと歌詞をパースできる", async () => {
   const midi = new Midi(lyricMid);
-  const ticksPerBeat = midi.header.ticksPerBeat;
-  if (ticksPerBeat == undefined) {
-    throw new Error("ticksPerBeat is undefined");
-  }
+  const ticksPerBeat = midi.ticksPerBeat;
   // SynthVの1トラック目はBPM変化しかないので、2トラック目をテストする
   expect(midi.tracks[1].notes).toEqual(
     [60, 62, 64, 65, 67, 69, 71, 72].map((noteNumber, index) => ({
@@ -39,10 +33,7 @@ it("ノートと歌詞をパースできる", async () => {
 
 it("拍子をパースできる", async () => {
   const midi = new Midi(timeSigMid);
-  const ticksPerBeat = midi.header.ticksPerBeat;
-  if (ticksPerBeat == undefined) {
-    throw new Error("ticksPerBeat is undefined");
-  }
+  const ticksPerBeat = midi.ticksPerBeat;
   expect(midi.timeSignatures).toEqual([
     { ticks: 0, numerator: 4, denominator: 4 },
     { ticks: ticksPerBeat * 4, numerator: 3, denominator: 4 },

From cadfd795e718bdd70be79756daa93fb9085c1797 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sun, 7 Apr 2024 17:57:46 +0900
Subject: [PATCH 04/16] =?UTF-8?q?Add:=20VoiSona=E3=82=92=E3=83=86=E3=82=B9?=
 =?UTF-8?q?=E3=83=88=E3=83=87=E3=83=BC=E3=82=BF=E3=81=A8=E3=81=97=E3=81=A6?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/sing/midi.ts                      |  10 ++++++-
 tests/unit/lib/midi.spec.ts           |  40 ++++++++++++++++++++------
 tests/unit/lib/testMidi/lyric.mid     | Bin 165 -> 0 bytes
 tests/unit/lib/testMidi/lyric.svp     | Bin 5174 -> 0 bytes
 tests/unit/lib/testMidi/synthv.mid    | Bin 0 -> 176 bytes
 tests/unit/lib/testMidi/synthv.svp    | Bin 0 -> 5224 bytes
 tests/unit/lib/testMidi/voisona.midi  | Bin 0 -> 115 bytes
 tests/unit/lib/testMidi/voisona.tssln | Bin 0 -> 2314 bytes
 8 files changed, 41 insertions(+), 9 deletions(-)
 delete mode 100755 tests/unit/lib/testMidi/lyric.mid
 delete mode 100755 tests/unit/lib/testMidi/lyric.svp
 create mode 100755 tests/unit/lib/testMidi/synthv.mid
 create mode 100755 tests/unit/lib/testMidi/synthv.svp
 create mode 100755 tests/unit/lib/testMidi/voisona.midi
 create mode 100755 tests/unit/lib/testMidi/voisona.tssln

diff --git a/src/sing/midi.ts b/src/sing/midi.ts
index b1464fbe96..539fbe007f 100644
--- a/src/sing/midi.ts
+++ b/src/sing/midi.ts
@@ -78,7 +78,14 @@ export class Track {
       (e) => e.type === "lyrics"
     ) as MidiEventWithTime<MidiLyricsEvent>[];
     const lyricsMap = new Map<number, string>(
-      lyrics.map((e) => [e.time, e.text])
+      lyrics.map((e) => {
+        // midi-fileのtextはバイト列なので、UTF-8としてデコードする
+        const buffer = new Uint8Array(
+          e.text.split("").map((c) => c.charCodeAt(0))
+        );
+        const decoder = new TextDecoder("utf-8");
+        return [e.time, decoder.decode(buffer)];
+      })
     );
 
     const noteOnOffs = this.events.filter(
@@ -109,6 +116,7 @@ export class Track {
           ticks: note.time,
           noteNumber: note.noteNumber,
           duration: event.time - note.time,
+          // 同じタイミングの歌詞をノートの歌詞として使う
           lyric: lyricsMap.get(note.time),
         });
       }
diff --git a/tests/unit/lib/midi.spec.ts b/tests/unit/lib/midi.spec.ts
index f337775739..3baf605d49 100644
--- a/tests/unit/lib/midi.spec.ts
+++ b/tests/unit/lib/midi.spec.ts
@@ -1,11 +1,13 @@
 import { it, expect } from "vitest";
-import lyricMid from "./testMidi/lyric.mid?uint8array";
+import synthvMid from "./testMidi/synthv.mid?uint8array";
+import voisonaMid from "./testMidi/voisona.midi?uint8array";
 import timeSigMid from "./testMidi/timeSig.mid?uint8array";
 import bpmMid from "./testMidi/bpm.mid?uint8array";
 import { Midi } from "@/sing/midi";
 
-// `lyrics.mid` はSynthVで作成。（Synthesizer V Studio Pro 1.11.0）
-// それ以外はsignal（https://signal.vercel.app/edit）で作成。
+// MIDIファイルはそれぞれ以下の手順で作成：
+// - synthv.mid：SynthVで作成（synthv.svp、Synthesizer V Studio Pro 1.11.0）
+// - voisona.mid：Voisonaで作成（voisona.tssln、VoiSona Version 1.9.2.0
 
 it("BPMをパースできる", async () => {
   const midi = new Midi(bpmMid);
@@ -17,16 +19,38 @@ it("BPMをパースできる", async () => {
   ]);
 });
 
-it("ノートと歌詞をパースできる", async () => {
-  const midi = new Midi(lyricMid);
+const lyricExpectation: [noteNumber: number, lyric: string][] = [
+  [60, "ど"],
+  [62, "れ"],
+  [64, "み"],
+  [65, "ふぁ"],
+  [67, "そ"],
+  [69, "ら"],
+  [71, "し"],
+  [72, "ど"],
+];
+
+it("SynthVのノートと歌詞をパースできる", async () => {
+  const midi = new Midi(synthvMid);
+  const ticksPerBeat = midi.ticksPerBeat;
+  expect(midi.tracks[1].notes).toEqual(
+    lyricExpectation.map(([noteNumber, lyric], index) => ({
+      ticks: index * ticksPerBeat,
+      noteNumber,
+      duration: ticksPerBeat,
+      lyric,
+    }))
+  );
+});
+it("VoiSonaのノートと歌詞をパースできる", async () => {
+  const midi = new Midi(synthvMid);
   const ticksPerBeat = midi.ticksPerBeat;
-  // SynthVの1トラック目はBPM変化しかないので、2トラック目をテストする
   expect(midi.tracks[1].notes).toEqual(
-    [60, 62, 64, 65, 67, 69, 71, 72].map((noteNumber, index) => ({
+    lyricExpectation.map(([noteNumber, lyric], index) => ({
       ticks: index * ticksPerBeat,
       noteNumber,
       duration: ticksPerBeat,
-      lyric: "la",
+      lyric,
     }))
   );
 });
diff --git a/tests/unit/lib/testMidi/lyric.mid b/tests/unit/lib/testMidi/lyric.mid
deleted file mode 100755
index 7af78195489b8d79a73dc2c4bbe9716c38e95abc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 165
zcmeYb$w*;fU|?flWME=w@C_--2J*NW{s%I%FH~Uoug?G#s$uxg%9NAHFu|t2k)gq+
v9>%o;aqZw-2N2f*&UFNF9pPMO5Z4*bbp>%<;aqnR*B#FF0C7ElTzv)ru%0m`

diff --git a/tests/unit/lib/testMidi/lyric.svp b/tests/unit/lib/testMidi/lyric.svp
deleted file mode 100755
index fafd04aaed2bd659bb686951c0a831be91585700..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5174
zcmeHL!EW0)5bdWFJg*m)EZNT9vT<7EP^4&kYjU8Zkxhgm1(Nc{F#PYG8CtfxmnaMS
zuz-Cq#34Bx&YL0mW-Hd<ys}38^)bmOe|!`{HGqw+Xdr;Yub*3?Oa-s_ImUj|HQ;2h
z)Rkeo0%IFxddcpYbU@SEIJLE2g{Yrq7j1*`Bpv@b-aYS7pjF|d+t6U1>16rh<5VNr
z67kec#^s#;;fB8_^e<~ct1I8$S<Tjnx}H@<I?4NvM_2I<XkiDq2X}8|p`k+kwbUL^
z-l$g|vlUCJ%mPYPfX03_5PMrmj)~t*7sxUFM31YUG|3PxX&=FLKs#$t-)CpL7G+z}
zZ-%5~U)L!zL&#i?=dzZgGD)YSEXThhhip{BEGg<bo!4ne<6G&_9f$}yXDeD2%GCmN
zklbu+MYf5uD^whAl?m)e_VSv%9PGVW4;rp*R~hheskd|oF#7<)n0dpF!hsAcHCXrB
zs#2NdAfuOz@Svf=8u-3ab$EL;A-T4t)L(FG>=2R|8@PeF(R5y6_m54>2zWG?EXG0B
zc%T(1kg5*-AJbqq&ZlGgp;&L6DoLx*l2KlvWeuwq)RtulhIDX?LC40FHA3hNElCY!
ze2^xPjVPfAq{$&TRbbRc9AORS`$lWZfW^_AK3x6AW7^)nYYrRqL%!@+kY!M7p!NgB
zHW?Q7opgxwGI(w2@Q7KZ)ypv-<B@<T5XQ-Q)gov^pgP6oypW~njOq$myiNv1!a&H9
zEWzt!pHJt-EM9NdG~*}0IWbF<WIDeLX8ASG;&D9q#2uJt={!xd%V0LUVs;tKCV3ju
zj2{fgJOA{W`;SkMn=59Q!7NKBlf(P)toPY0xng!9%x)$(mwAKCuJ6Y8GKfebh-ZI;
z8hHjXdt%`a3;Z5Tw+pSxm)inKKJur(0V&;{(EQeMZ|GGtqP$}HV_hF9ACsfsB+5S^
zPjgs6F+oz1;ZRFp?)CM3oW7Dl7Sa>pJC+xSG-_#<om?^<J&?+17t_eT{}D?+PQ}8(
z>9~K(3oOYXx9%A(4Luf(#3&WSh%1HU&ze}u;bn-sN8=9s`N6EfslbG9Pf`zkUmcv-
zcob9JBl2!q=6}UFW8jhTKcBfS7K>1K*3>H2G_a%)sCE`B1MIe1Y3PeZPu(m@lcz4v
z#ud38Yj1ZeX$)vmN?|8`t72v0lXZ>cQh~9z2Pw@eR9HY8Ry1XbZ7-Wv!#Bz0tSn2o
d5`m=Ly6{E4F6=)P>w9>jm?IN~9Iw0GhhL_#OUnQN

diff --git a/tests/unit/lib/testMidi/synthv.mid b/tests/unit/lib/testMidi/synthv.mid
new file mode 100755
index 0000000000000000000000000000000000000000..4c3864e0dbfec942763e2d9647e7d86dda97a1d0
GIT binary patch
literal 176
zcmeYb$w*;fU|?flWME=w@C_--2J*NW{s%I%FH~Uoug?G#YG?S*%KW%-CBp=p`bLHZ
zn|d(6sfS^L9f)rS;WzGQnBV~7JAn9Xj~ll>Zfs<j;0O|OgesZKFu@tbcZM3#$uPkc
b#CL_tPiL6m4&u8*`9Lc@Kzt7%U!MU0L8LtC

literal 0
HcmV?d00001

diff --git a/tests/unit/lib/testMidi/synthv.svp b/tests/unit/lib/testMidi/synthv.svp
new file mode 100755
index 0000000000000000000000000000000000000000..602f69b06e61e7a03ba6389162e23b1855725a1b
GIT binary patch
literal 5224
zcmeHLO>f&c5baMXbY3s?Y1zGH<Ln}bB1PL<lLIA<Y$6mXP?R@@;s4&5p=CS0L;{*a
z0sCNx!>=LV49WNQ!4_;MjSfD2jI!jfkAag7U|}CL;K1V7k9{C@1uys+V!iGgu)-Ot
zO0islHjUJS<?uvfK+_uEwKbh|etha(v<=#$IQ%<2JRQ)WWMPHfQDg3DMfu$Mu3E4s
z!DF9CarD?{X;?k>NmwrEAC~-`(7&hy@<ev+tx@b*P}g}?#7Q<(JlKj?Lrz%0_1HTt
z3I!F;RSVSt+8g=8ZT7)hNWFqm7ND>moyFQ#&?fosrgyYSL&pwhy(p3+O3<2|?SWR=
z;CTO8)3<2b2gAb1O8)h|BsYRO%aTQv&u4j^6|*!<#B5nd<*cYg2}!t&!YHTqt+2Q?
zhz@PkK4_&YH!Dz1aIrBJ`4*IYAxmy<q;|ZgyyIKiacA!Ic2sj^`btCRr+RB_2l^OH
z7(Z|LQCJXeBS(+DHL{d?J<91dBRs09Ga9~aWbNK=O-OD{Db#0N8gB?$v~gU(JZbt)
zV)gf3%LsJnE_sZNjP8JDpg^j6+<%`Ed6>;Z`k`6vtSo6%4EQ9RFB!TGde`vq0hL8r
zf~Ik}#K2==&ZC0sHBCzesXHgMBR|nXQAnMgv$DX*^;p6d^tYW-lm)A^OGC(ZyAIR%
zW>Oz^=(~76&LB!Bw?O54if?kv9V_Wj8Eo*<(qZB=OUdVRPWmGPPb7?$-#aV<HwLat
zd`7{x@EJD_wiq|0y29qKm{HL%61FIf@QOL+)hOI@zCqe?xcO`Enr{3w_?@`LQ8Zsn
z!!4u3GL0r2mf1Dy`~f}s3?7+v@gk1XN$6$O1l;l~ZtsIzlEpsh_!)7230z)&uOBCi
zDUXxo6}R`nEsc}p^m-h1%VnNEjJoCW=!)Ar;kHbc(_SZ2$UuI5RZis?o@Njm{|YrS
z5#;~G)$dpMJ(`pkN|w(z1xf+Pu>Jugen-mls^U)5duc|w#rB7~J`+QxPp>SpyGJHx
zQF75vkQ8xJ9GIPbna2Dp;Y1-iqJ(D=f^J|X^tu;oCatF%+55#rbEtnnvB*j<FI=|!
z)n1^8gA9D&!PN9DGX=9aAl_U_q=!a(@rS1&hVPv_vFv-j0V^F-!Xu46)qSyW;p5p%
z>WF9OG|eByNqyjv^FN+gN%K<Gt<kmg$_EM$j?^}<AMm!-Qo$f8U20{t?Woq>ZiLpL
zXiy3}(Y4a+5C0n52o@8xxj9*>S0UXBTDPGtb1ZkFX%&1GEPADB#CiqNc4OUV`LZ(q
TQ>-81@n()pG;+Ki4j+C3L;F_l

literal 0
HcmV?d00001

diff --git a/tests/unit/lib/testMidi/voisona.midi b/tests/unit/lib/testMidi/voisona.midi
new file mode 100755
index 0000000000000000000000000000000000000000..520eec2e3eaaabe7e82deceb368486ca9a809065
GIT binary patch
literal 115
zcmeYb$w*;fU|?flWME`I;2Tnu4dlf#{10SiU#P(FKZ1pYi7{aw!vvf9c83NV28IcC
uAch@~;Q(Sd02z)Th9i*S3}QF~8Ll9PE0Ez1Vz>ht9w3GX!#sxn`V0W%@*yt(

literal 0
HcmV?d00001

diff --git a/tests/unit/lib/testMidi/voisona.tssln b/tests/unit/lib/testMidi/voisona.tssln
new file mode 100755
index 0000000000000000000000000000000000000000..5b6f85b3988aeab56478c1af769513121d203c14
GIT binary patch
literal 2314
zcmb7FzmF3~6n<-a?tDZ_q!baNh!iOlNQZSm5mMcmI}Qlua9GELhSPXG_Rihxjx#%Z
zl2e`OBBh{12}+SNZKO15KuVQ9RVpN!l>7(bz1bi4+Y8(5%r|f5oA=)L-t>H5tJF#z
zgXi^yNpN(3)SgT>r4l~h6GQNp*p=3ot*fmS@akQ~r|UYlMl0|d9jzz0uTFp8a%0iB
z0r^MZ&6xI=5bf^jL}q+Tjce{ZzXm<SgWUx1EH?sgp*Nif@R&!3ZSe@l3oPO?2IR5j
zN*^yzYlkQ}dU9y0(y@#;xaCm$cd_X<--$=sMEsqdKIiLrd~+zRHsIB=!9zK;A>Hpo
z29QCwg&c<%0p|Tjx6Y%~<*`sin<f~ruTvgd`F+mKye1kx5P>$sElpl|wQSZC(L~df
zj_zp+HuGu}i}r9QO&oNCo8sKsJ&cTFBD??b^V2~&cQGt2iaiZK;7WW;!TR|p`u<*Z
z$fJYsy+Q;Nt(*~&13X{LAZNAz^w;12`sdFV;HYwkl_;;(aBk%H@ai`Nx8>xnn3m&>
zY0M)TBqacSEdy~RPi#HpC=x47riLa0GP&H&Oi8U7{yB@K6+w7;XR^J+x4-Ick5*Q$
zZzp?6(y~dsM+ZZP$K#ZbG2n~L8D*#B`X?0Cj(TqgR_=-R2w8i`R<2V;e9^knx=MP8
zG%2Yg6HEHdr?}AJ1A%#KvMo}Zf(MlKgW$edg)Na9uKGIALt(N5;Fi(@uDa-JB#;(G
z!!oFs#z%ynp?x`MM_7Y};@_;6_@?>pB;Hn&kRQO1^W9F9-RWT%Nb~4VJyRk&=IfM-
zxwfu!uuC!{IpjJm*dMO}CE3-nq`Ishv8FY0$fJfplcLC7gYdBo1a3Wt(m1|zQ;uxt
zwi4?-j8}03D8zI8YJIL!XN3idEyR`A;=y%30@%RlXH9^4FY5qZX@k(W0>hbk=Yacx
z#Wq;nx-&I0zzKUj`wjf5Qhea%E*jlX$Aa8uY`CmXlD_=7f|M$JF6omW=aHIajNfrj
z_dls1rQpvcoxPYx8ZFC{q-z%{NGU02lQuEDf4rW}=JAe}`AJ^*w1RhWE-$6^mwBYg
zscHSJf^?~h^vMtNNX==U?q94R{h*3;_UvrZ1(t-T=JiqqE0P}1E2a9q%BF07*ma8L
zsK=WtNBff;$HL&7Gm_Y+u#bInr+C@w?j1YyXg$J53*S2TX1PLzSF5*-92R}VVQ&E_
CxHahj

literal 0
HcmV?d00001


From 0c5206243d8af7384e9c6daade92a2b63d47383c Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sun, 7 Apr 2024 17:59:47 +0900
Subject: [PATCH 05/16] =?UTF-8?q?Delete:=20=E3=82=84=E3=81=A3=E3=81=B1?=
 =?UTF-8?q?=E3=82=8A=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tests/unit/lib/midi.spec.ts           |  17 ++---------------
 tests/unit/lib/testMidi/voisona.midi  | Bin 115 -> 0 bytes
 tests/unit/lib/testMidi/voisona.tssln | Bin 2314 -> 0 bytes
 3 files changed, 2 insertions(+), 15 deletions(-)
 delete mode 100755 tests/unit/lib/testMidi/voisona.midi
 delete mode 100755 tests/unit/lib/testMidi/voisona.tssln

diff --git a/tests/unit/lib/midi.spec.ts b/tests/unit/lib/midi.spec.ts
index 3baf605d49..3c0023b9e2 100644
--- a/tests/unit/lib/midi.spec.ts
+++ b/tests/unit/lib/midi.spec.ts
@@ -1,13 +1,12 @@
 import { it, expect } from "vitest";
 import synthvMid from "./testMidi/synthv.mid?uint8array";
-import voisonaMid from "./testMidi/voisona.midi?uint8array";
 import timeSigMid from "./testMidi/timeSig.mid?uint8array";
 import bpmMid from "./testMidi/bpm.mid?uint8array";
 import { Midi } from "@/sing/midi";
 
-// MIDIファイルはそれぞれ以下の手順で作成：
+// MIDIファイルの作成情報：
 // - synthv.mid：SynthVで作成（synthv.svp、Synthesizer V Studio Pro 1.11.0）
-// - voisona.mid：Voisonaで作成（voisona.tssln、VoiSona Version 1.9.2.0
+// - timeSig.mid、bpm.mid：signalで作成（https://signal.vercel.app/edit）
 
 it("BPMをパースできる", async () => {
   const midi = new Midi(bpmMid);
@@ -42,18 +41,6 @@ it("SynthVのノートと歌詞をパースできる", async () => {
     }))
   );
 });
-it("VoiSonaのノートと歌詞をパースできる", async () => {
-  const midi = new Midi(synthvMid);
-  const ticksPerBeat = midi.ticksPerBeat;
-  expect(midi.tracks[1].notes).toEqual(
-    lyricExpectation.map(([noteNumber, lyric], index) => ({
-      ticks: index * ticksPerBeat,
-      noteNumber,
-      duration: ticksPerBeat,
-      lyric,
-    }))
-  );
-});
 
 it("拍子をパースできる", async () => {
   const midi = new Midi(timeSigMid);
diff --git a/tests/unit/lib/testMidi/voisona.midi b/tests/unit/lib/testMidi/voisona.midi
deleted file mode 100755
index 520eec2e3eaaabe7e82deceb368486ca9a809065..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 115
zcmeYb$w*;fU|?flWME`I;2Tnu4dlf#{10SiU#P(FKZ1pYi7{aw!vvf9c83NV28IcC
uAch@~;Q(Sd02z)Th9i*S3}QF~8Ll9PE0Ez1Vz>ht9w3GX!#sxn`V0W%@*yt(

diff --git a/tests/unit/lib/testMidi/voisona.tssln b/tests/unit/lib/testMidi/voisona.tssln
deleted file mode 100755
index 5b6f85b3988aeab56478c1af769513121d203c14..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2314
zcmb7FzmF3~6n<-a?tDZ_q!baNh!iOlNQZSm5mMcmI}Qlua9GELhSPXG_Rihxjx#%Z
zl2e`OBBh{12}+SNZKO15KuVQ9RVpN!l>7(bz1bi4+Y8(5%r|f5oA=)L-t>H5tJF#z
zgXi^yNpN(3)SgT>r4l~h6GQNp*p=3ot*fmS@akQ~r|UYlMl0|d9jzz0uTFp8a%0iB
z0r^MZ&6xI=5bf^jL}q+Tjce{ZzXm<SgWUx1EH?sgp*Nif@R&!3ZSe@l3oPO?2IR5j
zN*^yzYlkQ}dU9y0(y@#;xaCm$cd_X<--$=sMEsqdKIiLrd~+zRHsIB=!9zK;A>Hpo
z29QCwg&c<%0p|Tjx6Y%~<*`sin<f~ruTvgd`F+mKye1kx5P>$sElpl|wQSZC(L~df
zj_zp+HuGu}i}r9QO&oNCo8sKsJ&cTFBD??b^V2~&cQGt2iaiZK;7WW;!TR|p`u<*Z
z$fJYsy+Q;Nt(*~&13X{LAZNAz^w;12`sdFV;HYwkl_;;(aBk%H@ai`Nx8>xnn3m&>
zY0M)TBqacSEdy~RPi#HpC=x47riLa0GP&H&Oi8U7{yB@K6+w7;XR^J+x4-Ick5*Q$
zZzp?6(y~dsM+ZZP$K#ZbG2n~L8D*#B`X?0Cj(TqgR_=-R2w8i`R<2V;e9^knx=MP8
zG%2Yg6HEHdr?}AJ1A%#KvMo}Zf(MlKgW$edg)Na9uKGIALt(N5;Fi(@uDa-JB#;(G
z!!oFs#z%ynp?x`MM_7Y};@_;6_@?>pB;Hn&kRQO1^W9F9-RWT%Nb~4VJyRk&=IfM-
zxwfu!uuC!{IpjJm*dMO}CE3-nq`Ishv8FY0$fJfplcLC7gYdBo1a3Wt(m1|zQ;uxt
zwi4?-j8}03D8zI8YJIL!XN3idEyR`A;=y%30@%RlXH9^4FY5qZX@k(W0>hbk=Yacx
z#Wq;nx-&I0zzKUj`wjf5Qhea%E*jlX$Aa8uY`CmXlD_=7f|M$JF6omW=aHIajNfrj
z_dls1rQpvcoxPYx8ZFC{q-z%{NGU02lQuEDf4rW}=JAe}`AJ^*w1RhWE-$6^mwBYg
zscHSJf^?~h^vMtNNX==U?q94R{h*3;_UvrZ1(t-T=JiqqE0P}1E2a9q%BF07*ma8L
zsK=WtNBff;$HL&7Gm_Y+u#bInr+C@w?j1YyXg$J53*S2TX1PLzSF5*-92R}VVQ&E_
CxHahj


From 74d0140af9e2fc2e7c28391ab523221e3ee433e6 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sun, 7 Apr 2024 18:01:32 +0900
Subject: [PATCH 06/16] =?UTF-8?q?Change:=20=E6=97=A5=E6=9C=AC=E8=AA=9E?=
 =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/sing/midi.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/sing/midi.ts b/src/sing/midi.ts
index 539fbe007f..423c77715d 100644
--- a/src/sing/midi.ts
+++ b/src/sing/midi.ts
@@ -79,7 +79,7 @@ export class Track {
     ) as MidiEventWithTime<MidiLyricsEvent>[];
     const lyricsMap = new Map<number, string>(
       lyrics.map((e) => {
-        // midi-fileのtextはバイト列なので、UTF-8としてデコードする
+        // midi-fileはUTF-8としてデコードしてくれないので、ここでデコードする
         const buffer = new Uint8Array(
           e.text.split("").map((c) => c.charCodeAt(0))
         );

From eaf8155506268a377b8a8ee4b1fb9fe31cd9ae57 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sun, 7 Apr 2024 18:09:15 +0900
Subject: [PATCH 07/16] =?UTF-8?q?Add:=20=E3=82=B3=E3=83=A1=E3=83=B3?=
 =?UTF-8?q?=E3=83=88=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tests/unit/lib/midi.spec.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/tests/unit/lib/midi.spec.ts b/tests/unit/lib/midi.spec.ts
index 3c0023b9e2..ffe381d9cc 100644
--- a/tests/unit/lib/midi.spec.ts
+++ b/tests/unit/lib/midi.spec.ts
@@ -32,6 +32,7 @@ const lyricExpectation: [noteNumber: number, lyric: string][] = [
 it("SynthVのノートと歌詞をパースできる", async () => {
   const midi = new Midi(synthvMid);
   const ticksPerBeat = midi.ticksPerBeat;
+  // SynthVのMIDIファイルの1トラック目はBPM情報のみなので、2トラック目を取得
   expect(midi.tracks[1].notes).toEqual(
     lyricExpectation.map(([noteNumber, lyric], index) => ({
       ticks: index * ticksPerBeat,

From e15afe5a369c48a5ac12c79334515908eba7f7c0 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Wed, 17 Apr 2024 23:54:39 +0900
Subject: [PATCH 08/16] Code: nr fmt

---
 src/components/Dialog/ImportMidiDialog.vue |  2 +-
 src/sing/midi.ts                           | 16 ++++++++--------
 tests/unit/lib/midi.spec.ts                |  2 +-
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/Dialog/ImportMidiDialog.vue b/src/components/Dialog/ImportMidiDialog.vue
index 4a9cf31da4..b8a5c6404e 100644
--- a/src/components/Dialog/ImportMidiDialog.vue
+++ b/src/components/Dialog/ImportMidiDialog.vue
@@ -139,7 +139,7 @@ const handleMidiFileChange = (event: Event) => {
         // MIDIファイルをパース
         midi.value = new Midi(e.target.result);
         selectedTrack.value = midi.value.tracks.findIndex(
-          (track) => track.notes.length > 0
+          (track) => track.notes.length > 0,
         );
         if (selectedTrack.value === -1) {
           selectedTrack.value = 0;
diff --git a/src/sing/midi.ts b/src/sing/midi.ts
index 423c77715d..cf111026ab 100644
--- a/src/sing/midi.ts
+++ b/src/sing/midi.ts
@@ -75,21 +75,21 @@ export class Track {
       return { time, ...event };
     });
     const lyrics = this.events.filter(
-      (e) => e.type === "lyrics"
+      (e) => e.type === "lyrics",
     ) as MidiEventWithTime<MidiLyricsEvent>[];
     const lyricsMap = new Map<number, string>(
       lyrics.map((e) => {
         // midi-fileはUTF-8としてデコードしてくれないので、ここでデコードする
         const buffer = new Uint8Array(
-          e.text.split("").map((c) => c.charCodeAt(0))
+          e.text.split("").map((c) => c.charCodeAt(0)),
         );
         const decoder = new TextDecoder("utf-8");
         return [e.time, decoder.decode(buffer)];
-      })
+      }),
     );
 
     const noteOnOffs = this.events.filter(
-      (e) => e.type === "noteOn" || e.type === "noteOff"
+      (e) => e.type === "noteOn" || e.type === "noteOff",
     ) as MidiEventWithTime<MidiNoteOnEvent | MidiNoteOffEvent>[];
     noteOnOffs.sort((a, b) => a.time - b.time);
     this.notes = [];
@@ -125,7 +125,7 @@ export class Track {
 
   get name() {
     const nameEvent = this.data.find(
-      (e) => e.type === "trackName"
+      (e) => e.type === "trackName",
     ) as MidiTrackNameEvent;
     if (!nameEvent) {
       return "";
@@ -135,14 +135,14 @@ export class Track {
 
   get tempos(): Tempo[] {
     const tempoEvents = this.events.filter(
-      (e) => e.type === "setTempo"
+      (e) => e.type === "setTempo",
     ) as MidiEventWithTime<MidiSetTempoEvent>[];
 
     const tempos = tempoEvents.map((e) => ({
       ticks: e.time,
       bpm:
         Math.round(
-          ((60 * 1000000) / e.microsecondsPerBeat) * 10 ** bpmPrecision
+          ((60 * 1000000) / e.microsecondsPerBeat) * 10 ** bpmPrecision,
         ) /
         10 ** bpmPrecision,
     }));
@@ -152,7 +152,7 @@ export class Track {
 
   get timeSignatures(): TimeSignature[] {
     const timeSignatureEvents = this.events.filter(
-      (e) => e.type === "timeSignature"
+      (e) => e.type === "timeSignature",
     ) as MidiEventWithTime<MidiTimeSignatureEvent>[];
 
     const timeSignatures = timeSignatureEvents.map((e) => ({
diff --git a/tests/unit/lib/midi.spec.ts b/tests/unit/lib/midi.spec.ts
index ffe381d9cc..6a38296a7c 100644
--- a/tests/unit/lib/midi.spec.ts
+++ b/tests/unit/lib/midi.spec.ts
@@ -39,7 +39,7 @@ it("SynthVのノートと歌詞をパースできる", async () => {
       noteNumber,
       duration: ticksPerBeat,
       lyric,
-    }))
+    })),
   );
 });
 

From db5fb4df37a49df25189bb906ca4a9a9ecb9ba09 Mon Sep 17 00:00:00 2001
From: Nanashi <sevenc7c@sevenc7c.com>
Date: Fri, 3 May 2024 11:25:53 +0900
Subject: [PATCH 09/16] =?UTF-8?q?Change:=20=E3=83=86=E3=82=AD=E3=82=B9?=
 =?UTF-8?q?=E3=83=88=E3=82=92=E5=A4=89=E3=81=88=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>
---
 src/components/Dialog/ImportMidiDialog.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Dialog/ImportMidiDialog.vue b/src/components/Dialog/ImportMidiDialog.vue
index b8a5c6404e..ffe948a3fa 100644
--- a/src/components/Dialog/ImportMidiDialog.vue
+++ b/src/components/Dialog/ImportMidiDialog.vue
@@ -93,7 +93,7 @@ const tracks = computed(() => {
   // トラックリストを生成
   // "トラックNo: トラック名 / ノート数" の形式で表示
   return midi.value.tracks.map((track, index) => ({
-    label: `${index + 1}: ${track.name || "（無名）"} / ノート数：${
+    label: `${index + 1}: ${track.name || "（トラック名なし）"} / ノート数：${
       track.notes.length
     }`,
     value: index,

From 4b6c3de3a47943e0c2caeea681dab3f1bd31c1db Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Fri, 3 May 2024 12:26:45 +0900
Subject: [PATCH 10/16] =?UTF-8?q?Change:=20fs=E3=82=92=E4=BD=BF=E3=81=86?=
 =?UTF-8?q?=E7=94=A8=E3=81=AB=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json           | 13 -------------
 package.json                |  1 -
 tests/unit/lib/midi.spec.ts |  9 ++++++---
 vite.config.mts             |  2 --
 4 files changed, 6 insertions(+), 19 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 07d3687120..dd7755a18e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -91,7 +91,6 @@
         "tsconfig-paths": "4.1.2",
         "typescript": "5.4.5",
         "vite": "5.2.9",
-        "vite-plugin-arraybuffer": "0.0.6",
         "vite-plugin-checker": "0.6.4",
         "vite-plugin-electron": "0.28.4",
         "vite-plugin-node-polyfills": "0.21.0",
@@ -13193,12 +13192,6 @@
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/vite-plugin-arraybuffer": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/vite-plugin-arraybuffer/-/vite-plugin-arraybuffer-0.0.6.tgz",
-      "integrity": "sha512-2TXAUuHREy29seo6qgm/lGjUpYxJjzsIGHi7cOScMALK6GHIpV2/3KHZ6uaLVAUGwbYQ8rDhNqYgnPkFLxZgnQ==",
-      "dev": true
-    },
     "node_modules/vite-plugin-checker": {
       "version": "0.6.4",
       "resolved": "https://registry.npmjs.org/vite-plugin-checker/-/vite-plugin-checker-0.6.4.tgz",
@@ -23967,12 +23960,6 @@
         "vite": "^5.0.0"
       }
     },
-    "vite-plugin-arraybuffer": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/vite-plugin-arraybuffer/-/vite-plugin-arraybuffer-0.0.6.tgz",
-      "integrity": "sha512-2TXAUuHREy29seo6qgm/lGjUpYxJjzsIGHi7cOScMALK6GHIpV2/3KHZ6uaLVAUGwbYQ8rDhNqYgnPkFLxZgnQ==",
-      "dev": true
-    },
     "vite-plugin-checker": {
       "version": "0.6.4",
       "resolved": "https://registry.npmjs.org/vite-plugin-checker/-/vite-plugin-checker-0.6.4.tgz",
diff --git a/package.json b/package.json
index adb479060d..1382e56465 100644
--- a/package.json
+++ b/package.json
@@ -124,7 +124,6 @@
     "vite-plugin-checker": "0.6.4",
     "vite-plugin-electron": "0.28.4",
     "vite-plugin-node-polyfills": "0.21.0",
-    "vite-plugin-arraybuffer": "0.0.6",
     "vite-tsconfig-paths": "4.2.1",
     "vitest": "1.5.0",
     "vue-tsc": "1.8.19",
diff --git a/tests/unit/lib/midi.spec.ts b/tests/unit/lib/midi.spec.ts
index 6a38296a7c..efb24c1357 100644
--- a/tests/unit/lib/midi.spec.ts
+++ b/tests/unit/lib/midi.spec.ts
@@ -1,7 +1,7 @@
+// @vitest-environment node
+
+import { promises as fs } from "fs";
 import { it, expect } from "vitest";
-import synthvMid from "./testMidi/synthv.mid?uint8array";
-import timeSigMid from "./testMidi/timeSig.mid?uint8array";
-import bpmMid from "./testMidi/bpm.mid?uint8array";
 import { Midi } from "@/sing/midi";
 
 // MIDIファイルの作成情報：
@@ -9,6 +9,7 @@ import { Midi } from "@/sing/midi";
 // - timeSig.mid、bpm.mid：signalで作成（https://signal.vercel.app/edit）
 
 it("BPMをパースできる", async () => {
+  const bpmMid = await fs.readFile("tests/unit/lib/testMidi/bpm.mid");
   const midi = new Midi(bpmMid);
   const ticksPerBeat = midi.ticksPerBeat;
   expect(midi.tempos).toEqual([
@@ -30,6 +31,7 @@ const lyricExpectation: [noteNumber: number, lyric: string][] = [
 ];
 
 it("SynthVのノートと歌詞をパースできる", async () => {
+  const synthvMid = await fs.readFile("tests/unit/lib/testMidi/synthv.mid");
   const midi = new Midi(synthvMid);
   const ticksPerBeat = midi.ticksPerBeat;
   // SynthVのMIDIファイルの1トラック目はBPM情報のみなので、2トラック目を取得
@@ -44,6 +46,7 @@ it("SynthVのノートと歌詞をパースできる", async () => {
 });
 
 it("拍子をパースできる", async () => {
+  const timeSigMid = await fs.readFile("tests/unit/lib/testMidi/timeSig.mid");
   const midi = new Midi(timeSigMid);
   const ticksPerBeat = midi.ticksPerBeat;
   expect(midi.timeSignatures).toEqual([
diff --git a/vite.config.mts b/vite.config.mts
index e3917c1164..0fd3ea438c 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -10,7 +10,6 @@ import checker from "vite-plugin-checker";
 import { nodePolyfills } from "vite-plugin-node-polyfills";
 import { BuildOptions, defineConfig, loadEnv, Plugin } from "vite";
 import { quasar } from "@quasar/vite-plugin";
-import arraybuffer from "vite-plugin-arraybuffer";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -70,7 +69,6 @@ export default defineConfig((options) => {
     plugins: [
       vue(),
       quasar({ autoImportComponentCase: "pascal" }),
-      arraybuffer(),
       nodePolyfills({
         include: ["path"],
       }),

From f4f5755032e8415c0dc3bab703f81bf27b969a27 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Fri, 3 May 2024 12:33:10 +0900
Subject: [PATCH 11/16] =?UTF-8?q?Code:=20=E3=82=B3=E3=83=A1=E3=83=B3?=
 =?UTF-8?q?=E3=83=88=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/sing/midi.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/sing/midi.ts b/src/sing/midi.ts
index cf111026ab..da04019ef5 100644
--- a/src/sing/midi.ts
+++ b/src/sing/midi.ts
@@ -22,6 +22,7 @@ export type Note = {
   lyric?: string;
 };
 
+// BPMの精度。（小数点以下の桁数）
 const bpmPrecision = 2;
 
 /**

From cc8054836144e86ef66ba963b3974ac6e53613b2 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sat, 4 May 2024 22:31:34 +0900
Subject: [PATCH 12/16] =?UTF-8?q?Delete:=20export=E3=81=97=E3=81=AA?=
 =?UTF-8?q?=E3=81=84=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/sing/midi.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/sing/midi.ts b/src/sing/midi.ts
index da04019ef5..da843c4411 100644
--- a/src/sing/midi.ts
+++ b/src/sing/midi.ts
@@ -9,13 +9,13 @@ import {
   MidiNoteOnEvent,
   MidiNoteOffEvent,
 } from "midi-file";
-export type Tempo = { ticks: number; bpm: number };
-export type TimeSignature = {
+type Tempo = { ticks: number; bpm: number };
+type TimeSignature = {
   ticks: number;
   numerator: number;
   denominator: number;
 };
-export type Note = {
+type Note = {
   ticks: number;
   noteNumber: number;
   duration: number;

From b30f95547b4959d3659bf04151e906eae906dbf2 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sat, 4 May 2024 22:34:02 +0900
Subject: [PATCH 13/16] =?UTF-8?q?Refactor:=20=E3=83=87=E3=82=A3=E3=83=AC?=
 =?UTF-8?q?=E3=82=AF=E3=83=88=E3=83=AA=E3=82=92=E6=95=B4=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tests/unit/lib/{testMidi => midi}/bpm.mid     | Bin
 tests/unit/lib/{ => midi}/midi.spec.ts        |   2 +-
 tests/unit/lib/{testMidi => midi}/synthv.mid  | Bin
 tests/unit/lib/{testMidi => midi}/timeSig.mid | Bin
 tests/unit/lib/testMidi/synthv.svp            | Bin 5224 -> 0 bytes
 5 files changed, 1 insertion(+), 1 deletion(-)
 rename tests/unit/lib/{testMidi => midi}/bpm.mid (100%)
 rename tests/unit/lib/{ => midi}/midi.spec.ts (91%)
 rename tests/unit/lib/{testMidi => midi}/synthv.mid (100%)
 rename tests/unit/lib/{testMidi => midi}/timeSig.mid (100%)
 delete mode 100755 tests/unit/lib/testMidi/synthv.svp

diff --git a/tests/unit/lib/testMidi/bpm.mid b/tests/unit/lib/midi/bpm.mid
similarity index 100%
rename from tests/unit/lib/testMidi/bpm.mid
rename to tests/unit/lib/midi/bpm.mid
diff --git a/tests/unit/lib/midi.spec.ts b/tests/unit/lib/midi/midi.spec.ts
similarity index 91%
rename from tests/unit/lib/midi.spec.ts
rename to tests/unit/lib/midi/midi.spec.ts
index efb24c1357..f811ef0e15 100644
--- a/tests/unit/lib/midi.spec.ts
+++ b/tests/unit/lib/midi/midi.spec.ts
@@ -5,7 +5,7 @@ import { it, expect } from "vitest";
 import { Midi } from "@/sing/midi";
 
 // MIDIファイルの作成情報：
-// - synthv.mid：SynthVで作成（synthv.svp、Synthesizer V Studio Pro 1.11.0）
+// - synthv.mid：SynthVで作成（Synthesizer V Studio Pro 1.11.0、プロジェクトファイルは https://github.com/VOICEVOX/voicevox/pull/1982 を参照）
 // - timeSig.mid、bpm.mid：signalで作成（https://signal.vercel.app/edit）
 
 it("BPMをパースできる", async () => {
diff --git a/tests/unit/lib/testMidi/synthv.mid b/tests/unit/lib/midi/synthv.mid
similarity index 100%
rename from tests/unit/lib/testMidi/synthv.mid
rename to tests/unit/lib/midi/synthv.mid
diff --git a/tests/unit/lib/testMidi/timeSig.mid b/tests/unit/lib/midi/timeSig.mid
similarity index 100%
rename from tests/unit/lib/testMidi/timeSig.mid
rename to tests/unit/lib/midi/timeSig.mid
diff --git a/tests/unit/lib/testMidi/synthv.svp b/tests/unit/lib/testMidi/synthv.svp
deleted file mode 100755
index 602f69b06e61e7a03ba6389162e23b1855725a1b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5224
zcmeHLO>f&c5baMXbY3s?Y1zGH<Ln}bB1PL<lLIA<Y$6mXP?R@@;s4&5p=CS0L;{*a
z0sCNx!>=LV49WNQ!4_;MjSfD2jI!jfkAag7U|}CL;K1V7k9{C@1uys+V!iGgu)-Ot
zO0islHjUJS<?uvfK+_uEwKbh|etha(v<=#$IQ%<2JRQ)WWMPHfQDg3DMfu$Mu3E4s
z!DF9CarD?{X;?k>NmwrEAC~-`(7&hy@<ev+tx@b*P}g}?#7Q<(JlKj?Lrz%0_1HTt
z3I!F;RSVSt+8g=8ZT7)hNWFqm7ND>moyFQ#&?fosrgyYSL&pwhy(p3+O3<2|?SWR=
z;CTO8)3<2b2gAb1O8)h|BsYRO%aTQv&u4j^6|*!<#B5nd<*cYg2}!t&!YHTqt+2Q?
zhz@PkK4_&YH!Dz1aIrBJ`4*IYAxmy<q;|ZgyyIKiacA!Ic2sj^`btCRr+RB_2l^OH
z7(Z|LQCJXeBS(+DHL{d?J<91dBRs09Ga9~aWbNK=O-OD{Db#0N8gB?$v~gU(JZbt)
zV)gf3%LsJnE_sZNjP8JDpg^j6+<%`Ed6>;Z`k`6vtSo6%4EQ9RFB!TGde`vq0hL8r
zf~Ik}#K2==&ZC0sHBCzesXHgMBR|nXQAnMgv$DX*^;p6d^tYW-lm)A^OGC(ZyAIR%
zW>Oz^=(~76&LB!Bw?O54if?kv9V_Wj8Eo*<(qZB=OUdVRPWmGPPb7?$-#aV<HwLat
zd`7{x@EJD_wiq|0y29qKm{HL%61FIf@QOL+)hOI@zCqe?xcO`Enr{3w_?@`LQ8Zsn
z!!4u3GL0r2mf1Dy`~f}s3?7+v@gk1XN$6$O1l;l~ZtsIzlEpsh_!)7230z)&uOBCi
zDUXxo6}R`nEsc}p^m-h1%VnNEjJoCW=!)Ar;kHbc(_SZ2$UuI5RZis?o@Njm{|YrS
z5#;~G)$dpMJ(`pkN|w(z1xf+Pu>Jugen-mls^U)5duc|w#rB7~J`+QxPp>SpyGJHx
zQF75vkQ8xJ9GIPbna2Dp;Y1-iqJ(D=f^J|X^tu;oCatF%+55#rbEtnnvB*j<FI=|!
z)n1^8gA9D&!PN9DGX=9aAl_U_q=!a(@rS1&hVPv_vFv-j0V^F-!Xu46)qSyW;p5p%
z>WF9OG|eByNqyjv^FN+gN%K<Gt<kmg$_EM$j?^}<AMm!-Qo$f8U20{t?Woq>ZiLpL
zXiy3}(Y4a+5C0n52o@8xxj9*>S0UXBTDPGtb1ZkFX%&1GEPADB#CiqNc4OUV`LZ(q
TQ>-81@n()pG;+Ki4j+C3L;F_l


From 3b1c5a615fc68e4f00fc3ccb6102227f5a44b4fb Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sat, 4 May 2024 22:35:02 +0900
Subject: [PATCH 14/16] =?UTF-8?q?Delete:=20export=E3=82=92=E4=BB=8A?=
 =?UTF-8?q?=E5=BA=A6=E3=81=93=E3=81=9D=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/sing/midi.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/sing/midi.ts b/src/sing/midi.ts
index da843c4411..c493d9c18c 100644
--- a/src/sing/midi.ts
+++ b/src/sing/midi.ts
@@ -61,7 +61,7 @@ export class Midi {
   }
 }
 
-export type MidiEventWithTime<T extends MidiEvent = MidiEvent> = {
+type MidiEventWithTime<T extends MidiEvent = MidiEvent> = {
   time: number;
 } & T;
 export class Track {

From 352c768e6489eb22fc0fb918f8887affd5b773f7 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sat, 4 May 2024 22:43:26 +0900
Subject: [PATCH 15/16] =?UTF-8?q?Fix:=20=E3=83=95=E3=82=A1=E3=82=A4?=
 =?UTF-8?q?=E3=83=AB=E3=83=91=E3=82=B9=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tests/unit/lib/midi/midi.spec.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/tests/unit/lib/midi/midi.spec.ts b/tests/unit/lib/midi/midi.spec.ts
index f811ef0e15..10df1ee4b3 100644
--- a/tests/unit/lib/midi/midi.spec.ts
+++ b/tests/unit/lib/midi/midi.spec.ts
@@ -8,8 +8,10 @@ import { Midi } from "@/sing/midi";
 // - synthv.mid：SynthVで作成（Synthesizer V Studio Pro 1.11.0、プロジェクトファイルは https://github.com/VOICEVOX/voicevox/pull/1982 を参照）
 // - timeSig.mid、bpm.mid：signalで作成（https://signal.vercel.app/edit）
 
+const midiRoot = "tests/unit/lib/midi/";
+
 it("BPMをパースできる", async () => {
-  const bpmMid = await fs.readFile("tests/unit/lib/testMidi/bpm.mid");
+  const bpmMid = await fs.readFile(midiRoot + "bpm.mid");
   const midi = new Midi(bpmMid);
   const ticksPerBeat = midi.ticksPerBeat;
   expect(midi.tempos).toEqual([
@@ -31,7 +33,7 @@ const lyricExpectation: [noteNumber: number, lyric: string][] = [
 ];
 
 it("SynthVのノートと歌詞をパースできる", async () => {
-  const synthvMid = await fs.readFile("tests/unit/lib/testMidi/synthv.mid");
+  const synthvMid = await fs.readFile(midiRoot + "synthv.mid");
   const midi = new Midi(synthvMid);
   const ticksPerBeat = midi.ticksPerBeat;
   // SynthVのMIDIファイルの1トラック目はBPM情報のみなので、2トラック目を取得
@@ -46,7 +48,7 @@ it("SynthVのノートと歌詞をパースできる", async () => {
 });
 
 it("拍子をパースできる", async () => {
-  const timeSigMid = await fs.readFile("tests/unit/lib/testMidi/timeSig.mid");
+  const timeSigMid = await fs.readFile(midiRoot + "timeSig.mid");
   const midi = new Midi(timeSigMid);
   const ticksPerBeat = midi.ticksPerBeat;
   expect(midi.timeSignatures).toEqual([

From 4d7eb94504aba01a4cec5deca98ffbd5727d46a2 Mon Sep 17 00:00:00 2001
From: sevenc-nanashi <sevenc7c@sevenc7c.com>
Date: Sat, 4 May 2024 22:44:28 +0900
Subject: [PATCH 16/16] =?UTF-8?q?Delete:=20=E4=BD=BF=E3=82=8F=E3=82=8C?=
 =?UTF-8?q?=E3=81=A6=E3=81=AA=E3=81=84reference=E3=82=92=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/vite-env.d.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 2e05b78e93..2112976e79 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1,5 +1,4 @@
 /// <reference types="vite/client" />
-/// <reference types="vite-plugin-arraybuffer/types" />
 
 interface ImportMetaEnv {
   readonly VITE_7Z_BIN_NAME: string;