LoginSignup
7
4

コードが書けない高専卒がReactで学習記録アプリを作ってみた

Posted at

はじめに

僕は #JISOU というコミュニティでReactを学習しているコードが書けない高専卒のart93です!
初投稿記事はこちら👇
コードが書けない高専卒エンジニア2年生がReactを勉強して真のエンジニアを目指す話

今回はJISOUでの最初の課題である、学習記録アプリケーションを作成した記事になります。

課題内容

React(JavaScript)にて、画像のように学習した内容とその時間を記録するアプリケーションを作成しました。
実装した機能は以下のとおりです。

  • 入力された学習内容と学習時間をリスト形式で表示する
  • 入力されていない項目がある場合、赤字でエラーを表示する
  • 学習時間の合計を計算して表示する
  • CSSはすべてChatGPTに書いてもらいました笑

スクリーンショット 2024-05-12 17.41.59.png

苦労した点

一番苦労した点は、最初のコードを書き始めたところです💦
筆が乗り始めてからはスラスラと迷うことなくかけたのですが、最初の骨子を組み立てるところで迷い、Udemyの講座を見返しました。
一番最初にジンさんが言っていた「Udemyはアウトプットではなくインプット」という言葉が身にしみました。

お気持ち

自分でモノを作れないことがずっとコンプレックスだったのですが、小さなモノでも自分で作れることができて少し自信が湧きました!
コードを書いている時間や、コードを書くためのアルゴリズムを考える時間もとても楽しいため、これから続けていきたいと思います!!

最後に

「プログラミングができるようになりたいけど何からしたらいいかわからない...」「スキルが身につかない部署で将来が不安...」といった悩みを持っていませんか?
僕もその悩みを抱えているため、そういった不安を乗り越えて自分でモノを作れるようになれる過程をお届けできたらと思います!

ぜひTwitterもフォローお願いします! 

JISOUのメンバー募集中

プログラミングコーチングJISOUではメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか?

気になる方はぜひHPからライン登録お願いします👇

参考文献

7
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
7
4