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

MobileHeaderBarをHeaderBarと統合 #44

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

Conversation

sevenc-nanashi
Copy link
Member

内容

タイトル通り。

関連 Issue

(なし)

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

(なし)

その他

(なし)

@sevenc-nanashi sevenc-nanashi requested a review from a team as a code owner January 22, 2024 14:59
@sevenc-nanashi sevenc-nanashi requested review from Hiroshiba and removed request for a team January 22, 2024 14:59
@sevenc-nanashi sevenc-nanashi marked this pull request as draft January 22, 2024 14:59
@sevenc-nanashi sevenc-nanashi marked this pull request as ready for review January 26, 2024 12:54
@sevenc-nanashi
Copy link
Member Author

image

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

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.

お~~~~。
ここまで来ると+ボタンや再生ボタンのでかさが目立ちますね!!(プルリクと関係ない)

ちょっとまだ考えがまとまってないのですが、メニューバーを上に、ツールバーを下にするのはイマイチそうだった感じでしょうか 👀

@sevenc-nanashi
Copy link
Member Author

sevenc-nanashi commented Jan 27, 2024

メニューバーを上に、ツールバーを下にする

具体的にどんな感じです?(ツールバーの一番左がMenuBar代わり)

@Hiroshiba
Copy link
Member

Hiroshiba commented Jan 27, 2024

@sevenc-nanashi ニュアンスはこんなかんじかなと!
image
UX考えると使用頻度の高いものは下に、低いものは上に、って感じだと思います。

メニューバーを開いたり、設定を開いたりは頻度が低いから上。
再生したり、追加したり、あと保存したりは頻度が高いから下。

(あくまで考え方の1つって感じかなと)

@sevenc-nanashi
Copy link
Member Author

sevenc-nanashi commented Jan 27, 2024

設定とかはプロジェクト一覧(Discordに置いてあるイメージ図)とかのメニューとして出そうかな~って思ってます。
メニューを上に持ってくると、かなりスペースの無駄になりそう(メニューボタン以外に置くものが思いつかない)
image

@Hiroshiba
Copy link
Member

Hiroshiba commented Jan 27, 2024

かといってメニュー開くボタンが他のボタンほど使われるのか微妙な気がするんですよね…。
まあでも一旦プロトタイプ的なフェースなので、試作して試しての繰り返しが良い気がしますね!!

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.

ほぼLGTMです!
気に入ったとこだけ変更してマージしていただければ!

ちなみにこれってサクッと試せるんでしたっけ👀

@@ -1,5 +1,22 @@
<template>
<q-header class="q-py-sm">
<q-toolbar v-if="isMobile" class="bg-primary text-white">
Copy link
Member

Choose a reason for hiding this comment

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

ここ、コンテナとプレゼンター分けて、モバイル用のプレゼンター入れた方がいい気がしますね〜
リファクタリング箇所がわかってきた。

src/components/HeaderBar.vue Outdated Show resolved Hide resolved
Copy link
Member

Choose a reason for hiding this comment

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

デフォルトスタイル選択とかってどこにいくことになりそうでしょう

Copy link
Member Author

Choose a reason for hiding this comment

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

設定画面ですかね?

Copy link
Member

@Hiroshiba Hiroshiba Jan 27, 2024

Choose a reason for hiding this comment

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

なるほどです。
設定への遷移をプロジェクト選択画面に持たせる場合、3遷移になって流石に遠いかもですねぇ。
(そもそもスマホアプリでそんな細かい設定があるものなのか知らないですが。。)

src/views/EditorHome.vue Outdated Show resolved Hide resolved
vite.config.ts Outdated Show resolved Hide resolved
@sevenc-nanashi
Copy link
Member Author

sevenc-nanashi commented Jan 27, 2024

VITE_TARGETの分岐はほとんどないので、

  • npm run browser:serve -- --host 0.0.0.0
  • run.exe --host 0.0.0.0
  • .env のhostをプライベートアドレス(192.168.1.2など)

で動くと思います。

Comment on lines +279 to +282
// 1フレーム遅らせることで、真っ白の画面が表示されるのを防ぐ。
requestAnimationFrame(() => {
SplashScreen.hide();
});
Copy link
Member Author

Choose a reason for hiding this comment

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

消えてたことに気がついたので。

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.

2 participants