diff --git a/translate-backend/main.py b/translate-backend/main.py
index 6f8519ae..00d9b160 100644
--- a/translate-backend/main.py
+++ b/translate-backend/main.py
@@ -91,6 +91,9 @@ def source2wakati_byLines(source):
                 if letter_default[num] == "ー":  # 長音は長音のまま
                     letter[num] = letter_default[num]
             kana = "".join(letter)
+            for num in range(min(len(letter), len(letter_normal))):
+                if letter[num] == "ー" and (hinshi == "動詞"):
+                    kana = kana_normal
             if (
                 letter_default[0] in mapping.mapping_alpha
                 or letter_default[0] in mapping.mapping_alpha_CAP
@@ -102,12 +105,19 @@ def source2wakati_byLines(source):
                 target.append(kana)
             elif prehinshi_specific == "数詞" and hinshi == "名詞":  # 数字と単位の間は空けない
                 target.append(kana)
+            elif hinshi == "形状詞" and kana == "ヨー": # 「そのような」は1語
+                target.append(kana)
             elif kana == "*":
                 pass
             elif hinshi == "補助記号":
-                target.append(kana)
+                if hinshi_specific == "括弧開":
+                    target.append("　" + kana) 
+                else:
+                    target.append(kana)
             elif target == []:
                 target.append(kana)
+            elif prehinshi_specific == "括弧開":
+                target.append(kana)
             else:
                 target.append("　" + kana)
             prehinshi = hinshi
diff --git a/translate-backend/mapping.py b/translate-backend/mapping.py
index 36c8b4a6..c9b2ee0a 100644
--- a/translate-backend/mapping.py
+++ b/translate-backend/mapping.py
@@ -117,6 +117,12 @@
     "？": "⠢",
     "「": "⠤",
     "」": "⠤",
+    "&": "⠰⠯",
+    "＆": "⠰⠯",
+    "(": "⠶",
+    ")": "⠶",
+    "（": "⠶",
+    "）": "⠶",
 }
 
 mapping_alpha = {
diff --git a/translate/package.json b/translate/package.json
index f7f0f345..fc54d627 100644
--- a/translate/package.json
+++ b/translate/package.json
@@ -7,7 +7,8 @@
     "setup": "npm run setup:env && npm run setup:ci",
     "setup:env": "cp .env.sample .env",
     "setup:ci": "npm ci",
-    "dev": "vite",
+    "dev": "vite & npm run backend:dev",
+    "backend:dev": "cd ../translate-backend && . ./env/bin/activate && uvicorn main:app --reload --port 8000 && deactivate",
     "build": "vite build",
     "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
diff --git a/translate/src/App.tsx b/translate/src/App.tsx
index 86e9e123..326f7b23 100644
--- a/translate/src/App.tsx
+++ b/translate/src/App.tsx
@@ -7,6 +7,8 @@ import {
   IconButton,
   Typography,
   TextField,
+  FormControlLabel,
+  Switch,
 } from "@mui/material";
 import MenuIcon from "@mui/icons-material/Menu";
 import { useTheme } from "@mui/material/styles";
@@ -25,6 +27,10 @@ function App() {
   //const [displayTargetText, setDisplayTargetText] = useState("");
   const [targetText, setTargetText] = useState("");
 
+  const [isPageNumberOn, setIsPageNumberOn] = useState(false);
+  const [fileName, setFileName] = useState("");
+  const [showWarning, setShowWarning] = useState(false);
+
   async function source2wakati(text: string) {
     const response = await fetch(
       `${API_ENDPOINT}/source2wakati?sourceText=` + text,
@@ -155,15 +161,55 @@ function App() {
                 Copy
               </Button>
             </div>
+            <div>
+              <label>
+                ファイル名：
+                <input
+                  type="text"
+                  value={fileName}
+                  onChange={(name) => {
+                    setFileName(name.target.value);
+                    setShowWarning(false);
+                  }} // ユーザーの入力に反応してファイル名を更新
+                />
+                .BES
+              </label>
+              {showWarning && (
+                <div style={{ color: "red" }}>
+                  ファイル名を入力してください。
+                </div>
+              )}
+            </div>
+            <div style={{ display: "flex", justifyContent: "flex-end" }}>
+              <FormControlLabel
+                control={
+                  <Switch
+                    checked={isPageNumberOn}
+                    onChange={() => {
+                      setIsPageNumberOn(!isPageNumberOn);
+                    }}
+                  />
+                }
+                label="ページ番号あり"
+                labelPlacement="start"
+              />
+            </div>
             <div style={{ display: "flex", justifyContent: "flex-end" }}>
               <Button
                 onClick={() => {
-                  const buffer = unicodeToBes(targetText.replace(/\n/g, "\\n"));
+                  const buffer = unicodeToBes(
+                    targetText.replace(/\n/g, "\\n"),
+                    isPageNumberOn,
+                  );
                   const blob = new Blob([buffer], { type: "text/plain" });
                   const url = URL.createObjectURL(blob);
                   const a = document.createElement("a");
+                  if (fileName.trim() === "") {
+                    setShowWarning(true); // ファイル名が空の場合、警告を表示
+                    return;
+                  }
                   a.href = url;
-                  a.download = "output.BES";
+                  a.download = fileName + ".BES";
                   a.click();
                 }}
               >
diff --git a/translate/src/modules/unicodeToBes.ts b/translate/src/modules/unicodeToBes.ts
index a31e52c8..76920acf 100644
--- a/translate/src/modules/unicodeToBes.ts
+++ b/translate/src/modules/unicodeToBes.ts
@@ -1,10 +1,27 @@
-export function unicodeToBes(unicode: string): Uint8Array {
+import { PagesRounded } from "@mui/icons-material";
+
+export function unicodeToBes(
+  unicode: string,
+  isPageNumberOn: boolean,
+): Uint8Array {
   const output = [
     0x25, 0x42, 0x45, 0x54, 0x34, 0x30, 0x30, 0x25, 0x32, 0x30, 0x32, 0x33,
     0x2f, 0x30, 0x35, 0x2f, 0x31, 0x36, 0x20, 0x20, 0x45, 0x35, 0x33, 0x33,
     0x32, 0x32, 0x20, 0x20, 0x20, 0x20, 0x20, 0x30,
   ];
-  for (let i = 0; i < 512 - 32; i++) {
+  const mapping_num = {
+    "1": "⠁",
+    "2": "⠃",
+    "3": "⠉",
+    "4": "⠙",
+    "5": "⠑",
+    "6": "⠋",
+    "7": "⠛",
+    "8": "⠓",
+    "9": "⠊",
+    "0": "⠚",
+  };
+  for (var i = 0; i < 512 - 32; i++) {
     output.push(0x20);
   }
   const semiheader = [0xff, 0xff, 0xff, 0x54];
@@ -19,7 +36,8 @@ export function unicodeToBes(unicode: string): Uint8Array {
 
   // 2つ目,3つ目はBESファイルの文字数を表す
 
-  for (let i = 0; i < 4; i++) {
+  /***ページ番号なし
+  for (var i = 0; i < 4; i++) {
     output.push(header[i]);
     console.log(output.length);
   }
@@ -83,6 +101,235 @@ export function unicodeToBes(unicode: string): Uint8Array {
   const letters_num = 0x1a + all_letters;
   output[1025] = (letters_num % 255) + 12;
   output[1026] = Math.floor(letters_num / 255);
+  */
+
+  if (isPageNumberOn) {
+    console.log("have index");
+    // ページ番号あり
+    for (var i = 0; i < 4; i++) {
+      output.push(header[i]);
+    }
+    var letters_on_page = 0;
+    for (var i = 0; i < 27; i++) {
+      output.push(0xa0);
+      letters_on_page += 1;
+    }
+    output.push(0xdc);
+    var num = "⠁";
+    var num_codePoint = num.codePointAt(0);
+    if (num_codePoint != null) {
+      output.push(num_codePoint - 0x2800 + 0xa0);
+    }
+    letters_on_page += 2;
+    output.push(0xfe);
+    var letters = 0;
+    var lines = 0;
+    var pages = 0;
+    var separate_pos = 0; // 単語区切りの空白の位置
+    var num_pos = 1025; // ページごとの文字数を入力する位置
+    var letters_num = 0x1a;
+
+    for (const char of unicode) {
+      const codePoint = char.codePointAt(0);
+
+      if (lines === 21) {
+        // ページをまたぐとき
+        lines = 0;
+        pages += 1;
+        letters_num = 0x19 + letters_on_page;
+        output[num_pos] = (letters_num % 255) - Math.floor(letters_num / 255);
+        /***
+        if (pages === 1) {
+          output[num_pos] = (letters_num % 255) + 13;
+        } else {
+          output[num_pos] = letters_num % 255;
+        }
+        */
+        // 8B 01 <> 89 01
+        output[num_pos + 1] = Math.floor(letters_num / 255);
+        console.log("Page: ", pages, num_pos, Math.floor(letters_num / 255));
+        num_pos = output.length;
+        console.log("sep", num_pos);
+        output.push(0x00);
+        // console.log(output.length);
+        output.push(0x00);
+        output.push(0xfd);
+        letters_on_page = 0;
+        for (var i = 0; i < 27; i++) {
+          output.push(0xa0);
+          letters_on_page += 1;
+        }
+        output.push(0xdc);
+        letters_on_page += 1;
+        const num_str = String(pages + 1);
+        for (var i = 0; i < num_str.length; i++) {
+          num = mapping_num[num_str[i]];
+          console.log(i, num_str, num);
+          num_codePoint = num.codePointAt(0);
+          if (num_codePoint != null) {
+            output.push(num_codePoint - 0x2800 + 0xa0);
+          }
+          letters_on_page += 1;
+        }
+        output.push(0xfe);
+      }
+      if (letters === 33) {
+        // 文が1行におさまらないとき改行
+        if (codePoint === 0x2800) {
+          output.push(0xfe);
+          lines += 1;
+          letters = 0;
+        } else {
+          // 次の文字が空白でないとき、単語区切りに戻って改行
+          output.splice(separate_pos, 0, 0xfe);
+          lines += 1;
+          letters = output.length - separate_pos - 1;
+        }
+        if (lines === 21) {
+          // ページをまたぐとき
+          lines = 0;
+          pages += 1;
+          // 次ページに移った文字数を引く
+          letters_on_page = letters_on_page - letters;
+          letters_num = 0x19 + letters_on_page;
+          output[num_pos] = (letters_num % 255) - Math.floor(letters_num / 255);
+          output[num_pos + 1] = Math.floor(letters_num / 255);
+          console.log("Page: ", pages, num_pos, Math.floor(letters_num / 255));
+          num_pos = separate_pos + 1;
+          console.log("con", num_pos);
+          output.splice(separate_pos + 1, 0, 0x00);
+          output.splice(separate_pos + 2, 0, 0x00);
+          output.splice(separate_pos + 3, 0, 0xfd);
+          letters_on_page = letters;
+          for (var i = 0; i < 27; i++) {
+            output.splice(separate_pos + i + 4, 0, 0xa0);
+            letters_on_page += 1;
+          }
+          output.splice(separate_pos + 31, 0, 0xdc);
+          letters_on_page += 1;
+          const num_str = String(pages + 1);
+          for (var i = 0; i < num_str.length; i++) {
+            num = mapping_num[num_str[i]];
+            num_codePoint = num.codePointAt(0);
+            if (num_codePoint != null) {
+              output.splice(
+                separate_pos + 32 + i,
+                0,
+                num_codePoint - 0x2800 + 0xa0,
+              );
+            }
+            letters_on_page += 1;
+          }
+          output.splice(separate_pos + 32 + num_str.length, 0, 0xfe);
+        }
+      }
+
+      if (codePoint === 0x2800) {
+        separate_pos = output.length;
+      }
+      if (codePoint != null) {
+        if (codePoint >= 0x2800 && codePoint <= 0x28ff) {
+          output.push(codePoint - 0x2800 + 0xa0);
+          letters += 1;
+          letters_on_page += 1;
+        }
+      }
+      if (char === "n") {
+        // "\n"で改行
+        output.push(0x0d);
+        letters_on_page += 1;
+        output.push(0xfe);
+        lines += 1;
+        letters = 0;
+      }
+    }
+
+    if (pages < 10) {
+      output[31] = 0x30 + pages;
+    } else {
+      output[31] = 0x30 + Math.floor(pages / 10);
+      output[32] = 0x30 + (pages % 10);
+    }
+
+    for (var i = 0; i + lines < 21; i++) {
+      output.push(0xfe);
+    }
+    output.push(0xff);
+
+    letters_num = 0x19 + letters_on_page;
+    output[num_pos] = letters_num % 255;
+    output[num_pos + 1] = Math.floor(letters_num / 255);
+  } else {
+    console.log("No index");
+    console.log(isPageNumberOn);
+    // ページ番号なし
+    for (var i = 0; i < 4; i++) {
+      output.push(header[i]);
+      console.log(output.length);
+    }
+    var all_letters = 0;
+    for (var i = 0; i < 27; i++) {
+      output.push(0xa0);
+      all_letters += 1;
+    }
+    output.push(0xfe);
+    var letters = 0;
+    var lines = 0;
+    var pages = 0;
+    var separate_pos = 0; // 単語区切りの空白の位置
+    for (const char of unicode) {
+      const codePoint = char.codePointAt(0);
+
+      if (lines == 21) {
+        // ページをまたぐとき
+        lines = 0;
+        pages += 1;
+      }
+      if (letters == 33) {
+        // 文字が1行におさまらず改行
+        if (codePoint == 0x2800) {
+          output.push(0xfe);
+          lines += 1;
+          letters = 0;
+        } else {
+          // 次の文字が空白でないとき、単語区切りに戻って改行
+          output.splice(separate_pos, 0, 0xfe);
+          lines += 1;
+          letters = output.length - separate_pos - 1;
+        }
+      }
+
+      if (codePoint == 0x2800) {
+        separate_pos = output.length;
+      }
+      if (codePoint != null) {
+        if (codePoint >= 0x2800 && codePoint <= 0x28ff) {
+          output.push(codePoint - 0x2800 + 0xa0);
+          letters += 1;
+          all_letters += 1;
+        }
+      }
+      if (char == "n") {
+        // "\n"で改行
+        output.push(0x0d);
+        output.push(0xfe);
+        lines += 1;
+        letters = 0;
+      }
+    }
+    output[31] = 0x30 + pages;
+    for (var i = 0; i + lines < 21; i++) {
+      output.push(0xfe);
+    }
+    output.push(0xff);
+
+    // 文字数を代入
+    var letters_num = 0x1a + all_letters;
+    output[1025] = (letters_num % 255) + 12;
+    output[1026] = Math.floor(letters_num / 255);
+  }
 
   return new Uint8Array(output);
 }
+
+// 71 01 -> 77 01