一口サイズに切って食べるTypeScript (TypeScript)

基礎概念からユニークなプロジェクトまで一緒に取り組みながら、JavaScriptとReactをこの講座で一気にマスターしましょう。 学習は短く、応用は長く。18時間分のAll-in-one講座！

AIは、まさにあなた次第でどこまでも優れたものになります。AIの活用法 → 基礎となる核心知識 → プロジェクト開発の3段階で完成させる、完璧なバイブコーディング。バイブコーディングをしっかり学びたい方のために、どのAIを使っても変わらない核心概念を、一口サイズに分かりやすくお届けします。

一口シリーズの第3作！世界で最も親切で、詳細なNext.js講義です。App Routerだけでなく、Page Routerについてもプロジェクトを通して学びます。

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

AIに任せてもエラーばかり繰り返されるなら、問題はAIではなく、方向性を示すための基礎がないことです。 この動画では、バイブコーディングをしていて行き詰まる人に、例外なく欠けていた基礎概念7つがそれぞれ何で、なぜ必要なのかを解説します。 👾 コーディング0日目、ターミナルを一度も開いたことがない方を基準に説明します。

Zustand、TanStack Query、Tailwind CSSで、あなたのReactアプリをアップグレードしましょう！複雑なプロジェクトにも挑戦できるよう、さまざまなツールの基本概念と使い方をご案内します。

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

この講義を通じてタイプスクリプトについて学ぶことができます。

型安全性とコードの可読性を高めるTypeScriptの核心文法を、実習中心に習得する入門コースです。プロジェクトの環境設定からインターフェース、ジェネリック、ユーティリティ型まで、実際のコード例を通して学習します。

一口シリーズの第3作！世界で最も親切で、詳細なNext.js講義です。App Routerだけでなく、Page Routerについてもプロジェクトを通して学びます。

タイプスクリプトの核心概念を基礎から実践までまるごと！ プロジェクトを通して実務活用まで

タイプスクリプトを正しく理解するには、公式文書を一度見てください。 文書の重要な部分だけがコックを拾い、分かりやすく伝えます。 実戦に必要な内容も一緒にお知らせする講義です！

JavaScriptを学んだ後にTypeScriptを始めると、新しい文法よりも「なぜこの型を使わなければならないのか？」という部分でつまずくことがよくあります。 基本の型からユニオン、型絞り込み、ジェネリック、keyof、Pick、Omitまでを繋げて学習します。また、練習問題を別途ミッションとして提供し、学んだ内容を直接適用できるように構成しました。 受講後は、型の受講エラーをむやみに隠すことなく原因を読み解けるようになり、繰り返される型を安全に減らし、コードの意図を型で表現できるようになります。

すでに開発言語（Java/Python/Swift/Kotlinなど）を経験したことがある開発者を対象に、JavaScriptを1時間で素早く習得できる講座です。 AIと共にコーディングする時代ですが、AIが生成したコードを人間の開発者が監督する必要があるため、その監督に必要な最小限の知識を短時間で身につけるための講座です。

Node.jsにタイプスクリプトを適用し、既存のnpmパッケージにタイプを追加するか、直接タイプスクリプトライブラリを作成しましょう。

簡単にAndroidアプリ、Windowsアプリ、iosアプリを作成して配布する方法まで知りたい方におすすめです。 JavaScriptやアンギュラーではなく、タイプスクリプトの基礎からお知らせします！

React Nativeでアバターベースのコミュニティアプリを開発します。記事作成だけでなく、コメント・返信、いいね、投票、アバター作成など、完成度の高いコミュニティアプリを作る過程を学ぶことができます。

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

このレッスンを通して、Reddit Webサイトを最初から1つ1つ作成することができます。

JavaScript、TypeScriptに続いて、次はバックエンド開発です。NestJSを使用してREST APIバックエンド開発、Socket IO開発および配布を行うことができます。

Web開発者が（特にReact開発者であれば）本当に手軽にアプリをリリースできる時代になりました。Expoを使えば、さらに素早くAndroidとiOS両方のアプリをリリースできます。Expoを通じて、アプリまでスピーディーにリリースできる開発者になりましょう。

MERNスタック（feat. TypeScript）を活用した地図サービスを一から作り上げる講座です。APIの公式ドキュメントを見ながら、一歩ずつ着実に作っていきましょう。

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

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

この講座は、AI時代に開発生産性を最大化する方法を学びたい方のための実践中心の講座です。 単にAIを使う方法を超えて、実際の開発環境でClaude Codeをどのように活用すべきか、そしてどうすれば「質の高い成果」を生み出せるのかに焦点を当てます。 多くの開発者がAIを使いながらも、 ❌ 結果が一貫しない ❌ コードの品質が落ちる ❌ プロジェクトが次第に複雑になる といった問題に直面しています。 この講座では、これらの問題を解決するために、 ✔ スペックベースのワークフロー ✔ 構造化されたコマンドシステム ✔ サブエージェントおよび自動化戦略 を通じて、AIを単なるツールではなく「開発パートナー」として活用する方法をお伝えします。 また、Firebase、Figma、GitHub、Vercelといった実際のサービスと連携し、 最初から最後まで一つのアプリケーションを完成させ、デプロイする経験を提供します。

AIにやらせているのに、なぜ何度も壊れてしまうのかわからないなら、問題はコーディングではなく、'何が起きているのか'を知らないまま指示していることです。ログインと決済機能を備えたウェブサービスをゼロから完成させ、自分のドメインでのリリースや検索エンジンへの掲載まで実現しながら、各段階で "今、何が起きたの？"という文脈を理解して先へ進むバイブコーディングをお教えします。