電力管理ダッシュボード：運用画面・CSV更新フロー設計

運転計画（Operation Planning）

• 月別ビュー：2ヶ月分の計画有無を一覧
• 日別ビュー：デバイス × 48コマの詳細グリッド

運転モード切替

• アップロード済み計画を、どのモードで有効化するか制御
• 確認モーダルを含む安全な切替導線を整理

CSVワークフロー

• テンプレートダウンロード
• 日別画面からのアップロード
• 単日削除 / 複数日一括削除

要件のすり合わせと反復

曖昧な要件を、ドラフト作成と短いフィードバックループを通じて徐々に具体化しました。

Figmaワイヤーからコード試作へ

複雑な振る舞いはコードで早めに試し、実装制約やパフォーマンスを確認しました。

ハンドオフ資料の整備

画面挙動、状態、例外、API仕様、エラーメッセージ対応表まで含めて整理し、実装解釈のブレを減らしました。

安全設計を先に置いた

削除・上書き・日付不一致など、事故になりやすいポイントを先に洗い出し、確認モーダルや制約を設計しました。

多層バリデーション

フロント側とバックエンド側の両方でチェックし、単に弾くだけでなく「どこをどう直せばよいか」が分かるエラー表示にしました。

仕様そのものを合意形成の道具にした

PM不在の中で、仕様の言語化そのものをUX設計の一部として扱い、関係者間の認識を揃えました。