自社開発 / モバイルアプリ
Focus Work — 集中作業支援アプリ
集中への自然な移行と没入体験を提供するモバイルアプリ。
15/25/45/90分タイマー、4-7-8呼吸法ガイド、タスクテンプレート、日次統計をローカルで管理する。
Duration
自社開発
Team
1名
Engineered With React NativeTypeScriptExpo
01 // OVERVIEW
プロジェクト概要
集中作業への移行をサポートするReact Native（Expo）製モバイルアプリ。
15/25/45/90分の4プリセットタイマーと没入体験UIを中心に、タスクテンプレート選択・4-7-8呼吸法ガイド・ローカルストレージによるセッション永続化・日次統計を備える。
全データはデバイスローカルで管理される。
02 // KEY FEATURES
主な機能
timer
4プリセットタイマーと没入体験UI
15/25/45/90分のプリセットから選んでタイマーを開始すると、集中モード専用の没入体験UIに切り替わる。プログレス表示と完了時の視覚的フィードバックで集中の区切りを明確にする。
self_improvement
4-7-8呼吸法ガイド
集中前の準備として4-7-8呼吸法のステップガイドを内蔵。吸う・止める・吐くの各フェーズを画面上で案内し、集中状態への移行を助ける。
bar_chart
ローカル永続化と日次統計
FocusSessionの完了状況・中断回数・実際の集中時間をStorageServiceでローカルに記録し、今日の集中時間を日次統計として表示する。データはデバイス内にのみ保存される。
03 // TECHNICAL DEEP-DIVE
技術的ハイライト
Solution
「集中への自然な移行」というUX設計
タイマー開始後に通常UIから没入UIへ遷移させる設計により、「集中モードに入った」という体験の区切りを作る。呼吸法ガイドを前段階に置くことで、急な作業開始よりも落ち着いた移行を促した。
04 // IMPACT & RESULTS
成果
4プリセット
15/25/45/90分タイマーを搭載
ローカル完結
全データをデバイス内で管理
日次統計
今日の集中時間を自動集計