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

ソング画面のツールバーの構成をわかりやすくする #1793

Closed
romot-co opened this issue Jan 29, 2024 · 3 comments
Closed

ソング画面のツールバーの構成をわかりやすくする #1793

romot-co opened this issue Jan 29, 2024 · 3 comments
Assignees
@romot-co
Labels
優先度：中 機能向上

Comments

@romot-co
Copy link
Contributor

内容

ツールバーの構成を

  • 左部がソングの設定
  • 中央が再生コントロール
  • 右部が編集コントロールに修正する

各コンポーネントにわかりやすいようラベルやアイコンを付与する

  • テンポ
  • 拍子
  • ボリューム
  • スナップ

※ 現状ですと案ですが、以下のような形
voicevox-sequencer-light+
voicevox-sequencer-dark+

Pros 良くなる点

  • 情報構造のグループとして把握しやすくなる
  • ラベルがないと意図がわかりづらい要素を修正(特に音量とスナップ)

Cons 悪くなる点

なし

実現方法

  • テンプレートおよびSCSSの調整

VOICEVOXのバージョン

0.1.6

OSの種類/ディストリ/バージョン

その他
@romot-co romot-co changed the title ソング画面のツールバーの構成を変える ソング画面のツールバーの構成をわかりやすくする Jan 29, 2024
@romot-co romot-co self-assigned this Feb 1, 2024
@romot-co
Copy link
Contributor Author

romot-co commented Feb 1, 2024

(こちら土日に行います)

romot-co pushed a commit that referenced this issue Feb 3, 2024
#1793 ツールバーを調整する
c79f46a
@romot-co
Copy link
Contributor Author

romot-co commented Feb 3, 2024

現状の進捗(拍子の部分、分割入力のためいい方法ないか考慮中)
スクリーンショット 2024-02-03 22 46 21

romot-co pushed a commit that referenced this issue Feb 7, 2024
#1793 ツールバーを調整する
cfef413
romot-co pushed a commit that referenced this issue Feb 7, 2024
#1793 ツールバー調整
f9883ee
romot-co pushed a commit that referenced this issue Feb 7, 2024
#1793 コンフリクト修正
8ad3964
@romot-co romot-co mentioned this issue Feb 7, 2024
Merged
Hiroshiba added a commit that referenced this issue Feb 10, 2024
@romot-co @Hiroshiba
ツールバーの表示を整理する (#1830)
fb78789 
* #1793 ツールバーを調整する

* #1793 ツールバーを調整する

* #1793 ツールバー調整

* Update src/components/Sing/ToolBar.vue

---------

Co-authored-by: USER <user@USERs-MacBook-Pro.local>
Co-authored-by: Hiroshiba <hihokaruta@gmail.com>
@romot-co
Copy link
Contributor Author

romot-co commented Aug 5, 2024

こちら終了済みのためクローズいたします…！

@romot-co romot-co closed this as completed Aug 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@romot-co romot-co

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

No branches or pull requests
3 participants
@Hiroshiba @romot-co and others