読み込み中

しばらくお待ちください...

🔰入門ガイドロードマップチャレンジ当サイトついてイベント次のステップへ

アップデート

React × AI駆動の共同プロジェクト🚀

React × AI共同プロジェクト🚀

React 学習ロードマップ

Real World の大海原 (6 チャレンジ)

← マップに戻る

認証、支払い、APIなど、実践的なプロジェクトで学んだスキルを総動員します。

挑戦をシェアする

1

ショーケースアプリ

ショーケースアプリ

Next.js + GitHub API + Supabase など、複数の技術を組み合わせながら、ショーケースアプリを構築します。

2

JAMstack ブログアプリ

JAMstack ブログアプリ

Next.js と microCMS を用いた、JAMstack ブログの実装を学びます。

3

予約システム付きコーポレートサイト

予約システム付きコーポレートサイト

Next.js + LINE で、予約システム付きのコーポレートサイトを構築します。

4

コンテンツ販売アプリ

コンテンツ販売アプリ

Auth.js + Stripe で認証と決済を実装しながら、電子記事販売アプリを構築します。

5

コンテンツ販売アプリ（拡張）

コンテンツ販売アプリ（拡張）

Playwright でE2Eテストを学びながら、既存のアプリに対しテストを実装します。

6

ショートカットアプリ（デスクトップアプリ）

ショートカットアプリ（デスクトップアプリ）

Electron と Next.js を組み合わせたデスクトップアプリ開発について、学習します。

無料課題の次は、レビューと共同開発へ

React Road の課題で手を動かしたら、解説教材・Discord相談・メンターのレビュー・共同プロジェクトで、学習を実績につなげましょう。

b13oで次のステップへ

ロードマップに沿ったお題一覧で、Reactの使い方を学習するプラットフォーム

学習を始める

ロードマップ
課題一覧
UIギャラリー
サービスについて

お役立ち

イベント
入門ガイド
料金プラン

最新情報を受け取る

新しい課題の追加や、イベント情報などをお知らせします。

フォローする

Blueberry Mojito