【まとめ記事】Web開発学習の記録

本記事は、管理人のWeb開発学習を記録したまとめ記事です。

ロードマップを作る上で重視したことは、以下の2点です。

• 1度に複数の技術を勉強することを避ける
• 重複する部分を繰り返しながら学ぶ

「急がば回れ」の精神で確実に習得していきます。

学習ロードマップ

1. React(JS)をデプロイする
   1. 【React】ローカル環境に構築する
   2. 【Sourcetree】SourcetreeでGithubにプッシュする
   3. 【AWS】AWSアカウントの開設方法
   4. 【EC2】EC2にデプロイする
2. SpringBootをデプロイする
   1. 【Java】環境構築をする
   2. 【SpringBoot】ローカル環境に構築する
   3. 【EC2】EC2にデプロイする
3. React(TS)×SpringBootのメモアプリをデプロイする
   1. 【React×SpringBoot】ローカル環境に構築する
   2. 【EC2】1つのインスタンスにデプロイする
   3. 【EC2】2つのインスタンスにデプロイする
4. React(TS)×SpringBoot×MySQLのメモアプリをデプロイする
   1. 【MySQL】ローカル環境に構築する
   2. 【RDS】EC2×RDSにデプロイする
5. フロントエンドのトピック
   1. 【React】コンポーネント指向
   2. 【React】非同期処理
   3. 【React】テスト入門
   4. 【React】Context API
6. Spring BootとReactを使ったメモアプリ「Simpl」
   1. 【MySQL×Spring Boot×React】アカウント
   2. 【MySQL×Spring Boot×React】メモ
   3. 【MySQL×Spring Boot×React】ドラッグ&ドロップ
   4. 【MySQL×Spring Boot×React】リッチテキストエディタ
7. LaravelとReactを使った体操競技用アプリ「GymCal」
   1. 【Laravel】ローカル環境に構築する
   2. 【EC2】Laravel単体をEC2にデプロイする
   3. 【Laravel×React】ローカル環境に構築する
   4. 【EC2】Laravel×ReactをEC2にデプロイする
   5. 【Laravel×React×SQLite】ローカル環境に構築する
   6. 【EC2】Laravel×React×SQLiteをEC2にデプロイする
   7. 【Route53】ドメインの取得
   8. 【systemd】バックグラウンド実行
   9. 【UI/UX】モーダルとモードレス
   10. 【React】React Router