よく使うもの

React

Learn React
https://ja.react.dev/learn
React Reference
https://ja.react.dev/reference/react
React TypeScript Cheatsheets
https://react-typescript-cheatsheet.netlify.app/
Redux
https://redux.js.org/

その他フロントエンド

MDN
https://developer.mozilla.org/ja/docs/Web
ウェブ開発を学ぶ
https://developer.mozilla.org/ja/docs/Learn
イベントリファレンス
https://developer.mozilla.org/ja/docs/Web/Events
ブラウザー拡張機能
https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions

Chrome拡張機能

Chrome拡張機能リファレンス
https://developer.chrome.com/docs/extensions/reference?hl=ja
はじめての Chrome 拡張 最小構成ハンズオン
https://qiita.com/punkshiraishi/items/5eca74202f6445025650
ReactではじめるChrome拡張開発入門
https://zenn.dev/alvinvin/books/chrome_extension

Udemy

React & TypeScript - The Practical Guide
https://www.udemy.com/course/react-typescript-the-practical-guide/?couponCode=ST6MT42324
【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座
https://www.udemy.com/course/discord-clone-udemy/?couponCode=ST6MT42324
【JS】ガチで学びたい人のためのJavaScriptメカニズム
https://www.udemy.com/course/javascript-essence/?couponCode=ST2MT43024
【最新ver対応済】モダンJavaScriptの基礎から始める挫折しないためのReact入門
https://www.udemy.com/course/modern_javascipt_react_beginner/
【2024年最新】React(v18)完全入門ガイド｜Hooks、Next14、Redux、TypeScript
https://www.udemy.com/course/react-complete-guide/?couponCode=ST2MT43024
チャート式問題集の用に学ぶ React・Next.js・TypeScript・Tailwind CSS
https://www.udemy.com/course/react-chart-app/?couponCode=ST2MT43024

学習の方針

ドキュメントやチュートリアル、Udemyなどの動画講座をやる

↓↑　行ったり来たりしながら、とにかく手を動かす。コンテンツを一つずつやり終える

ReactのChrome拡張機能・アプリ開発

個人開発の目標

1　React/TypeScriptについて、ジュニアエンジニア卒業レベルにする
2　簡単で、ちょっと役に立ちそうなChromeの拡張機能をReactで作る。
3　今のポートフォリオの内容を更新する
4 ブログサイトをReact/Firebaseで作る

進捗状況

4/23

やること

【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座を視聴する

やったこと

【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座　～８視聴

次やること

【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座の続き

4/24

やること

【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座を視聴する 9~

やったこと

【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座を視聴する ~20

次やること

【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座の続き

4/30

やること

【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座を視聴する 21~

やったこと

【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座を視聴する ~35

次やること

【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座の続き

5/1

やること

【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座を視聴する 36~
Reduxのドキュメントを読む

やったこと

【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座　完了
Reduxのドキュメント Redux Essentials, Part 2: Redux Toolkit App Structure　まで

次やること

Reduxのドキュメント Redux Essentials, Part 3: Basic Redux Data Flowから
ドキュメント読むの飽きたら【JS】ガチで学びたい人のためのJavaScriptメカニズム