Node.js 教科書 - 基本からプロジェクト実習まで

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を学びます。

Webゲームでリアクトを学びましょう。 Class、Hooksのすべてを学び、Context APIとReact Router、Webパック、バーベルまでさらに学びます。

MERN Stackを活用してコミュニティアプリケーションを制作、配布します。 (MongoDB、Express、React、Node + Firebase)

🔥 漢字学習のためのカスタムプラットフォーム構築！ Google Gemini AIとFirestoreを活用し、自分だけの漢字単語帳、画数アニメーション、手書き認識まで直接実装してみましょう！

MERN stack (feat. TypeScript) を活用して、地図サービスを最初から最後まで作成する講義です。API 公式ドキュメントを見ながら、一つずつ順を追って作成してみましょう。

バックエンド開発者としてポートフォリオを作成しましたが、見せてくれるのがAPIしかない就労生たちにフロントエンドを加えて1つのWebサービスにすることができる経験を提供します。

React、Node.js、MongoDBを活用して会社のWebサイトを自分で制作する過程を学べる実践的な講座です。 簡単なReact、Node.jsの基礎知識があれば、一緒にフルスタックプロジェクトを作りましょう！

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

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

理論から実習まで。 自分で開発したウェブサイトをクラウドにデプロイしながらウェブ開発全般を学べます。

このコースは、学生がReactを深く理解し、実際のプロジェクトで自信を持って活用できるよう設計されています。 長年の指導とメンタリングを通じて、多くの学習者がReactに苦戦していることに気づきました。その原因は、基礎や実際のアプリケーションにおける各要素のつながりを理解しないまま、チュートリアルからチュートリアルへと飛びついてしまうことにあります。 本コースでは、Reactを基礎から一歩ずつ、徐々に応用的な概念へと進めていくことで、その問題を解決します。すべてのトピックを明確に解説した上で、すぐに実践的なプロジェクトに適用します。ベストプラクティス、クリーンコード、そして実際の開発ワークフローに焦点を当てているため、単にReactを学ぶだけでなく、「React開発者としての考え方」を身につけることができます。 コースの最後には、3つの完全なプロダクションレベルのアプリケーションを構築し、自分自身のReactプロジェクトを作成・デプロイできる自信を手にしているはずです。

基礎からじっくりと実力を積み重ね、Node.jsのスキルを完成させるオールインワン講座👍

JavaScriptでさまざまなテーマを床から開発し、頑丈な実力の基盤と自信を築きましょう。

React の基本を学ぶことができます。React に関連する HTML、JavaScript、DOM、イベント、オブジェクト、モジュール、OOP などを整理できます。

次世代API制御技術であるGraphQLの基本と高度な使い方、そしてGraphQLで作っていく仮想のキオスクサービスを通じて、実際のプロジェクト体験を学びます。 コースは、2024年2月現在の最新バージョンであるapollo-server v4でコースを部分的に更新しました。