会社勤めをしながら個人開発をしているtakashiです。 本記事では、Flutter製アプリ「筋トレビフォーアフター」を元にプロダクト開発の解説をしていきます。 長文になりますが、重要な部分を絞り込み、コードも記事用のサンプルコードに書き換えているので記事を読み進めやすいと思います。 アプリはこちら。無料でダウンロードできます。 目次 1.Flutterを採用した理由 2.Flutterのキャッチアップ 3.設計 4.開発期間 5.アプリの規模感 6.初回起動時の画面説明 7.入力画面 8.入力ダイアログ 9.カレンダー管理 10.写真撮影とカメラライブラリ選択 11.データ登録完了時 12.ビフォーアフター比較画面 13.ビフォーアフターのロック 14.ビフォーアフターの履歴追加時 15.ビフォーアフターの履歴一覧画面 16.ビフォーアフターの履歴のシェア 17.写真管理画面 18.写真
![「筋トレ ビフォーアフター」を元にFlutterと個人開発を学ぶ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a3b46f89c3e4d9d5d889e1f4fe60beca6ad45bd/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJThDJUU3JUFEJThCJUUzJTgzJTg4JUUzJTgzJUFDJTIwJUUzJTgzJTkzJUUzJTgzJTk1JUUzJTgyJUE5JUUzJTgzJUJDJUUzJTgyJUEyJUUzJTgzJTk1JUUzJTgyJUJGJUUzJTgzJUJDJUUzJTgwJThEJUUzJTgyJTkyJUU1JTg1JTgzJUUzJTgxJUFCRmx1dHRlciVFMyU4MSVBOCVFNSU4MCU4QiVFNCVCQSVCQSVFOSU5NiU4QiVFNyU5OSVCQSVFMyU4MiU5MiVFNSVBRCVBNiVFMyU4MSVCNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MmNlMGE4NDUyZDk2NGI5MGFiYmRiNGNlNTM5Y2UyMzg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0YWthc2hpLWkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWM0MzdiNGEwMGM1ZmQ5M2MwNzIzZTBkNmU4YzY5Yjk3%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Deecdbbb3e521b9482d718d263ef49a36)