昨日リリースした月謝袋アプリ v1.12.0 に続き、
本日 v1.12.1 を両ストアに提出しました (2日連続←審査員はなんと思うのか・・・)
今回のアップデートは、より安心して使えるアプリにするための2つの改善です。

改善① iPadでの月謝袋プレビュー表示を最適化
昨日リリースした「月謝入力しながら生徒さんの月謝袋をプレビュー」機能。
Android・iPhoneでは完璧に動作していましたが、
iPadでは横に大きく広がりすぎて、下半分が切れてしまっていました。

そこで、iPadでもスマホと同じ幅で表示するように調整。
実装方針
プレビュー全体をスマホ幅に固定
プレビューの Container 全体を、最大幅 400px のスマホ幅に固定して、iPad でも中央に配置します。
- iPad → 左右に余白ができて、真ん中にスマホサイズのプレビュー
- iPhone → 従来通り(元々スマホ幅で表示されていた)
- Android → 従来通り
iPhone / Android:
┌─────────────────┐
│ [プレビュー全幅] │
└─────────────────┘
iPad:
┌─────────────────────────────────┐
│ ┌──────────┐ │
│ │プレビュー │ ← スマホ幅 │
│ │(スマホ幅)│ │
│ └──────────┘ │
└─────────────────────────────────┘
コードは意外とシンプル
// ★ v1.12.1: iPadでもスマホ幅で表示(実際の生徒側の見え方を反映)
return Center(
child: ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 400),
child: MediaQuery(
data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0),
child: Container(
...
その結果、このようになりました!!

なぜスマホ幅なのかというと、
ほとんどの生徒さんはスマホで月謝袋を見ているからです。
先生がiPadで大きな画面で見ていても、
実際に保護者様に届いているのはスマホでの見え方。
その「本物の見え方」を、先生の画面から客観的に確認していただけるようになりました。
改善② レッスン登録時の重複警告ダイアログ
「同じ生徒さんの、同じ日時に、同じレッスンを二重登録してしまった」
といううっかりミスを防ぐため、確認ダイアログを追加しました。

昨日追加した月謝の上書き防止ダイアログと同じ思想です。
「意図しない操作を、ワンクッションで確認できる安心感」を、
アプリ全体に広げていきたいと考えています。
今回の気づき
昨日のブログでも触れましたが、
プレビュー機能は「先生の画面ではなく、保護者の画面を再現する」
というのがコアな設計思想です。
この考え方は、iPad対応の判断にも自然と繋がりました。
「iPadだから大きく表示する」ではなく、
「iPadでもスマホと同じサイズで表示することで、
実際の保護者様の見え方を再現する」という選択です。
一貫した思想があると、細かい判断もブレなくなります ✨
リリース情報
- バージョン:v1.12.1
- 現在両ストア審査中(公開は数日以内の予定)
- Google Play では v1.12.0 が既に公開中
引き続き、ユーザーさんの声を大切に、
月謝袋アプリを丁寧に育てていきます。

