Skip to content

キャラクター並び替え・試聴ダイアログでトークとソングを切り替えられるようにする #2078

@Hiroshiba

Description

@Hiroshiba

内容

キャラクター並び替えダイアログは、いろんな経緯で試聴も可能なダイアログになっています。

ただ、今はトークもソングも一緒くたになって試聴できるようになっていて、聞いているのがトークなのかソングなのかわからないようになってしまっています。

ダイアログのどこかにトークとソングを切り替えられる UI を作れば、興味がある方を聞けるし、どちらを聞いているかわかりやすくなると思います!

Pros 良くなる点

分かりやすくなる

実現方法

ダイアログの UI はこちらです。
src/components/Dialog/CharacterOrderDialog.vue

右上辺りにボタンを2つ並べるようなUIパーツを置いて、そのステートに従って表示するものを変えるのが良さそう。

そのスタイルがソングかどうかの判定には↓の関数が便利だと思います。
https://github.com/Hiroshiba/voicevox/blob/595d108828e87dcda1691621c688b8cf7a3338e3/src/store/utility.ts#L457

その他

ちょっと UI に関連するタスクですが、理想は簡単なので初心者歓迎ラベルをつけています!
分からないところがあったら何でも聞いてください!

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions