Webゲームを作って学ぶReact

AI時代が到来し、開発者に求められる能力はますます複雑になっています。「フロントエンドさえできればいいだろう」と思っていても、自分だけのサービスを作ったりAI機能を組み込もうとしたりすると、結局バックエンドという巨大な壁に突き当たることになります。 しかし、いざバックエンドを始めようとすると、データベース設計、ユーザー認証(Auth)、ストレージ管理、そして複雑なインフラ構築まで、学ぶべきことが多すぎて圧倒されていませんか？もう、その重荷を下ろしてください。 本講義では、これらすべてのバックエンド機能を一気に解決してくれるSupabaseを活用します。複雑なサーバーの知識がなくてもバックエンドを「サクッと」完成させ、アイデアを即座に具現化するフルスタック開発者へと生まれ変わるための、最短の近道をご案内します。

ノードとは何か、最新のJavaScript文法、ノードのAPI、npm、モジュールシステム、データベース、テストなどについて学び、5つの実例を使ってプロジェクトを作成します。サービスをクラウドにデプロイしたり、ノードプロジェクトをTypeScriptに変換したりすることもできます。

本講義ではJavaScriptを活用してプログラミング思考力を養う練習を行います。ウェブゲームである球球団をはじめとする、数字野球、反応速度テスト、チックタクト、宝くじ抽選機、はさみロック、カードマッチングゲーム、テキストRPG、地雷探し、2048ゲーム、ほくろ捕獲まで一緒に作ってみましょう。

Node.js の Spring と呼ばれる NestJS を学び、Dependency Injection の利便性を体験しましょう。API 開発から、Express との比較、デプロイ、テストまで、すべてを学びましょう。

リアクトで作ったウェブゲームとReact Router、Redux、MobXにタイプスクリプトを貼り付けてリアクトとタイプスクリプトを一緒に使ってみましょう。

簡単な8つのWebゲームを作成し、Vue.jsとVueで使用されるVuex、Vue Routerを学びます。

リアクトで作ったウェブゲームとReact Router、Redux、MobXにタイプスクリプトを貼り付けてリアクトとタイプスクリプトを一緒に使ってみましょう。

このレッスンを通して、Webゲームをどのように開発するかを知ることができます。

Reactの核心的なデザインパターンを概念と例題で素早く身につけましょう！

Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。

この講義を通して、FirebaseでDBの関係を実装する方法を学びます。迅速にReactフルスタック開発者になることができます。 雇用が不安定な今、この時代には新しい技術を学び、自身の価値を高める必要があります。そして何かを作り出さなければなりません。 そのサイドプロジェクトやアイデアを実装する際に、データの「関係」を実装できるようになる必要があります。この講義は、Firebaseの「Firestore」で「関係」を実装できるようにお手伝いします。

従来のReact開発方式とNext.jsを利用して開発する方式は全く異なります。この講義は最新のNext.js 16の核心を貫き、「本物の」Next.jsらしい開発方式をお教えします。就職ポートフォリオから実務プロジェクトまで、パフォーマンスと効率の両方を掴む方法を体験してください。 Next.jsらしく開発しましょう!Next.jsの機能をどのように適用すべきか、実際の例題を作りながら体で学べるように構成されています。サーバーコンポーネントを中心に見て、サーバーアクションとキャッシング戦略などを理論よりも実際にコードを通してより速く学習します。 講義の目標はできるだけ早くNext.jsの雰囲気についていくことであるため、講義自体はJavaScriptを利用して進行します。しかし、各講義の例題はTypescriptで制作されたものを追加で授業資料として提供します。 2025年12月18日 - Next.js 16バージョンにアップデート

このレッスンでは、Googleが提供するAPIを使用してチャットボットを作成できます。

Spring Boot（Spring Boot ver3.4.x）で作成されるAPIサーバーと React 19（with TypeScript） 連携プロジェクトを完成させる！ バックエンドポートフォリオにフロントエンドを適用！ 実務者を対象に作成された講義（初級者向け講義ではありません。）

ReactフロントエンドとSpringBootバックエンドをAWSクラウドに直接デプロイするポートフォリオ中心の講座！ 素早く自分のポートフォリオにフロント、バックエンドプロジェクトをデプロイしたい方に役立つ講座です！デプロイに必要な知識を、サーバー設定からDocker、Domain接続、Nginx、HTTPS適用まで段階別に短期間で実習できるようになります！

この講義を通じてショッピングモールウェブサイトを最初から一つ一つ作ってみることができます。

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。 慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

タイプスクリプトとリアクト関連講座です。

完全なエンドツーエンド開発者ジャーニー — FastAPI、React、そしてVibe Coding技術を使用して、超高速API、モダンフロントエンドインターフェース、実際のプロジェクト、認証システム、ダッシュボード、そして完全なデプロイメントを構築する。

SpringAI + Reactで作る私だけの感情日記サービス Neo + Essentialと一緒に作る4番目のプロジェクトの時間です!

Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

フロントエンドプロジェクトのミッションコンテンツです。DevTimeというタイマーアプリを直接実装しながらプロジェクト実習ができるよう、PRD企画書、Figmaデザイン、APIエンドポイントを提供します。実際のサービスと同等レベルのプロジェクトを実装しながら、これまで学習した知識を完璧に自分のものにしてみましょう 🚀

Next.jsフルコースをディップして食べよう！ GraphQL、Redis、RabbitMQ、Prisma、TailwindCSS、Docker Compose、Cypress、Prometheus、Grafanaなど、最新技術で実践プロジェクトを完成させ、App RouterとPage Routerの両方を経験できます。

10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。 企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt