近い依頼 Client-use context
単機能Webアプリ、時刻計算、生活補助ツール、スマホで短時間だけ使う小さなUIに近い制作です。
Slepazen
不規則な日常のために、現実的な睡眠プランを選ぶ画面。
就寝時刻・起床時刻から睡眠サイクルを計算する静的Webアプリ。
現在の就寝から起床候補を出すモードと、明日の起床から就寝候補を出すモードを切り替え、複数のプランをカードと詳細モーダルで提示します。
Overview
就寝と起床から、現実的な睡眠候補を選ぶ。
ひとつの時刻から、今日選べる現実的な候補を出す。
Screenshot Slot
Slepazen
モード切替、時間入力、プランカード、詳細モーダルなどのスクリーンショットを配置できます。
実装範囲 Built scope
就寝基準と起床基準のモード切替、時刻入力、90分周期と入眠時間を使った候補計算、プラン一覧、詳細モーダル、アニメーション付きUIを実装しました。
AIを使った進め方 AI-assisted process
AIでモード名、説明文、候補表示の粒度、計算チェックの観点を出し、最終的なトーンと操作量は実画面に合わせて整えました。
証明できること What this proves
短い利用シーンに絞ったUI、時刻計算、状態切替、モーダル表示、スマホ前提の単機能Webアプリを組み立てられることを示しています。