TypeScript入門 - 基礎から実践まで

複雑なNext.jsの様々な概念を短時間で核心だけ学べます。Next.jsを初めて学ぶ方のための実務必須知識だけをお伝えします。フレームワーク講義だけで8年目を迎えるキャプテンパンギョのNext.js新規講義。「AI時代のフロントエンド開発者」のコーディングと学習方法を学べます！:)

フロントエンド開発に必要なJavaScriptの基礎知識。実務者として必ず知っておくべき必須知識を簡単かつ迅速に説明します。2024年現代フロントエンド開発トレンドを反映した基本講座。

Vue.js 中級講座 - 「誰でも」、「簡単に」、「素晴らしい」Webアプリケーションを作れるようサポートするVue.js活用講座です。Vue.jsに対する基本的な理解をもとにTodoアプリを作りながら、コード中心の実用的な知識を学びます。

Vue.jsの最新バージョンVue 3を始める方のための講座です。Vue.jsの動作原理から実務開発を行う際に知っておくべき基本概念を学びましょう。

実力のあるフロントエンド開発の実務者になりたいなら必ず受けるべきテスト講義。テスティング入門から実践まで一気に終わらせる 👊

Reactを始める際に必ず知っておくべきNext.jsフレームワーク。初心者目線のわかりやすい説明から、実務者も満足する奥深い動作原理の理解まで。Next.jsを一気に解決します。

実務で最も多く使われているReactフレームワーク、簡単で速く楽しく学んでみましょう！ToDoアプリを作りながらReactの動作原理、コンポーネント設計、リファクタリング方法を学びます。

実務でよく使われるReactとVueのコードを書きながらTypeScriptの必須概念を学ぶ講座です。ReactとVueに型を適用する方法、ChatGPTの使い方まですべて押さえる実務者と入門者の両方のための講座!

Vue 2と最新のVue 3の両方で使用できるVue Composition APIを最も簡単かつ正確に学べる講座!

自分が作ったVue.jsサイトがより多くの人に露出されることを望むなら？キャプテンパンギョのVue.jsシリーズを全て聞いて、今度はサーバーサイドレンダリングもやってみたい方におすすめの講座です。Nuxt.js入門講座！

Vue.jsでTypeScriptを始める方のための最高の講座。2つの実習プロジェクトで楽しく学ぶVue.js + TypeScript完全攻略。学びながらすぐに実務に適用してみてください!😄

「TypeScript入門 - 基礎から実践まで」の実践活用編です。入門編を受講されていない方は入門編から受講してください 😄

1000人が選んだWebpack講座！新しくリリースされたWebpackバージョンに合わせてリニューアルされた講座です。実習中心でより簡単にWebpackを学んでみましょう :)

Vue.jsで実務をされている方に必要なすべてを盛り込みました。実際のバックエンドAPIで実装する学習ノートCRUDアプリケーション。生産性の高いプロジェクト環境構築とバックエンド開発者と協業する方法についてのメッセージをぜひご確認ください :)

Vue.jsで簡単にWeb開発ができるよう、基本概念と核心機能について学習し、実装してみます。 講座を受講すると、Vue.jsでフロントエンド開発をするのが楽しくなるでしょう。

Do it! Vue.js 入門 -> Vue.js 初級講座 -> Vue.js 中級講座の系譜を継ぐVue.js 実践講座です。 Vue.js を実務で完璧に活用できるようサポートします。

Web技術でオフライン環境で動作するAppを作ることができます。プログレッシブウェブアプリが発展してきた時代的背景と主要な特徴を学び、主要技術で実際にプログレッシブウェブアプリを作ってみましょう。

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

理論と実践を通してJavaScriptを習得できる講義です。

この講座は、TypeScriptをベースにNext.js 16+を基礎から実戦プロジェクトレベルまで完成させるオールインワン講座です。App Router、Server Components、Server Actions、Caching、Cache Components、認証、パフォーマンス最適化、デプロイまで、最新のNext.jsの核心概念と実務パターンを直接実装しながら学習します。

React + TypeScriptを活用し、実務感覚で「ToDoリスト（ToDo List）」を自ら作成するプロジェクト中心のカリキュラムです。単に文法を学ぶだけでなく、コンポーネント構造の設計 → 状態管理 → 型の適用 → 機能実装 → ローカルストレージ連携 → デプロイまで、実際のサービス形式で完成させることで、TypeScriptの活用感覚を身につけることができます。

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

JavaScriptを正しく学びたい初心者のための最も堅実な基礎講義です。この講義ではJavaScriptという言語を理解するための出発点となり、フロントエンド（Vue、React、Angular）開発者、サーバー（Node.js）開発者になるための基礎を完璧に準備できます。

「TypeScript入門 - 基礎から実践まで」の実践活用編です。入門編を受講されていない方は入門編から受講してください 😄

この講義は単なるDOM操作を超えて、実際のユーザーとの相互作用の中でウェブUIを動的に構成し、反応させる方法を深く学習します。イベントシステムの本質、バブリングとキャプチャリング、イベント委譲、リアルタイムUXフィードバック、そしてthrottle & debounceを活用したパフォーマンス最適化まで、実務で頻繁に遭遇する問題を直接実装しながら習得できるように構成しました。DOMツリーの構造理解を基盤に、イベントの流れと状態の変化を柔軟に結びつける能力を養います。

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

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

"2026年度 UIUXデザイナー | コーディングするデザイナー エージェンシー合格ポートフォリオ公開" 面接官の目を引くUIUXウェブポートフォリオを制作する実践講義です。 単なるポートフォリオ制作ではなく、インタラクションを活用した差別化された成果物で、 UIUXデザイナーとしての就職競争力を高められるよう設計されたカリキュラムです。

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

誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作り Springbootでサーバーを開発し、ReactNativeで自分だけの掲示板を作ってみましょう!!

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

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

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

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

Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業！

ゲームプログラムを直接作成しながら、JavaScriptの基本と実戦能力を育てる講義です。

最も出題されているタイプを収めた 'JavaScript アルゴリズムのベスト 10' で問題の核心を見つけて解く能力を育てましょう！