【実務レベルの開発を学びたい方へ】React + Typescriptで超本格的なNotionクローンを作ろう

「ReactやTypeScriptの基礎は理解したけど、実際に自分でWebアプリを作ったことがない…」

「もっと実践的なスキルを身につけて、早くエンジニアとして働けるレベルになりたい！」

そんなあなたのために、ログイン/ユーザー登録、入れ子でのメモ作成、WYSIWYGエディタ、リアルタイム通信など、本格的な機能を持ったNotionクローンを作成しながら実務レベルのReactアプリ開発について学べる講座です。

【この講座で学べること】

• Notionライクな高機能Webアプリ開発:

  • 基本的なCRUD操作（作成、読み取り、更新、削除）

  • ノートの階層構造（親子関係）の実装

  • ノートの変更のリアルタイム反映

  • 検索機能

  • 認証機能（ログイン、ユーザー登録）

• モダンなReact開発

• TypeScript による型安全なコーディングと、保守性の高いアプリケーション設計

• インフラ（Vercel, Render） を利用した、Webアプリケーションの公開

  
  

【本コースの対象者】

• Reactエンジニアとしての転職/就職を本気で目指している方

• React + Typescriptを使って自分でアプリを作ってみたい方

• Reactの基礎は一定理解しており、実務レベルのアプリ構築について学びたい方

• Reactの理解をもっと深めたい方

【受講する際の注意点】

• HTML/CSS/Typescriptの基礎については解説していません

• HTML/CSS、アプリの見た目を作る部分のコードについてはこちらで用意したものを利用していただく想定のため、本講座の解説には入っておりません

• Reactの基本（Progateの内容等）、および別で提供している講座「就職/転職で有利なポートフォリオに！ 基礎〜応用4つのReactアプリで実践的な開発を学ぼう」の内容は理解している前提となっております

• 今回できる限り内容を優しくするため、パフォーマンスチューニングについては触れていないため、作成したクローンはコンポーネントの再描画が発生する箇所があります

• バックエンドにNode.jsを使ったVerとSupabaseを使ったVerの二種類のレッスンが含まれています。Supabaseを使ったVerは古いものになるので、基本的にはNode.jsのAPIを使った方を受講してください（Node.js Verの講義は全体で5時間弱ほどです。）