4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

はじめに

40代4歳子持ち母と駆け出しエンジニアを両立している草西です。
JISOUに入会して日々スキルアップに勤しんでいます!
やっと課題2が終わり、一区切りしたのでまとめていきます。

学習内容と感想

JavaScriptからReactまでの基礎学習

【React18対応】モダンJavaScriptの基礎から始める挫折しないためのReact入門を実施して、JSからReactまでの基礎を学び直しました。

なんとなく分かっていたつもりの内容も、改めて学習することで理解が深まりました。

②学習管理アプリを作成

一度自分で理解できているか、学習管理アプリをアウトプットしました。
読めるけど、書けないが多く自力でアウトプットする難しさとUdemyでの理解したは幻だったと気づいた。

③Supabaseと連携してDBを構築

Supabaseと連携してDBを構築しました。
エディターをポチポチするだけでDBが構築され、かつSupabase関数で簡単にデータが利用できる!
本当に便利です。

④Firebase Hostingでデプロイ

ここはFirebaseのチュートリアル?みたいなものを参考に進めたので、結構サクサクでした!
いつも有益な記事を公開してくださっている皆様に、本当に感謝です。

⑤GitHub ActionsでCI/CDを構築

GitHub Actionsを使ってCI/CDを構築しました。
内容を完璧に理解とまでは難しいですが、記事にまとめたことで、自分の中でも理解が少し整理されたと思います。

⑥Vitestでテストを作成

今回、一番苦戦したのがVitestを使ったテスト作成です。
本当に難しくて、何度も手が止まりました。
特に、非同期処理が絡むテストでは、「いつ画面に表示されるのか」「何を待つ必要があるのか」を意識しないといけないことを学びました。

まだまだ苦手意識は強いですが、アウトプット強化していきます!

最後に

この学習記録アプリを作成して、エラーと向き合うことの大切さを学びました。
エラーが出ると不安になりますし、焦ることもあります。
でも、原因を調べて、試して、解決できたときには本当に理解が深まると感じました。
もともと私は、失敗するかもしれないと思うと苦手意識を持ちやすいタイプです。
でも今回、思っていたよりも自分で解決できることが多く、エラー対応も含めて楽しいと感じる瞬間がありました。
まだまだ分からないことだらけですが、これからも手を動かしながら学び続けていきます!

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?