【Discordクローン開発】React/Redux/Typescript/Firebaseで作るアプリ開発実践講座
人気アプリ「Discord」を1からReactで開発する講座。使用する技術はReact/Redux/Typescript/Firebase。近年はTypescriptの実装が増えてきており実務に近い形式で学びたい方は知っておいて損はない講座
Description
React/Redux/Typescript等の基礎を学び終え、Discordクローンをハンズオン開発することでWebアプリケーション開発の大まかな流れを把握して基礎力~応用力を高める講座です。
■ 本コースの対象者
・React等の基礎技術を学んだだけでは物足りない方
・React/Reduxは一通り学んだからもっとアプリケーションを作ってみたい方
・Typescriptを用いて実務に近いWebアプリ開発をしてみたい方
・Firebaseバージョン9.0での実装を学んでおきたい方
・Reactのフックスやカスタムフックス実装を体験してみたい方
・Firebaseでデプロイして他のユーザーにアプリを触ってもらい方
・Discordクローンを作ってポートフォリオにしたい方
・ただただWebアプリ開発好きで好奇心がある方
・etc...
ReactとTypescriptを使ったWebアプリ開発をして実務に近い経験を積んでおきたい・・・
Typescriptの理解は手を動かして理解することが1番の近道です。
ReactやTypescriptの基礎は分かるけど「実用的なアプリ開発がしたい」「もっとステップアップしたい」という方におすすめの講座内容となっています。
今回はReact/Redux/Firebase/Typescriptのモダン技術スタックを使用してDiscordクローンを開発します。
特にTypescriptは近年流行りの技術でどの企業でも採用されている型指定JSなので、この講座で基礎をしっかり理解することができます。理解すると案外簡単なことが分かることでしょう。
■ 本コースを受講する際の注意点
・HTML/CSS/JavaScriptの基本的な文法とルールは教えていません。
・Reactの基礎知識は知っている前提でお話を進めております(コンポーネントやJSX記法等)。
・ある程度Javascriptを触ったことがある人だとスムーズに受講できると思います。
What You Will Learn!
- Reactを使ってチャットやりとりができるDiscordクローンを構築します
- ReactとReduxを使った状態管理手法が学べます
- React × Typescript実装の基本が学べます
- Firebaseバージョン9.0でのライブラリの使用法が学べます
- HTMLとCSSの基礎がハンズオン形式で学べます
- DiscordのようなUIを実装できます
- Material UIでアイコンの利用法が学べます
- Reduxの意義と使い方が学べます
- ReactとReduxとFirebaseにTypescriptを適用させています
- Firebaseを利用したユーザーログイン/ログアウト手法が学べます
- 型付きのuseSelectorやuseDispatchの使い方が学べます
- Redux DevToolsプラグインで状態管理を視認する方法を学べます
- onSnapshotを使ったリアルタイムデータ取得が学べます
- react-error-boundaryライブラリでエラーの詳細の出力方法が学べます
- Firebaseにおけるサブコレクション実装が学べます
- Reactのカスタムフックスを実装する方法を学べます
- Firebaseを利用してアプリをホスティング/デプロイする方法を学べます
Who Should Attend!
- Reactの基礎は学んだけど簡単なアプリで使ってみたい方
- Typescriptの基礎は学んだけど実用的な使い方を知りたい方
- Firebaseバージョン9.0以降での実装方法が知りたい方
- Discordクローンを作ってみたい方
- 実務に近いWebアプリ開発を体験してみたい方