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

実践的なReactアプリ開発でエンジニアデビュー！Notionクローン作成でスキルアップ

ReactとTypeScriptの基礎は理解しているけれど、実際にWebアプリを開発した経験がないあなたへ。エンジニアとして早く活躍したいと願うあなたにぴったりの講座です。

この講座では、Notionのような高機能Webアプリを開発する過程で、実務レベルのReactアプリ開発スキルを習得します。ログイン/ユーザー登録、入れ子構造のメモ作成、WYSIWYGエディタ、リアルタイム通信など、本格的な機能を備えたNotionクローンを構築しながら、必要な技術を習得できます。

この講座で学べること

• Notionライクな高機能Webアプリ開発:
  • 基本的なCRUD操作（作成、読み取り、更新、削除）
  • ノートの階層構造（親子関係）の実装
  • ノートの変更のリアルタイム反映
  • 検索機能の実装
  • 認証機能（ログイン、ユーザー登録）
• モダンなReact開発:
  • TypeScriptによる型安全なコーディング
  • 保守性の高いアプリケーション設計
• バックエンド連携:
  • Supabaseとの連携
• インフラ構築・デプロイ:
  • Vercelを利用したWebアプリケーションの公開

こんな方におすすめ

• Reactエンジニアへの転職/就職を真剣に考えている方
• React + TypeScriptを使って自分でアプリを作ってみたい方
• Reactの基礎は理解しているが、実務レベルのアプリ構築について学びたい方
• Reactの理解を深めたい方
• ポートフォリオ作成に役立てたい方

受講する際の注意点

• HTML/CSS/TypeScriptの基礎については解説しません。
• HTML/CSS、アプリの見た目を作る部分のコードは、講座内で用意したものを利用していただきます。
• Reactの基本（Progateの内容等）および別で提供している講座「就職/転職で有利なポートフォリオに! 基礎〜応用4つのReactアプリで実践的な開発を学ぼう」の内容を理解していることを前提とします。
• パフォーマンスチューニングについては触れていないため、作成したクローンはコンポーネントの再描画が実施される箇所があります。
• 講師の身体的な事情により、一部聞き取りにくい部分があるかもしれません。

この講座で、React開発のスキルを飛躍的に向上させ、自信を持ってエンジニアとして活躍できるようにサポートします。