Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

セルを入れ替え可能にする #369

Closed
Hiroshiba opened this issue Oct 19, 2021 · 5 comments
Closed

セルを入れ替え可能にする #369

Hiroshiba opened this issue Oct 19, 2021 · 5 comments
Assignees
@Segu-g
Labels
優先度：高 機能向上

Comments

@Hiroshiba
Copy link
Member

Hiroshiba commented Oct 19, 2021 •
edited
Loading

内容

今のUIだとセリフが入れ替えられず、VOICEVOX上でプロットを書くタイプの作成方法だと結構不便です。
入れ替え可能にできると作業効率がぐっと上がると思います。

Pros 良くなる点

Cons 悪くなる点

UIどうするかが難しそう

実現方法

CeVIOの方式だと、
「クリックしてセルを選択」したあと、「ctrl+Xなどで切り取り」するか、「ドラッグアンドドロップで移動」です。
まずセルを選択する機能が必要だと思います。
（セルをアクティブにする機能はありますが、いずれマルチ選択を実装することになると思うので、最初から分けたほうが良いと思います）

その他

要望の声 https://twitter.com/anon10779562/status/1450414896705798144
@Yosshi999
Copy link
Contributor

jupyter notebook系のUIも参考になるでしょうか。

Colab

セルの右上に「↑」「↓」のボタン
image

Kaggle

セルを選択した後にEditメニューから"Move cell up"または"Move cell down"を選択

Jupyter notebook

ツールバーに↑↓ボタン・EditメニューにMove cell up/down項目

image

ちなみにどのサービスでもshift clickで複数セル選択できて一緒に移動できます

@Hiroshiba
Copy link
Member Author

Jupyter Notebookのセル移動は、移動先のセルが画面内に表示されず、かつ移動する利用頻度が少なく開発リソースを回せていないからこういう仕様になっているんだと思います。
VOICEVOXの場合は画面内に見えていることも多いので、どっちかというとD&Dのほうが良いのかもと思いました。
ただ実装コストはjupyter notebookのような方が低いので、一旦真似するのも良いのかもと思いました！

@Hiroshiba
Copy link
Member Author

要望の声を見かけたので共有します
https://twitter.com/_rokushima/status/1466750218662465549?s=20

@Segu-g
Copy link
Member

Segu-g commented Dec 4, 2021 •
edited
Loading

D&Dで実装する方針でやってみたいと思います

@Segu-g Segu-g mentioned this issue Dec 4, 2021
Merged
@Segu-g Segu-g mentioned this issue Dec 13, 2021
Closed
3 tasks
Hiroshiba pushed a commit that referenced this issue Dec 13, 2021
@Segu-g
セルの並び替え機能 ( #369 ) (#553)
89fb59a 
* add action , mutation and command for reorder

* install vuedraggable

* add DaD UI

* Revert "add action , mutation and command for reorder"

This reverts commit 67aebca.

* add mutation, action and command.

* add updateAudioKeys in UI

* fix drag handle area

* revert  ghost style area
@Hiroshiba
Copy link
Member Author

実装されたのでcloseします！！ thx @.Segu-g

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Segu-g Segu-g

Labels
優先度：高 機能向上
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@Hiroshiba @Yosshi999 @Segu-g