From 8c74ce3572a55ffcb5256f45285313eda49bb52e Mon Sep 17 00:00:00 2001
From: kebin <kebin628@gmail.com>
Date: Fri, 29 Nov 2024 17:19:52 +0900
Subject: [PATCH 1/7] =?UTF-8?q?=E3=82=BD=E3=83=BC=E3=83=88=E5=AE=9F?=
 =?UTF-8?q?=E8=A3=85=E3=80=81UI=E5=A4=89=E6=9B=B4WIP?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Dialog/DictionaryManageDialog.vue         | 84 +++++++++++++++++--
 1 file changed, 77 insertions(+), 7 deletions(-)

diff --git a/src/components/Dialog/DictionaryManageDialog.vue b/src/components/Dialog/DictionaryManageDialog.vue
index 8ac6d412c1..e38a330951 100644
--- a/src/components/Dialog/DictionaryManageDialog.vue
+++ b/src/components/Dialog/DictionaryManageDialog.vue
@@ -39,28 +39,45 @@
               </div>
             </div>
           </div>
-          <div class="col-4 word-list-col">
+
+          <!-- 左側のpane -->
+          <div class="col-4">
             <div
               v-if="wordEditing"
               class="word-list-disable-overlay"
               @click="discardOrNotDialog(cancel)"
             />
-            <div class="word-list-header text-no-wrap">
-              <div class="row word-list-title">
-                <span class="text-h5 col-8">単語一覧</span>
+            <div class="word-list-header text-no-wrap col">
+              <div class="word-list-title row">
+                <span class="text-h5">単語一覧</span>
+                <QSpace />
                 <QBtn
                   outline
                   textColor="display"
-                  class="text-no-wrap text-bold col"
+                  class="text-no-wrap text-bold"
                   :disable="uiLocked"
                   @click="newWord"
                   >追加</QBtn
                 >
+                <QSelect
+                  v-model="sortType"
+                  class="text-no-wrap text-bold col"
+                  :options="sortTypes"
+                />
               </div>
+              <QInput
+                v-model="wordFilter"
+                hideBottomSpace
+                dense
+                placeholder="検索"
+                color="display"
+                :disable="uiLocked || wordEditing"
+                class="q-mr-sm search-box"
+              ></QInput>
             </div>
             <QList class="word-list">
               <QItem
-                v-for="(value, key) in userDict"
+                v-for="(value, key) in filteredUserDict"
                 :key
                 v-ripple
                 tag="label"
@@ -76,7 +93,9 @@
                   <QItemLabel lines="1" class="text-display">{{
                     value.surface
                   }}</QItemLabel>
-                  <QItemLabel lines="1" caption>{{ value.yomi }}</QItemLabel>
+                  <QItemLabel lines="1" caption
+                    >[{{ value.priority }}] {{ value.yomi }}</QItemLabel
+                  >
                 </QItemSection>
 
                 <QItemSection
@@ -325,6 +344,55 @@ const hoveredKey = ref<string | undefined>(undefined);
 const loadingDictState = ref<null | "loading" | "synchronizing">("loading");
 const userDict = ref<Record<string, UserDictWord>>({});
 
+// 検索結果でフィルタリングされたユーザ辞書
+const filteredUserDict = computed(() => {
+  return Object.fromEntries(
+    Object.entries(userDict.value)
+      .sort((a, b) => {
+        console.log(sortType.value.value);
+        switch (sortType.value.value) {
+          case "yomi":
+            console.log("YOMI: " + a[1].yomi + ", " + b[1].yomi);
+            return a[1].yomi.localeCompare(b[1].yomi);
+          case "priority":
+            console.log("YOMI: " + a[1].priority + ", " + b[1].primary);
+            return b[1].priority - a[1].priority;
+          default:
+            console.log("DEFAULT: " + a[1].priority + ", " + b[1].primary);
+
+            return 0;
+        }
+      })
+      .filter(([, value]) => {
+        // 半角から全角に変換
+        let searchWord = convertHankakuToZenkaku(wordFilter.value);
+        // ひらがなからカタカナに変換
+        searchWord = convertHiraToKana(searchWord);
+        // 長音を適切な音に変換
+        const searchWordLongVowel = convertLongVowel(searchWord);
+        return (
+          value.surface.includes(searchWord) ||
+          value.yomi.includes(searchWord) ||
+          value.surface.includes(searchWordLongVowel) ||
+          value.yomi.includes(searchWordLongVowel)
+        );
+      }),
+  );
+});
+
+// 表示順
+const sortTypes = [
+  {
+    label: "読み順",
+    value: "yomi",
+  },
+  {
+    label: "優先度順",
+    value: "priority",
+  },
+];
+const sortType = ref(sortTypes[0]);
+
 const createUILockAction = function <T>(action: Promise<T>) {
   uiLocked.value = true;
   return action.finally(() => {
@@ -368,6 +436,8 @@ watch(dictionaryManageDialogOpenedComputed, async (newValue) => {
   }
 });
 
+const wordFilter = ref("");
+
 const wordEditing = ref(false);
 
 const surfaceInput = ref<QInput>();

From e4cb39c8a6e3f44d655fa58e457aa0d3a6b2490b Mon Sep 17 00:00:00 2001
From: kebin <kebin628@gmail.com>
Date: Wed, 4 Dec 2024 15:57:37 +0900
Subject: [PATCH 2/7] =?UTF-8?q?=E8=BE=9E=E6=9B=B8=E5=84=AA=E5=85=88?=
 =?UTF-8?q?=E5=BA=A6=E8=A1=A8=E7=A4=BA=E3=83=A1=E3=83=8B=E3=83=A5=E3=83=BC?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0=E3=80=81=E3=83=AC=E3=82=A4=E3=82=A2=E3=82=A6?=
 =?UTF-8?q?=E3=83=88=E6=95=B4=E7=90=86WIP?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Dialog/DictionaryManageDialog.vue         | 63 +++++++++++++++----
 1 file changed, 50 insertions(+), 13 deletions(-)

diff --git a/src/components/Dialog/DictionaryManageDialog.vue b/src/components/Dialog/DictionaryManageDialog.vue
index e38a330951..b603c0e5f4 100644
--- a/src/components/Dialog/DictionaryManageDialog.vue
+++ b/src/components/Dialog/DictionaryManageDialog.vue
@@ -41,7 +41,7 @@
           </div>
 
           <!-- 左側のpane -->
-          <div class="col-4">
+          <div class="col-4 word-list-col">
             <div
               v-if="wordEditing"
               class="word-list-disable-overlay"
@@ -59,13 +59,40 @@
                   @click="newWord"
                   >追加</QBtn
                 >
-                <QSelect
-                  v-model="sortType"
-                  class="text-no-wrap text-bold col"
-                  :options="sortTypes"
+                <QBtn
+                  round
+                  flat
+                  icon="more_horiz"
+                  color="display"
+                  :disable="wordEditing"
+                >
+                  <QMenu>
+                    <QList>
+                      <QItem v-ripple>
+                        <QItemSection side>
+                          <QCheckbox v-model="isPriorityVisible"
+                            >優先度をリストに表示する</QCheckbox
+                          >
+                        </QItemSection>
+                      </QItem>
+                    </QList>
+                  </QMenu>
+                </QBtn>
+              </div>
+              <div class="row">
+                <QSelect v-model="sortType" class="col" :options="sortTypes"
+                  ><template #prepend> <QIcon name="swap_vert" /> </template
+                ></QSelect>
+                <QCheckbox
+                  v-model="isDesc"
+                  checked-icon="arrow_upward"
+                  unchecked-icon="arrow_downward"
+                  keep-color
+                  color="display"
                 />
               </div>
               <QInput
+                icon="search"
                 v-model="wordFilter"
                 hideBottomSpace
                 dense
@@ -73,6 +100,7 @@
                 color="display"
                 :disable="uiLocked || wordEditing"
                 class="q-mr-sm search-box"
+                ><template #prepend> <QIcon name="search" /> </template
               ></QInput>
             </div>
             <QList class="word-list">
@@ -94,7 +122,9 @@
                     value.surface
                   }}</QItemLabel>
                   <QItemLabel lines="1" caption
-                    >[{{ value.priority }}] {{ value.yomi }}</QItemLabel
+                    ><template v-if="isPriorityVisible">
+                      [{{ value.priority }}] </template
+                    >{{ value.yomi }}</QItemLabel
                   >
                 </QItemSection>
 
@@ -349,19 +379,20 @@ const filteredUserDict = computed(() => {
   return Object.fromEntries(
     Object.entries(userDict.value)
       .sort((a, b) => {
-        console.log(sortType.value.value);
+        let order;
         switch (sortType.value.value) {
           case "yomi":
             console.log("YOMI: " + a[1].yomi + ", " + b[1].yomi);
-            return a[1].yomi.localeCompare(b[1].yomi);
+            order = a[1].yomi.localeCompare(b[1].yomi);
+            break;
           case "priority":
-            console.log("YOMI: " + a[1].priority + ", " + b[1].primary);
-            return b[1].priority - a[1].priority;
+            order = b[1].priority - a[1].priority;
+            break;
           default:
-            console.log("DEFAULT: " + a[1].priority + ", " + b[1].primary);
-
-            return 0;
+            order = 0;
+            break;
         }
+        return order * (isDesc.value ? -1 : 1);
       })
       .filter(([, value]) => {
         // 半角から全角に変換
@@ -393,6 +424,12 @@ const sortTypes = [
 ];
 const sortType = ref(sortTypes[0]);
 
+// 降順か？
+const isDesc = ref(false);
+
+// 優先度表示はするか？
+const isPriorityVisible = ref(false);
+
 const createUILockAction = function <T>(action: Promise<T>) {
   uiLocked.value = true;
   return action.finally(() => {

From f1d2a2fdbb67a32f76449d0c8795abdc718d71ac Mon Sep 17 00:00:00 2001
From: kebin <kebin628@gmail.com>
Date: Mon, 9 Dec 2024 16:09:55 +0900
Subject: [PATCH 3/7] =?UTF-8?q?=E9=AB=98=E3=81=95=E8=AA=BF=E6=95=B4?=
 =?UTF-8?q?=E3=80=81=E6=A7=8B=E6=96=87=E3=82=A8=E3=83=A9=E3=83=BC=E3=81=AE?=
 =?UTF-8?q?=E5=9B=9E=E9=81=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Dialog/DictionaryManageDialog.vue         | 23 +++++++------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/components/Dialog/DictionaryManageDialog.vue b/src/components/Dialog/DictionaryManageDialog.vue
index b603c0e5f4..379115d8a4 100644
--- a/src/components/Dialog/DictionaryManageDialog.vue
+++ b/src/components/Dialog/DictionaryManageDialog.vue
@@ -70,7 +70,7 @@
                     <QList>
                       <QItem v-ripple>
                         <QItemSection side>
-                          <QCheckbox v-model="isPriorityVisible"
+                          <QCheckbox v-model="showPriorityOnDictionary"
                             >優先度をリストに表示する</QCheckbox
                           >
                         </QItemSection>
@@ -85,15 +85,15 @@
                 ></QSelect>
                 <QCheckbox
                   v-model="isDesc"
-                  checked-icon="arrow_upward"
-                  unchecked-icon="arrow_downward"
-                  keep-color
+                  checkedIcon="arrow_upward"
+                  uncheckedIcon="arrow_downward"
+                  keepColor
                   color="display"
                 />
               </div>
               <QInput
-                icon="search"
                 v-model="wordFilter"
+                icon="search"
                 hideBottomSpace
                 dense
                 placeholder="検索"
@@ -122,7 +122,7 @@
                     value.surface
                   }}</QItemLabel>
                   <QItemLabel lines="1" caption
-                    ><template v-if="isPriorityVisible">
+                    ><template v-if="showPriorityOnDictionary">
                       [{{ value.priority }}] </template
                     >{{ value.yomi }}</QItemLabel
                   >
@@ -427,9 +427,6 @@ const sortType = ref(sortTypes[0]);
 // 降順か？
 const isDesc = ref(false);
 
-// 優先度表示はするか？
-const isPriorityVisible = ref(false);
-
 const createUILockAction = function <T>(action: Promise<T>) {
   uiLocked.value = true;
   return action.finally(() => {
@@ -835,21 +832,17 @@ const {
 
 .word-list-header {
   margin: 1rem;
-
   gap: 0.5rem;
   align-items: center;
   justify-content: space-between;
-  .word-list-title {
-    flex-grow: 1;
-  }
 }
 
 .word-list {
   // menubar-height + toolbar-height + window-border-width +
-  // 36(title & buttons) + 30(margin 15x2)
+  // 140(title & buttons) + 30(margin 15x2)
   height: calc(
     100vh - #{vars.$menubar-height + vars.$toolbar-height +
-      vars.$window-border-width + 36px + 30px}
+      vars.$window-border-width + 140px + 30px}
   );
   width: 100%;
   overflow-y: auto;

From 515fe8c92b4f309c5742a1d42ae7cf279207b213 Mon Sep 17 00:00:00 2001
From: kebin <kebin628@gmail.com>
Date: Thu, 12 Dec 2024 10:46:03 +0900
Subject: [PATCH 4/7] =?UTF-8?q?=E8=BE=9E=E6=9B=B8=E3=81=AE=E5=84=AA?=
 =?UTF-8?q?=E5=85=88=E5=BA=A6=E8=A1=A8=E7=A4=BA=E3=82=92=E3=82=A2=E3=83=97?=
 =?UTF-8?q?=E3=83=AA=E8=90=BD=E3=81=A8=E3=81=97=E3=81=A6=E3=82=82=E4=BF=9D?=
 =?UTF-8?q?=E5=AD=98=E3=81=99=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB=E5=A4=89?=
 =?UTF-8?q?=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Dialog/DictionaryManageDialog.vue         | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/Dialog/DictionaryManageDialog.vue b/src/components/Dialog/DictionaryManageDialog.vue
index 379115d8a4..6588b46e6b 100644
--- a/src/components/Dialog/DictionaryManageDialog.vue
+++ b/src/components/Dialog/DictionaryManageDialog.vue
@@ -70,7 +70,9 @@
                     <QList>
                       <QItem v-ripple>
                         <QItemSection side>
-                          <QCheckbox v-model="showPriorityOnDictionary"
+                          <QCheckbox
+                            v-model="showPriorityOnDictionary"
+                            @click="OnClickShowPriorityOnDictionary"
                             >優先度をリストに表示する</QCheckbox
                           >
                         </QItemSection>
@@ -382,7 +384,6 @@ const filteredUserDict = computed(() => {
         let order;
         switch (sortType.value.value) {
           case "yomi":
-            console.log("YOMI: " + a[1].yomi + ", " + b[1].yomi);
             order = a[1].yomi.localeCompare(b[1].yomi);
             break;
           case "priority":
@@ -645,6 +646,19 @@ const wordPriorityLabels = {
   10: "最高",
 };
 
+// 優先度表示
+const showPriorityOnDictionaryKey = "ShowPriorityOnDictionary";
+const showPriorityOnDictionary = ref(
+  localStorage.getItem(showPriorityOnDictionaryKey) === "true",
+);
+// 優先度表示の変更があった時に呼ばれるイベント
+const OnClickShowPriorityOnDictionary = () => {
+  localStorage.setItem(
+    showPriorityOnDictionaryKey,
+    showPriorityOnDictionary.value,
+  );
+};
+
 // 操作（ステートの移動）
 const isWordChanged = computed(() => {
   if (selectedId.value === "") {
@@ -760,6 +774,7 @@ const newWord = () => {
   wordPriority.value = defaultDictPriority;
   editWord();
 };
+
 const editWord = () => {
   toWordEditingState();
 };

From f376e7088007b814c3db3f5d589a7297f3e63df1 Mon Sep 17 00:00:00 2001
From: kebin <kebin628@gmail.com>
Date: Thu, 12 Dec 2024 11:23:19 +0900
Subject: [PATCH 5/7] =?UTF-8?q?=E3=83=AC=E3=82=A4=E3=82=A2=E3=82=A6?=
 =?UTF-8?q?=E3=83=88=E5=BE=AE=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/DictionaryManageDialog.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/Dialog/DictionaryManageDialog.vue b/src/components/Dialog/DictionaryManageDialog.vue
index 6588b46e6b..f7ec969b47 100644
--- a/src/components/Dialog/DictionaryManageDialog.vue
+++ b/src/components/Dialog/DictionaryManageDialog.vue
@@ -48,8 +48,8 @@
               @click="discardOrNotDialog(cancel)"
             />
             <div class="word-list-header text-no-wrap col">
-              <div class="word-list-title row">
-                <span class="text-h5">単語一覧</span>
+              <div class="row">
+                <span class="word-list-header-text text-h5">単語一覧</span>
                 <QSpace />
                 <QBtn
                   outline
@@ -655,7 +655,7 @@ const showPriorityOnDictionary = ref(
 const OnClickShowPriorityOnDictionary = () => {
   localStorage.setItem(
     showPriorityOnDictionaryKey,
-    showPriorityOnDictionary.value,
+    showPriorityOnDictionary.value.toString(),
   );
 };
 
@@ -845,10 +845,16 @@ const {
   overflow-x: hidden;
 }
 
+.word-list-header-text {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .word-list-header {
   margin: 1rem;
-  gap: 0.5rem;
   align-items: center;
+  vertical-align: middle;
   justify-content: space-between;
 }
 

From 7eeb02bd9f1732755e26ad121e96431246afa04a Mon Sep 17 00:00:00 2001
From: kebin <kebin628@gmail.com>
Date: Mon, 16 Dec 2024 11:03:38 +0900
Subject: [PATCH 6/7] =?UTF-8?q?=E5=88=A4=E5=AE=9A=E3=81=95=E3=82=8C?=
 =?UTF-8?q?=E3=82=8B=E3=82=AD=E3=83=BC=E3=81=AE=E5=9E=8B=E3=82=92string?=
 =?UTF-8?q?=E3=81=AB=E6=8C=87=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialog/DictionaryManageDialog.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Dialog/DictionaryManageDialog.vue b/src/components/Dialog/DictionaryManageDialog.vue
index f7ec969b47..8d5d34f4f9 100644
--- a/src/components/Dialog/DictionaryManageDialog.vue
+++ b/src/components/Dialog/DictionaryManageDialog.vue
@@ -114,9 +114,9 @@
                 clickable
                 :active="selectedId === key"
                 activeClass="active-word"
-                @click="selectWord(key)"
+                @click="selectWord(String(key))"
                 @dblclick="editWord"
-                @mouseover="hoveredKey = key"
+                @mouseover="hoveredKey = String(key)"
                 @mouseleave="hoveredKey = undefined"
               >
                 <QItemSection>

From 47e357bba3bf14cf593fff36e21bf65f22e56fec Mon Sep 17 00:00:00 2001
From: kebin <kebin628@gmail.com>
Date: Mon, 16 Dec 2024 11:31:20 +0900
Subject: [PATCH 7/7] =?UTF-8?q?=E6=97=A5=E6=9C=AC=E8=AA=9E=E3=83=A2?=
 =?UTF-8?q?=E3=82=B8=E3=83=A5=E3=83=BC=E3=83=AB=E3=81=AB=E5=85=A8=E8=A7=92?=
 =?UTF-8?q?=E5=8D=8A=E8=A7=92=E6=96=87=E5=AD=97=E7=BD=AE=E3=81=8D=E6=8F=9B?=
 =?UTF-8?q?=E3=81=88=E3=82=92=E8=BF=BD=E5=8A=A0=E3=80=82=E8=BE=9E=E6=9B=B8?=
 =?UTF-8?q?=E7=B3=BB=E3=81=AE=E9=96=A2=E6=95=B0=E5=8F=82=E7=85=A7=E5=85=88?=
 =?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/components/Dialog/DictionaryEditWordDialog.vue | 11 +----------
 src/components/Dialog/DictionaryManageDialog.vue   |  1 +
 src/domain/japanese/index.ts                       | 11 +++++++++++
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/Dialog/DictionaryEditWordDialog.vue b/src/components/Dialog/DictionaryEditWordDialog.vue
index 98df081902..26bb760937 100644
--- a/src/components/Dialog/DictionaryEditWordDialog.vue
+++ b/src/components/Dialog/DictionaryEditWordDialog.vue
@@ -172,6 +172,7 @@ import ContextMenu from "@/components/Menu/ContextMenu/Container.vue";
 import { useRightClickContextMenu } from "@/composables/useRightClickContextMenu";
 import { useStore } from "@/store";
 import type { FetchAudioResult } from "@/store/type";
+import { convertHankakuToZenkaku } from "@/domain/japanese";
 
 const store = useStore();
 
@@ -267,16 +268,6 @@ const setYomiWhenEnter = (event?: KeyboardEvent) => {
   void setYomi(yomi.value);
 };
 
-const convertHankakuToZenkaku = (text: string) => {
-  // " "などの目に見えない文字をまとめて全角スペース(0x3000)に置き換える
-  text = text.replace(/\p{Z}/gu, () => String.fromCharCode(0x3000));
-
-  // "!"から"~"までの範囲の文字(数字やアルファベット)を全角に置き換える
-  return text.replace(/[\u0021-\u007e]/g, (s) => {
-    return String.fromCharCode(s.charCodeAt(0) + 0xfee0);
-  });
-};
-
 const setSurface = (text: string) => {
   // surfaceを全角化する
   // 入力は半角でも問題ないが、登録時に全角に変換され、isWordChangedの判断がおかしくなることがあるので、
diff --git a/src/components/Dialog/DictionaryManageDialog.vue b/src/components/Dialog/DictionaryManageDialog.vue
index 83a3868b56..f01b9451f1 100644
--- a/src/components/Dialog/DictionaryManageDialog.vue
+++ b/src/components/Dialog/DictionaryManageDialog.vue
@@ -215,6 +215,7 @@ import { useStore } from "@/store";
 import { AccentPhrase, UserDictWord } from "@/openapi";
 import { EngineId, SpeakerId, StyleId } from "@/type/preload";
 import {
+  convertHankakuToZenkaku,
   convertHiraToKana,
   convertLongVowel,
   createKanaRegex,
diff --git a/src/domain/japanese/index.ts b/src/domain/japanese/index.ts
index ae20a5275e..9b456db423 100644
--- a/src/domain/japanese/index.ts
+++ b/src/domain/japanese/index.ts
@@ -15,6 +15,17 @@ export const createKanaRegex = (includeSeparation?: boolean): RegExp => {
   return /^[\u3041-\u3094\u30A1-\u30F4\u30FC]+$/;
 };
 
+/** 半角文字を全角文字にする */
+export const convertHankakuToZenkaku = (text: string) => {
+  // " "などの目に見えない文字をまとめて全角スペース(0x3000)に置き換える
+  text = text.replace(/\p{Z}/gu, () => String.fromCharCode(0x3000));
+
+  // "!"から"~"までの範囲の文字(数字やアルファベット)を全角に置き換える
+  return text.replace(/[\u0021-\u007e]/g, (s) => {
+    return String.fromCharCode(s.charCodeAt(0) + 0xfee0);
+  });
+};
+
 /** ひらがなをカタカナにする */
 export const convertHiraToKana = (text: string): string => {
   return text.replace(/[\u3041-\u3094]/g, (s) => {