10
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

[個人開発]学習記録アプリの振り返り

Last updated at Posted at 2024-10-26

状況

JISOUというコミュニティでReactの学習を始めて一週間が過ぎました。

Udemyの「【最新ver対応済】モダンJavaScriptの基礎から始める挫折しないためのReact入門」を教材にインプットした後、Reactで簡易的な学習記録アプリを作成しましたので、その振り返りをしたいと思います。

使用ツール

  • React
  • JavaScript
  • Vite

学習記録アプリの外観

※CSSなどのスタイリングはしていません

スクリーンショット 2023-04-09 7.00.42.png
  • 入力フォームの内容をuseStateで反映させる
スクリーンショット 2023-04-09 7.00.42.png
  • 入力値が足りないまま登録すると警告を表示させる
スクリーンショット 2023-04-09 7.00.42.png
  • 登録した内容を一覧にし学習時間を合計して表示する
スクリーンショット 2023-04-09 7.00.42.png

アプリを作ってみた所感

Udemyでインプットした後すぐに学習記録アプリ作成に取り掛かったのですが、思っていた半分以下しか記憶に定着していないと感じました。

やはりインプットした後にアウトプットしないと自分の血肉にならないと感じました。

何か作るものを決めて、あの構文はどうやって使うんだっけ?このバグはどうやって解消すればいいんだろう?など考えながら手を動かすのは非常に業務と近く有意義な時間でした。

アプリ作成中に詰まったりしたところは、Qiitaの記事に投稿することが出来たので、今までエラーに対するネガティブなイメージを良いアウトプットのネタが出来たとポジティブに捉えられるようになったのが大きな収穫です。

まだCSSなどのスタイリングは行なっていませんが、これからステップバイステップで良いアプリを作れるよう成長していきたいです。

JISOUのメンバー募集中

プログラミングコーチングJISOUでは、新たなメンバーを募集しています。
実践的なカリキュラムで、あなたのエンジニアとしてのキャリアを最短で飛躍させましょう!
興味のある方は、ぜひホームページからお気軽にカウンセリングをお申し込みください!
▼▼▼

10
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?