- アプリ名
- Todo List
- ターゲット
- 10代～60代の男女。タスク管理を簡単に行いたい幅広い世代のユーザーを想定。
- コンセプト
- 「最小限の操作で、毎日を整理する」
Reactを初めて使用した、直感的に使えるUIとシンプルな機能性を重視したタスク管理アプリ。
- 工夫した点
-
・コーディング
初めてのReact制作として、基本構造やデータの流れを理解しながら実用的で軽快に動作するToDoアプリを制作した。
useStateとuseRefを活用して、リアルタイムに状態が反映される仕組みを実装。
・デザイン余白と配色を意識し、見やすく操作しやすいシンプルなUIを設計。
アイコンや入力フォームを大きめに配置し、スマートフォンでも快適に操作できるよう調整。
- 制作時期
- 令和7年 11月
- 制作時間
- 企画 / 情報設計：2時間
デザイン：0.5時間
コーディング：8時間
- 使用ツール
- HTML・CSS / React / Figma
- 使用フォント
- Noto Sans JP
見やすさと可読性を重視し、スマートフォンの小さな画面でも読みやすいフォントとして採用。
- 使用カラー
-
#F5F5F7 / #7ABF9B
頻繁に開くアプリだからこそ、目に優しく、どのタスクも読みやすい背景色と柔らかいグリーンを使用。
