Add: .vvppファイルの読み込みを追加

[sevenc-nanashi]

内容

VVPP（VoiceVox Plugin Package、zipファイル）ファイルの読み込みを追加します。

関連 Issue

（なし）

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

（なし）

その他

（なし）

[sevenc-nanashi]

#982 のエンジン管理UIの追加ボタンでもインポートできたら面白そう。
#982 待とうと思います（これ自体は完成してるはず、ただしMacとLinuxでのテストができない。未所持）

[sevenc-nanashi]

UI関連で悩んでいます。
現在のエンジン追加パネルではディレクトリを受け付けているので、ファイルを入力できません。

[Hiroshiba]

おお、なるほどです。
「エンジン追加」と「プラグインエンジンインストール」は需要が別なので、いったんUIを分けちゃっても良いかもと思いました。
text inputとボタンが２つずつある感じです。

[sevenc-nanashi]

なるほど。
右のパネルのテキストボックスがフォルダ追加用のパス入力とvvpp追加用のパス入力で分かれてる感じですか？

[sevenc-nanashi]

うーん。
片方に入力するともう片方が無効化される、みたいな感じだとよさそう…？

[Hiroshiba]

なるほどです！似たUIが複数表示されると混乱される方もいらっしゃりそうですね。
フォームに似ているので、選ぶのではなく、全部入力する必要があるかと思いそう。

ユーザーの関心事の順番にUIを表示してあげるのはどうでしょう。
ユーザーが先に気になるのは「既存エンジンの追加」あるいは「エンジンのインストール」という操作なので、それらだけを表示して、どちらか選んでもらった後にパス入力を促すとややこしさを軽減できるかもです。

アイデアとしてはこんなところでしょうか。

• エンジン一覧下の「追加」ボタンを「既存エンジン追加」「エンジンインストール」に分割する
• エンジン一覧下の「追加」ボタンを押した後にこの２つどちらなのかを選ぶダイアログを表示する
• エンジン一覧下の「追加」ボタンを押した後にこの２つどちらなのかを選ぶビューを右側に表示し、選んだ後にパス入力フィールドが現れる

[sevenc-nanashi]

とりあえずこんな感じになりました（vvppは未実装）

[Hiroshiba]

なるほどです。２種類なので、設定にあるの文字コード選択のUTF8/ShiftJISのUIみたいに、どっちも表示されててそこから選ぶ形だとわかりやすいのかなと思いました。
（「フォルダ」をクリックしなくてもvvppからインストールできるということに気づける）

あとやっぱり最初からパス入力できるの違和感あるんですよね。
例えば、よくあるファイル読み込み・書き込みは、「読み込み」「書き込み」ボタンを押した後にパスを選ぶという流れがある気がします。

[Hiroshiba]

（まあ細かいのですが、こういう地道なユーザーとの直感合わせがいわゆるデザインだと思うので、意識しています）

[sevenc-nanashi]

こんな感じになりました。

[sevenc-nanashi]

今考えたことを幾つか：

• テキストボックスの下に軽い説明があっても面白いかも？（「他のボイボ派生アプリを使いたいときはこれ」、みたいな）
• vvppファイルから追加したエンジンは削除ボタンを使えるようにしたほうが楽かも？（.voicevox-is-from-vvppみたいなファイルを作成して判別する）

[Hiroshiba]

ありがとうございます！！実際のUIがあるとすごく参考になります！！

ボタン横置きだとVVPPファイルが選べることがわかってすごくいいなと思いました。
ただあれですね、このボタンどれも選ばれてない状態だと、クリック可能であることがなかなかわかりづらいですね･････。（Lightモードだけかもしれませんが）
先程と言ってることが異なるのですが、「フォルダ」側がデフォルトで選択されている状態のがわかりやすいなと感じました 🙇

あと、エンジンを選択後に追加ボタンを押すとエンジン選択が解除されたほうが良いかもです。（そのエンジンを操作しているように感じちゃうかもなので）
この２点はかなり細かい部分ですので、あとでこちらで調整するというのも可能なので置いといてもらってもどちらでもOKです！

[Hiroshiba]

テキストボックスの下に軽い説明があっても面白いかも？（「他のボイボ派生アプリを使いたいときはこれ」、みたいな）

良いと思います！

削除ボタン

良いですね！！

目印ファイルを置くのも手ですが、よくよく考えるとユーザーエンジンディレクトリとは役割が違いそうなので、ディレクトリを分けちゃっても良いかもと思いました。
ユーザーエンジンディレクトリはエンジンを直接配置する目的、こっちはプラグインとしてインストールしたエンジン、みたいな。

以前のenginesディレクトリはそのままに、plugin-enginesを作ってそっちで管理するというのはどうでしょう。
（またエンジンの概念が増えてしまいますが。。。）

[sevenc-nanashi]

命名変えましたー。

[Hiroshiba]

間違いなくもう少しですね！！！

[Hiroshiba]

１箇所だけ見つけたので追加でコメントしました🙇
もうほぼLGTMです･･･！！！

[sevenc-nanashi]

レビュー貰ったところは直しましたー。

[Hiroshiba]

LGTM！！！！！！！！
お疲れ様でした！！！

そういえばあとvvppの自動ビルドもできるとかっこよさそうなのですが、 @sevenc-nanashi さんはGithub Actionsビルド周り興味ありますか･･･？
図々しいのですが、もし可能でしたらエンジン側に実装をお願いできるととても嬉しいです･･･！

@y-chan さん、レビューお願いしてもいいですか･･･？
深いコンテキストが必要で、サービスロジック周りで分からない点はかなり多くあると思うのですが、コード周りをさらっと確認いただけるととても心強いです。。 🙇‍♂️
（時間的に厳しそうであれば、いったんプレビュー版をビルドして実行チェックするフェーズに入ろうかなと考えてます）

[sevenc-nanashi]

Actionsは結構触ったことあるので、後でプルリク投げようと思います
ルートフォルダと拡張子を変えるだけでいい…はず？

[Hiroshiba]

ルートフォルダと拡張子を変えるだけでいい…はず？

同意見です！ぜひ･･･！

[Hiroshiba]

@y-chan さんお時間いかがでしょうか 👀（急かしてしまってすみません）

[y-chan]

遅くなりました、LGTMです...!