UI・.mdファイルの括弧の全角と半角を統一する

[thiramisu]

内容

UIの括弧が全角と半角で分かれているのを統一します。
対象となるのは主にキャラクタースタイルの括弧です。

関連 Issue

• ref store/audio.ts周りのリファクタリング #1475
  上記の一環です。
• スタイルの"ノーマル"を定数にする #1520
  元のタイトルだった、"ノーマル"の定数化は上記に分離しました。

スクリーンショット・動画など

その他

const formatCharacterStyleName = (characterName, styleName = DEFAULT_STYLE_NAME) => `${characterName} (${styleName})`; 的な関数を定義したかったんですが、逆にややこしくなりそうだったので諦めました…
表示的には(の前に半角スペースが入っているのが見やすいと思ったのですが、「テキストを繋げて書き出し」の出力結果に半角スペースが入ってなかったためです。
#1510 (review)
「テキストを繋げて書き出し」は、上記のコメントを参考に、書き出しは全角括弧に変更して、読み込みは全角・半角両方行えるようにしました。

[Hiroshiba]

リファクタリングありがとうございます！！

全角括弧と半角括弧の統一は賛成です！！
ちょっと調べてみたのですが、全体的に全角括弧と半角括弧が混ざっていました。他にもキャラクター欄の上に表示してある場所は全角括弧になっていそうです。
個人的には日本語フォントなので日本語フォント用に設計された全角括弧の方がおそらくいいだろうなと思っているというのもあり、寄せるとしたら全角括弧が良いのかな･･･とか思ったのですがどうでしょうか･･･。

関数を定義したかったんですが、逆にややこしくなりそうだったので諦めました

こちらに関して、テキスト読み込みだけ半角括弧と全角括弧両対応ということにすれば、全部を全角括弧で統一できるかも･･･？

---

せっかくリファクタリングのプルリクエスト送っていただいているのに、コメントが多くて申し訳ないです。。

[thiramisu]

せっかくリファクタリングのプルリクエスト送っていただいているのに、コメントが多くて申し訳ないです。。

フロントエンドでUIが密接に関わってくる部分も多く、全然気にしてないどころか、自分だと方針決めかねていることも多いので、むしろどんどん言っていただけると助かります！

どっちかに寄せるのに賛成です。処理的には多分スペースを入れないほうがhtmlで自動省略されないので書きやすいのかなと思いました。
見た目的に半角/全角どちらが良いのかについてちょっとググってみたところだと…
政府の文書だと、括弧内の文字が半角/全角かによって半角/全角かが分かれてました。この仕様に則ると全角ですね。
コピーライターの方のnoteでも、エンジニアは半角をよく使うけど、コピーライター的には全角だと主張されていました（結論は統一すればどっちでも良いという感じですが）。
全角だと括弧の高さが日本語仕様なので収まりが良いことが触れられています。ただ、そのままだと横幅を取り、見た目的にも字間をツメた方が綺麗とも言われていました。
まあ全角で良いかなと思います。

[Hiroshiba]

@thiramisu 僕も気になって調べてみたのですが、全角統一で賛成です。全く同じ資料を読んでいました。

他にもデザイナーさんの資料を見た感じだと、半角カッコは重心が下にあるのでよくないと書かれてました。
https://yososhi.com/archives/how-designers-use-brackets/

あと念のためにUX・UIの方針見直したら全角って書いてました･･･！

たぶん中身が半角だと半角カッコの方がいいんだろうなと思います。
（ノーマル）(ノーマル)（Normal）(Normal)
（ノーマル）(ノーマル)（Normal）(Normal)

[thiramisu]

あるいは一旦タイトルの通り定数にする部分だけにするとかもありだと思います！

このコメントの通り、PR分けるのが良い気がしてきました！
定数化に関しては特に問題なさそうなのでそちらを新たに作成し、議論が進んでいるこちらの名前を「括弧の全角と半角を統一する」としようかなと思います。

一旦定数化のほうのPRのマージを待とうかなと…！

[thiramisu]

全角括弧の方に統一できた＆merge mainで無関係なテストが落ちなくなっていそうだったのでDraftを外しました。

#1510 (review)
「テキストを繋げて書き出し」は上記のコメントを参考に以下の仕様に変更しました。

• 書き出しは全角括弧に変更
• 読み込みは全角・半角の両方に対応

---

ちなみに念のための確認なのですが、以下の２箇所は元から括弧が無く、本PRでも追加していませんが、このままで大丈夫でしょうか。
括弧を付けた場合、若干見た目が悪くなるのと引き換えに分かりやすさは上がる気もしますが、まあ誤差な気もします。

現状

（試しに括弧ありにしてみたバージョン）

現状

（試しに括弧ありにしてみたバージョン）

[Hiroshiba]

ちなみに念のための確認なのですが、以下の２箇所は元から括弧が無く、本PRでも追加していませんが、このままで大丈夫でしょうか。

このままで大丈夫だと思います！
キャラクター名の横にスタイル名を書く時はキャラ（スタイル）という感じかなと！

[Hiroshiba]

ほぼLGTMです！！

ちなみにUI以外の部分も半角括弧が全角括弧に置き換わっていますが意図的でしょうか 👀

[Hiroshiba]

（ただのメモです）
issue templateはそういえば.githubリポジトリの方に移しちゃって、全VOICEVOXリポジトリに同じテンプレートが適用されるようにしていたんでした。
後で https://github.com/VOICEVOX/.github/tree/main/.github/ISSUE_TEMPLATE の方も変えておこうと思います。

[Hiroshiba]

抜け漏れがないかどうかチェックしようと思ったのですが、関数利用の()などが大量に引っかかってかなり難しそうでした。。。
どのようにして検知されましたか･･･？

[thiramisu]

ちなみにUI以外の部分も半角括弧が全角括弧に置き換わっていますが意図的でしょうか 👀

範囲の想定としては「コメントアウト以外のすべての場所」という感じで、実質的に.mdファイルのみだったのでタイトルをそのように変更しました。

---

どのようにして検知されましたか･･･？

いい方法が思いつかなかったので割と人力です 😇
検索窓の横幅を増やしたり、キーボードの上下で前・次の候補に飛べるのを利用すれば少しだけ分かりやすくなるかもです…

269bf59
正規表現[^\]]\(.*[^ -#%-~]+.*\)で検索し一つずつ見ていった

[thiramisu]

レビューありがとうございます！反映しました。

[Hiroshiba]

LGTM！！

いい方法が思いつかなかったので割と人力です 😇
検索窓の横幅を増やしたり、キーボードの上下で前・次の候補に飛べるのを利用すれば少しだけ分かりやすくなるかもです…

なるほどです！！ありがとうございます！！

---

一箇所追加で見つけたので勝手ながら変更コミットをさせていただきました 🙇
（ChatGPTに教えてもらった\(([^)]*[^ -~][^)]*)\)で探しました）

[thiramisu]

抜け修正ありがとうございます。助かります。