一口サイズでかじり取るReact.js：基礎から実践まで

「ひとくちシリーズ」の第3弾！世界で最も親切で詳細なNext.js講座です。App Routerだけでなく、Page Routerまでプロジェクトを通じて学んでいきます。

文法を超えて動作原理と概念の理解まで、学んでも学んでも混乱しがちなTypeScriptを、今こそしっかり学びましょう！皆さんをTypeScriptの魔法使い🧙🏻‍♀️にお仕立てします。

いよいよ実践に挑戦する番です 🔥 React.js + TypeScript + Supabaseで実務レベルのSNSを一緒に開発しながら、認証・認可、無限スクロール、画像アップロード、いいね、無限ネストコメント、ダークモードなどの機能を実装します。この過程で、ZustandとTanstack Queryを利用したサーバーおよびグローバル状態管理の手法も学んでいく予定です。

「ひとくちシリーズ」の第3弾！世界で最も親切で詳細なNext.js講座です。App Routerだけでなく、Page Routerまでプロジェクトを通じて学んでいきます。

JavaScriptの基礎講義、応用講義、ポートフォリオ専用講義を別々に探すのではなく、講義ひとつでJavaScriptの基礎から現業が書く様々な応用技術、ポートフォリオまですべて終わりたい方のための講義です。

React 19の最新機能をTypeScriptと共に学ぶReact完成講座！ 基礎から状態管理（Context, Redux Toolkit, Zustand）、API通信（Fetch, Axios）、最新フック（use, useActionState, useOptimisticなど）、実践プロジェクトまで一歩ずつ習得し、実務にすぐ適用できるReactアプリを作ることができます。

初めてプログラミングを始める方のためのウェブ開発入門講座です。HTML、CSS、Javascriptを学び、Instagramの投稿カードを作成することで、ウェブページ制作に不可欠な基礎内容を学習します。

いよいよ実践に挑戦する番です 🔥 React.js + TypeScript + Supabaseで実務レベルのSNSを一緒に開発しながら、認証・認可、無限スクロール、画像アップロード、いいね、無限ネストコメント、ダークモードなどの機能を実装します。この過程で、ZustandとTanstack Queryを利用したサーバーおよびグローバル状態管理の手法も学んでいく予定です。

TypeScriptを始める方のための講義です。最新のJavaScript文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。難しく感じられるTypeScriptを初心者の視点から簡単で楽しく学んでいきましょう😄

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

私が好きなユーチューバーのグルメマップを作成しながら、フロントエンド、バックエンド、Kakao Map API の使用方法、公開までを一度に学べるフルスタックグルメマップの講義です。

全世界のウェブサイトで75%以上が使用しているJavaScriptライブラリ、jQuery！華麗な効果よりも原理を理解し、基礎を固められるように構成しました。jQueryの基礎から活用まで学習し、あなただけのポートフォリオを完成させたり、現場で即活用してみてください。

理論と実践を通じて、JavaScript を習得できる講義です。コーディングを初めて触れる方でも、段階的に説明するので簡単に理解できます。Part 1 では、JavaScript の概要、変数、データ型、演算子、制御文、jQuery の基礎を扱います。

「なぜAIがこんなコードを書いたのか？」、「なぜさっき言ったことを覚えていないのか？」 Claude CodeのようなAIツールを使っていると直面するもどかしさ。その原因は、ツールがどのように動作しているかを知らないことにあります。この講義は、そのブラックボックスを透明に解き明かします。 全25講を通じて、LLMにファイルを見る「目（Read）」、コードを直す「手（Edit）」、命令を実行する「足（Bash）」を直接持たせ、実際の現場で使われるツールと同じように動作する自分だけのCoding Agentをゼロから実装します。単にライブラリの使い方を学ぶのではありません。AIがどのようにプロジェクト構造を把握し、なぜ長い会話で記憶を失うのか、それを技術的にどう解決するのか（Sliding Window、Summary）を、直接コードで実装しながら体得します。 この過程を通じて、皆さんはAIツールの単なる「ユーザー」から、作動原理を見抜き、ツールを自分好みに改造・評価できる「AI供給者」の視座を手に入れることになるでしょう。

この講義を通じて、受講生はHTML、CSS、JSでインスタグラムに似たWebサービスを作成することができます。 （フロントのみ実装しました！バックエンドサーバー構築は今後講義撮影予定です。）

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

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

mongoDB、NoSQLは最近多く聞こえますが、まだ見知らぬデータベースですか？リレーショナルデータベース（RDS / SQL）のように使用していませんか？いくら良い技術も正しく使用しないと逆効果が発生します。だからモンゴディビの使用失敗事例もしばしば見えます。このレッスンでは、mongoDBをできるだけmongoDBで使用できるように、基本概念から実務ノウハウまで教えていきます。

「リアクトが上手な開発者になる」という本が出版されました。 この本はリアクト学習前に必要なウェブの基本原理から最新のリアクトフックまで体系的に案内し、しっかりとした基礎知識を提供します。合計40個以上の多彩な実戦プロジェクトと豊富な実習例題を通じて理論を実務にすぐ適用し、問題解決能力を育てることができます。また、リダックスツールキット、Zustand、Firebaseなど現代ウェブ開発に必須の技術を一緒に学び、完成度の高いリアクトアプリケーション開発者として成長できるよう支援します。

速いスピードを誇るNode.jsフレームワークfastify、orm Prisma、およびTypescirptを活用した最新のNode.jsバックエンドREST APIを学習するコース

思考を扱います。JavaScriptの核心と根本を論理的に整理できます。JavaScriptの経験や考えを自ら整理できるようになります。JavaScriptの技術論理を確立できます。JavaScript全体を見渡す視野を広げることができます。JavaScriptの技術面接対策ができます。

ReactベースのシンプルなSNSサービスを作成しながら、REST APIとGraphQLを練習します。 フロントエンド開発のためのバックエンド環境を簡単かつ簡単にする方法を紹介します。

この講義は、プログラミングを初めて触れる方も安心して受講できるNodeJs入門講義です。 NodeJsは、元々Webブラウザ内でのみ実行されていたJavaScriptを、PCやサーバーでも利用できるようにした技術です。 現在は、Webサービスのバックエンド、自動化、ツール開発など、様々な分野で活用されています。 この講義では、NodeJsを学ぶ際に初心者がまず知っておくと良い45のことを、順番に分かりやすく解説します。 学習はスライドベースの講義形式で進められ、各ステップで実際のコード実行結果を確認することで理解を深めます。 「知識」と「動作」を繋ぐ構成となっているため、直接コーディングしなくても自然と「なるほど！」という気づきを得られます。 NodeJsの全体像を最初に把握しておくと、今後のプログラミング学習がはるかにスムーズになります。