2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

はじめに

JISOUの課題で、Reactの学習を生かして学習記録アプリを作成しました。

内容

学習内容と学習時間を入力して、登録ボタンを押下すると、登録ボタンの上に一覧表示されるシンプルな作りです。

登録した内容によって、学習時間が一番下の合計時間に加算されます。

スクリーンショット 2025-10-20 195743.png

どちらの項目も入力せずに登録ボタンを押下すると、登録ボタンの下に「入力されていない項目があります」というエラーが表示されます。

スクリーンショット 2025-10-20 201137.png

大変だったこと、感想

useStateを沢山活用してアプリを実装しました。どのように活用したら再レンダリングされて、動的なWebページを作れるのか、理解するのに時間がかかりました。

CSSなどのスタイリングも追々出来るようになりたいです。

おわりに

まだまだ初歩的ですが、これからも学び続けてReactを習得できるように取り組んでいきたいと思います。

JISOUのメンバー募集中!

プログラミングコーチングJISOUでは、新たなメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか?
興味のある方は、ぜひホームページをのぞいてみてください!
▼▼▼

2
0
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
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?