はじめに
今回はReactで簡単に学習記録アプリを作ってみました。dbやcicdはこれからですが、ざっとどんなものを作ったか紹介していきます。
作ったもの
TODOアプリに少し機能を加えた感じです(スタイルはほぼなし)。イベントやstate,map表示など基本的な実装の練習になるので、皆さんもぜひ実装してみてください。
悩んだところ ・ そしてその解決策
- 学習内容と学習時間を一緒に登録するにはどうしたら良いか
→ オブジェクトで扱う - 学習時間の合計値表示はどう実装していくか
→ reduce()を使う(最初はstateを使ってましたがこっちの方が短い記述ですみそうです) - 合計時間を表示させる実装をした時になぜか数値が文字列連結されてしまう
→ 時間をparseIntで扱う
気づき
やはり実際に手を動かすと自分がよくわかっていない部分が浮き彫りになるので、改めてアウトプットの重要性を感じました。新しい知識も増えていいですね。
おわりに
今回は学習記録アプリを作ってみました。今後はsupabaseでのデータ保持やfirebaseへのデプロイ、github actionsを利用したci/cdにも挑戦していきます。
JISOUのメンバー募集中
プログラミングコーチングJISOUではメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか？
気になる方はぜひHPからライン登録お願いします👇