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.

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

Add: BPM・拍子変更機能を追加 #2303

Open
wants to merge 53 commits into
base: main
Choose a base branch
from

Conversation

sevenc-nanashi
Copy link
Member

内容

タイトル通りです。

関連 Issue

(なし)

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

image

その他

現時点でもダイアログの挙動自体はStorybookから確認出来ます。

() => lastTimeSignature.value.measureNumber === currentMeasure.value,
);

const contextMenuHeader = computed(() => `${currentMeasure.value}小節目`);
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ここは #2306 の形式で出そうかな~って思ってます。

@sevenc-nanashi sevenc-nanashi marked this pull request as ready for review October 19, 2024 16:16
@sevenc-nanashi sevenc-nanashi requested a review from a team as a code owner October 19, 2024 16:16
@sevenc-nanashi sevenc-nanashi requested review from Hiroshiba and removed request for a team October 19, 2024 16:16
@sevenc-nanashi sevenc-nanashi marked this pull request as ready for review October 26, 2024 06:39
Copy link
Member

@Hiroshiba Hiroshiba left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

挙動だけ確認させていただきました!
一旦大きく気になったところはなさそう・・・!

@romot-co @sigprogramming
もしよかったらちょっと気になる点先にご確認いただけるとありがたいです!!
BPM や拍子が途中変更できるので、データ所持の設計やコンポーネント構造、あとUX周りで設計を大きく変えないといけないところがあればお聞きしたい感じです!

(データの設計はもともと可変で作っていたから変更なしかも・・・?すごい!!!)

@sigprogramming
Copy link
Contributor

BPM・拍子変更機能の実装ありがとうございます!
スナップの線が表示されなくなってるかも?

@sevenc-nanashi
Copy link
Member Author

直ったと思います > スナップ線

Copy link
Contributor

@sigprogramming sigprogramming left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

コンポーネント周りをレビューしました!

src/components/Sing/SequencerGrid/Presentation.vue Outdated Show resolved Hide resolved
src/components/Sing/SequencerGrid/Presentation.vue Outdated Show resolved Hide resolved
src/components/Sing/SequencerGrid/Presentation.vue Outdated Show resolved Hide resolved
src/components/Sing/SequencerRuler/Presentation.vue Outdated Show resolved Hide resolved
src/components/Sing/SequencerRuler/Presentation.vue Outdated Show resolved Hide resolved
Copy link
Contributor

@sigprogramming sigprogramming left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

一通りレビューしました!

小節・拍の線は問題なく表示されてましたが、スナップの線が「拍子が3/4でスナップが1/4T」のときにずれて表示されてました!(スナップ線は小節・拍の線とは別で描画する必要がありそう)
スナップ線の描画

src/components/Sing/SequencerGrid/Presentation.vue Outdated Show resolved Hide resolved
src/components/Sing/SequencerGrid/Presentation.vue Outdated Show resolved Hide resolved
src/components/Sing/SequencerRuler/Presentation.vue Outdated Show resolved Hide resolved
src/components/Sing/SequencerRuler/Presentation.vue Outdated Show resolved Hide resolved
Comment on lines 333 to 338
const timeSignaturesWithTicks = tsPositions.value.map((tsPosition, i) => {
return {
position: tsPosition,
timeSignature: props.timeSignatures[i],
};
});
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

TimeSignature & { position: number }にしても良いかも。 (テンポの方は変換要らなそう)

Copy link
Member

@Hiroshiba Hiroshiba Oct 31, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

横からすみません!

何度もfind(position)されてるので、たぶんMapにするといろいろきれいになりそうだな〜と思いました!
計算コスト的にMapが一番良い気が・・・するかもしれない!

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

確かにMapにするときれいになりそうですね!
(positionが必要になる処理が他にも何か所かあるので、TimeSignatureWithTicks型を作るのも良いかも…?)

src/components/Sing/SequencerRuler/Presentation.vue Outdated Show resolved Hide resolved
src/components/Sing/SequencerRuler/Presentation.vue Outdated Show resolved Hide resolved
src/components/Sing/ToolBar/ToolBar.vue Outdated Show resolved Hide resolved
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants