![](https://cdn-ak-scissors.b.st-hatena.com/image/square/a2b03ded245d93708e01d5f39a322de5d3df1632/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9UmVhY3QlRTMlODElQTclRTUlQUQlQTYlRTclQkYlOTIlRTglQTglOTglRTklOEMlQjIlRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODIlOTIlRTklOTYlOEIlRTclOTklQkEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWM0NGFmMTU2NDM5ZjcyY2M0YWFhNTUyZjc0NWViMWE4%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwZ2FudGFyb29vdV9qcyUyMGluJTIwSklTT1UlMjAlN0MlMjBSZWFjdCVFMyU4MyU5NyVFMyU4MyVBRCVFMyU4MiVCMCVFMyU4MyVBOSVFMyU4MyU5RiVFMyU4MyVCMyVFMyU4MiVCMCVFMyU4MiVCMyVFMyU4MyVCQyVFMyU4MyU4MSVFMyU4MyVCMyVFMyU4MiVCMCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTMyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MWVjN2RhMTJmYTczZWI2YjIwZmFkMmMxMTUzNTc0ZTE%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dbb73f9bb57a79e320c2e33f461be285e)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Reactで学習記録アプリを開発 - Qiita
はじめに 現在Shopifyのサイト制作を行なっているのですが、スキルアップを狙ってReactを学習中です。 ... はじめに 現在Shopifyのサイト制作を行なっているのですが、スキルアップを狙ってReactを学習中です。 習得の過程で「学習記録アプリ」を作成したので、その経験談を記載します! 今回作成したもの 学習記録アプリの内容 inputタグを2つ配置(学習内容、学習時間を入力) inputタグ2つのうち1つでも未記入だった場合、登録ボタンが押せない仕様 inputタグに学習内容と学習時間を入力して登録ボタンを押すと、学習記録のリストが追加される 記録された学習時間の合計時間をreduce関数で算出 元々サイト制作でちょっとしたJavascriptの記述は行なっていたことと、Udemyの講座でもTodoアプリを作成した経験があったので、こちらのwebアプリの開発は半日程度で完成できました! 開発期間としては自分ではかなり早くできたと思いますが、それでも新しく触るReact言語は難しい… だけどそ