MobileHeaderBarをHeaderBarと統合

[sevenc-nanashi]

内容

タイトル通り。

関連 Issue

（なし）

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

（なし）

その他

（なし）

[sevenc-nanashi]

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

[Hiroshiba]

お～～～～。
ここまで来ると＋ボタンや再生ボタンのでかさが目立ちますね！！（プルリクと関係ない）

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

[sevenc-nanashi]

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

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

[Hiroshiba]

@sevenc-nanashi ニュアンスはこんなかんじかなと！

UX考えると使用頻度の高いものは下に、低いものは上に、って感じだと思います。

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

（あくまで考え方の１つって感じかなと）

[sevenc-nanashi]

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

[Hiroshiba]

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

[Hiroshiba]

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

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

[Hiroshiba]

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

[Hiroshiba]

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

[sevenc-nanashi]

設定画面ですかね？

[Hiroshiba]

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

[sevenc-nanashi]

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

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

で動くと思います。

[sevenc-nanashi]

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