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

sevenc-nanashi · 2024-10-18T10:46:07Z

内容

タイトル通りです。

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

その他

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

sevenc-nanashi · 2024-10-19T15:29:28Z

src/components/Sing/SequencerRuler/Presentation.vue

+  () => lastTimeSignature.value.measureNumber === currentMeasure.value,
+);
+
+const contextMenuHeader = computed(() => `${currentMeasure.value}小節目`);


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

[update snapshots]

Copilot reviewed 35 out of 49 changed files in this pull request and generated no suggestions.

Files not reviewed (14)

package.json: Language not supported
src/components/Sing/SequencerPitch.vue: Evaluated as low risk
src/components/Sing/ChangeValueDialog/CommonDialog.vue: Evaluated as low risk
src/components/Sing/ToolBar/ToolBar.vue: Evaluated as low risk
src/components/Sing/ChangeValueDialog/TempoChangeDialog.vue: Evaluated as low risk
src/components/Menu/ContextMenu/Presentation.vue: Evaluated as low risk
src/components/Sing/ChangeValueDialog/TimeSignatureChangeDialog.vue: Evaluated as low risk
src/components/Sing/SequencerGrid/Presentation.vue: Evaluated as low risk
src/components/Sing/SequencerRuler/Container.vue: Evaluated as low risk
src/components/Sing/ChangeValueDialog/TimeSignatureChangeDialog.stories.ts: Evaluated as low risk
src/components/Sing/ChangeValueDialog/TempoChangeDialog.stories.ts: Evaluated as low risk
src/store/singing.ts: Evaluated as low risk
src/sing/domain.ts: Evaluated as low risk
src/components/Sing/SequencerGrid/index.stories.ts: Evaluated as low risk

Hiroshiba

ほぼLGTMです！！！　もう少し！！！

src/components/Sing/SequencerRuler/Presentation.vue

Hiroshiba · 2024-12-01T20:53:34Z

src/components/Sing/SequencerRuler/Presentation.vue

+) => {
+  const ticks = valueChange.position;
+  playheadTicks.value = ticks;
+  contextMenu.value?.show(event);


ちょっと挙動をどうするか迷っていますが、やっぱりクリックは編集開始のが良いかも。
トークのテキスト欄やトラックがこの感じ。
左クリックでメニュー展開は他にないはず？（＝統一感が薄れる）

まあでもこのPRではどちらでも良さそう！（まだ議論されてないので）

src/components/Sing/SequencerRuler/Presentation.vue

Hiroshiba · 2024-12-01T21:08:15Z

src/components/Sing/ToolBar/ToolBar.vue

+  const maybeTimeSignature = timeSignatures.value.findLast(
+    (_timeSignature, i) => tsPositions.value[i] <= playheadTicks.value,
+  );
+  if (!maybeTimeSignature) {
+    throw new UnreachableError("assert: at least one time signature exists");
+  }
+  return maybeTimeSignature;


（ただのコメントです）

こういうのもgetOrThrowみたいな便利関数作っても良いかもですね！
（maybeという名前を省けるのでぱっと見やすくなりそう）

src/components/Sing/ToolBar/ToolBar.vue

Hiroshiba · 2024-12-01T21:10:30Z

src/composables/useSequencerGridPattern.ts

+  return tickToBaseX(beatTicks, tpqn) * sequencerZoomX;
+};
+
+export const useSequencerGrid = ({


（ただのコメントです）

た〜ぶんこれを各々のコンポーネントが呼ぶのではなく、親が計算して渡すのが計算量的にも良いかもしれない。

src/helpers/textWidth.ts

...ts-sing-changevaluedialog-timesignaturechangedialog--create-opened-light-storybook-win32.png

[update snapshots]

Hiroshiba

2点だけコメントしました！

あとはちょっともう1回全コード長め直して問題なければLGTMです！！！

src/components/Sing/SequencerRuler/Presentation.vue

...ts-sing-changevaluedialog-timesignaturechangedialog--change-opened-light-storybook-win32.png

[update snapshots]

Hiroshiba · 2024-12-05T17:06:10Z

あれ、なぜか[update snapshots]が働いてない･･･？
ちょっとこっちでコミット出してみたいと思います。

Hiroshiba

LGTMなんですが、スナップショット更新がエラーになってる気が･･･！

スナップショットの数が合ってるかを確かめるテストが落ちちゃう感じ･･･？

src/components/Sing/SequencerRuler/Presentation.vue

[update snapshots]

Hiroshiba

LGTM！！！

長いやり取りありがとうございました！！！

ちょっと後半かなりレビューが大変だった･･･ということはそんなにないのですが、やり取りの回数が変更量に相関して多くなるので、途中でコンフリクトが入ったりあと見逃しが発生したりでうまくいかない場合も増えてくると思います。
実装がやりやすい形で、かつOSSとしてかっこいい形を見つけて進行していきたいところですね。

僕はレビュー視点しかほとんど持ってないので、エンジニア視点でこうしたら良かったかもみたいなのあればぜひ知りたいです 🙏

Hiroshiba · 2024-12-06T14:07:32Z

.github/workflows/test.yml

          git add --intent-to-add --all tests/
-          git diff --binary --cached tests/ > patch-${{ matrix.os }}.diff
+          git diff --binary HEAD tests/ > patch-${{ matrix.os }}.diff


（ただのコメントです）

！　これで行けるということは、たぶんgit addの方いらない気がしますね！

Hiroshiba · 2024-12-06T14:12:27Z

マージします！！！

Hiroshiba · 2024-12-06T14:26:31Z

こんな感じで明日の15時ごろにポストしたいと思います！

#VOICEVOX開発状況 
ピアノロールの途中でBPMや拍子を変えられるようになりました 🎉（今後のアップデートで実装されます。）
【開発者:@sevenc_nanashi】
https://github.com/VOICEVOX/voicevox/pull/2303

スクショを撮ろうと頑張ったんですが、何が表示されているかわかりやすいスクショが撮れなそうだったので断念しました･･･

（↓ルーラーのとこだけスクショすると、どこの画像かわからない）

代わりにGithubのサマリーが展開されて、このGithub PRページのプレビューが表示されるはず！

sevenc-nanashi added 8 commits October 17, 2024 20:38

Add: 右クリックメニューを追加

b053319

Add: ダイアログを仮置き

f548b90

Add: ある程度Storyを追加

98bfb09

Delete: 未使用のimportを削除

7926faf

Add: 削除周りの制御を追加

cb2d29e

Add: ルーラーの表示を追加

4566a67

Add: ルーラーの表示をクリックできるように

d861b88

Add: ツールバーで設定出来るように

29b5bfa

sevenc-nanashi mentioned this pull request Oct 19, 2024

ソング：再生位置の表示形式を変更できるようにする #2306

Merged

sevenc-nanashi added 5 commits October 19, 2024 19:49

Add: SequencerGridを複数拍子に対応

6bd2460

Add: SequencerRulerを複数拍子に対応

ae30925

Refactor: Container/Presentationに分離

5d50cb9

Add: Storyを追加

a2c2d57

Change: uiLockedをpropsで渡せるようにする

8d88b6e

sevenc-nanashi commented Oct 19, 2024

View reviewed changes

sevenc-nanashi added 7 commits October 20, 2024 00:53

Add: テストの痕跡を追加

756971a

Refactor: SequencerGridをContainer/Presentationに分離

b4d703e

Add: SequencerGridのStoryを追加

9131b71

[update snapshots]

Delete: 複数拍子に対応したので削除

baeb8b2

Fix: パスを修正

e0d3090

Add: Storyを追加

d5da914

Change: 縦方向に制限する

b0ce215

sevenc-nanashi marked this pull request as ready for review October 19, 2024 16:16

sevenc-nanashi requested a review from a team as a code owner October 19, 2024 16:16

sevenc-nanashi requested review from Hiroshiba and removed request for a team October 19, 2024 16:16

sevenc-nanashi and others added 4 commits October 20, 2024 01:16

Merge: upstream/main -> add/multiple-bpm

dce8a41

[update snapshots]

25e694f

（スナップショットを更新）

74e95b9

Delete: 異物混入を消す

7458135

Copilot AI reviewed Dec 1, 2024

View reviewed changes

Hiroshiba reviewed Dec 1, 2024

View reviewed changes

sevenc-nanashi and others added 10 commits December 2, 2024 18:14

Code: textPadding -> valueChangeTextPadding

4a1352a

Delete: displayTypeを一旦消す

cd235ae

Change: asを使わない

0fbd54e

Code: ファイル概要を追加

e327c64

Update: スナップショットを更新

554bae1

[update snapshots]

Merge: main -> add/multiple-bpm

b9e49e6

Update: スナップショットを更新

f698fd5

[update snapshots]

Merge branch 'main' into add/multiple-bpm

d97d56f

Update: スナップショットを更新

9e0509f

[update snapshots]

（スナップショットを更新）

c73142b

Hiroshiba reviewed Dec 4, 2024

View reviewed changes

src/components/Sing/SequencerRuler/Presentation.vue Outdated Show resolved Hide resolved

src/components/Sing/SequencerRuler/Presentation.vue Outdated Show resolved Hide resolved

Hiroshiba reviewed Dec 4, 2024

View reviewed changes

...ts-sing-changevaluedialog-timesignaturechangedialog--change-opened-light-storybook-win32.png Outdated Show resolved Hide resolved

sevenc-nanashi added 3 commits December 5, 2024 22:12

Change: 現在の値をデフォルトにする

847c9d3

Update: スナップショットを作り直す

e196121

[update snapshots]

Refactor: contextMenuDataを分解する

b181461

[update snapshots]

f5f4fc3

Hiroshiba reviewed Dec 5, 2024

View reviewed changes

src/components/Sing/SequencerRuler/Presentation.vue Outdated Show resolved Hide resolved

sevenc-nanashi added 2 commits December 6, 2024 06:31

Merge: upstream/main -> add/multiple-bpm

b601ba5

Fix: package-lock.jsonを再構築

c475f8c

[update snapshots]

sevenc-nanashi force-pushed the add/multiple-bpm branch from 6f998d4 to c475f8c Compare December 5, 2024 21:31

sevenc-nanashi and others added 3 commits December 6, 2024 07:23

Fix: diff取得を修正

83305c6

[update snapshots]

（スナップショットを更新）

94bc949

Update src/components/Sing/SequencerRuler/Presentation.vue

fafb08d

Hiroshiba approved these changes Dec 6, 2024

View reviewed changes

Hiroshiba merged commit 34c670c into VOICEVOX:main Dec 6, 2024
11 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

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

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

sevenc-nanashi commented Oct 18, 2024 •

edited

Loading

sevenc-nanashi Oct 19, 2024

Hiroshiba left a comment

Hiroshiba Dec 1, 2024

Hiroshiba Dec 1, 2024

Hiroshiba Dec 1, 2024

Hiroshiba left a comment

Hiroshiba commented Dec 5, 2024

Hiroshiba left a comment

Hiroshiba left a comment

Hiroshiba Dec 6, 2024

Hiroshiba commented Dec 6, 2024

Hiroshiba commented Dec 6, 2024 •

edited

Loading

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

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

Conversation

sevenc-nanashi commented Oct 18, 2024 • edited Loading

内容

関連 Issue

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

その他

sevenc-nanashi Oct 19, 2024

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Hiroshiba left a comment

Choose a reason for hiding this comment

Hiroshiba Dec 1, 2024

Choose a reason for hiding this comment

Hiroshiba Dec 1, 2024

Choose a reason for hiding this comment

Hiroshiba Dec 1, 2024

Choose a reason for hiding this comment

Hiroshiba left a comment

Choose a reason for hiding this comment

Hiroshiba commented Dec 5, 2024

Hiroshiba left a comment

Choose a reason for hiding this comment

Hiroshiba left a comment

Choose a reason for hiding this comment

Hiroshiba Dec 6, 2024

Choose a reason for hiding this comment

Hiroshiba commented Dec 6, 2024

Hiroshiba commented Dec 6, 2024 • edited Loading

sevenc-nanashi commented Oct 18, 2024 •

edited

Loading

Hiroshiba commented Dec 6, 2024 •

edited

Loading