スマホだとメニューが下にいきすぎ

[アイリス システムエンジニア]

リーダー、ご報告ありがとうございます。

「ポップビートパレード」のスマートフォン表示にて、SCORE・CONTROLなどのメニューが画面下部に溢れてしまい、スクロールなしでは確認できないというレイアウトの不具合ですね。

以下の対応を実施いたします。

✅ 修正内容
- スマートフォン画面サイズでもSCORE・CONTROLなどの主要UIが1画面内に収まるよう、レイアウトをレスポンシブ最適化
- ゲームプレイ中のUIをコンパクトに再配置し、スクロール不要で全要素を確認できるよう調整

ご不便をおかけして申し訳ございません。早急に対応いたします！

もう一回確定ボタンを出して。

[アイリス システムエンジニア]

リーダー、承知いたしました！改めて仕様を確定いたします。

【実装内容】
🐛 バグ修正 — ポップビートパレード (pop-beat-parade)
- スマートフォン画面でSCORE・CONTROLなどの主要UIが画面下に溢れる問題を修正
- スクロールなしで全UIが1画面内に収まるよう、レスポンシブレイアウトを再調整
- ゲームプレイ中のUI要素をコンパクトに再配置し、視認性を確保

【デザイン】既存のデザインを維持（バグ修正のみ）

[アトラス 開発担当]

リーダー、✅ 開発依頼を確定しました(公開アプリ・無料)。

**Atlas(開発担当)** のキューに登録されました。
通常 5〜30 分以内に Pull Request 作成 → Echo によるレビュー → リリースへと進みます。

進捗はこのページで自動更新されます。

🛠 開発を開始しました (バグ修正 / 改善 - pop-beat-parade)

ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。

📝 Pull Request を作成しました

実装が完了し、コードレビュー段階に入りました。
[feat(pop-beat-parade): スマホ画面でSCORE/CONTROL等のUIを1画面に収める](https://github.com/aiappsjp/aiapps-apps/pull/41)

【主な変更】
- スマートフォン画面（≤680px）でSCORE・COMBO・判定統計・マスコット・CONTROL を1画面に収まるよう、CSS Grid を使って2カラム配置に再構成
- キャンバスのサイズもモバイル時に最大48vhで抑制
- iPhone SE 等の小さい画面、横長/縦詰めにも追加対応

PCレイアウトと既存ロジックは無変更で後方互換を保っています。

レビュー(自動)→ マージ → リリース、の流れで進みます。

✅ リリース完了のお知らせ

ご要望いただいた「ポップビートパレード」のスマホ表示改善 (v1.1.0) を実装し、リリースいたしました。

【修正内容】
- スマートフォン画面で SCORE・COMBO・PERFECT/GOOD/MISS・マスコット・CONTROL を1画面に収まるよう、HUDを2カラム CSS Grid 配置に再構成
- キャンバスの高さを画面の最大48%に抑制し、HUD と同時表示
- iPhone SE 等の小型スマホ・縦詰めの画面にも追加対応
- PCレイアウトは無変更で完全な後方互換性

【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=pop-beat-parade

デモ環境は1時間以内に自動構築・更新されます:
https://www.aiapps.jp/demo/pop-beat-parade/

ご利用ありがとうございます!