作成したもの
学習時間と学習時間を記録するアプリ
- 登録・編集・削除が可能
実装環境
- フロントエンド：React+ChakraUI+(Typescript)
- デプロイ環境：Firebase
- DB：supabase
- 他
- GitHubActionsでCI/CD対応
- react-hooks-tesling-libraryでテスト実施
学び+反省点
学び
- TypeScriptの型指定に慣れてきた
- テストコードをたくさん書いたので、何を書くべきかや書き方を覚えてきた
- Firebase・CI/CDについて理解し、動かせるようになった
反省点
- 見た目や構造
- 動くものを作ることを最優先としたため、デザインやコンポーネント化などの考慮が後回しになった
- 終盤で見た目を整えようとしたが、CSSあてづらい構造になっていて断念した
- テストについて
- 最低限動いて欲しいパターンのみテストを実施した形となった。エラーパターンのテストなど実施していないテストも多く、いかに不具合をテスト実施時に潰せるようになるかが今後の課題
- 動作面
- 非同期処理に関しての理解が甘く、とりあえずawaitで待機させようとする節があった。処理速度なども考え、最適な場面で非同期対応を行えるように実装してきたい
最後に
実装前にある程度デザインなど、設計を考える大切さを痛感した作成期間でした
次何か作る際は、反省点として上げた点を克服出来るよう進めていきたいです
JISOUのメンバー募集中！
プログラミングコーチングJISOUでは、新たなメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか？
興味のある方は、ぜひホームページをのぞいてみてくださ！
▼▼▼