公式文書で学ぶ本番タイプスクリプト

フロント＆ユニットテストのすべてをマスターできるように、 基本概念から状況別テスト作成法、高度なテスト知識まで全て集めてお届けします

簡単なサンプルコードを使用してクリーンコードの基本原理を教えてください

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

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

JavaScriptの入門をしたいですか？ それでは私の講義を選択してください。

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

ブログプロジェクトを通じてリアクトの基礎を学ぶことができます

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

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

自分だけの技術を身につけたい方、ウェブ開発を基礎からじっくり学んでみたい方におすすめです。ウェブブラウザと言語の歴史から丁寧にお教えします。

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

実務で実際にWebサービスを開発した経験をもとに、入門者が実際に商用化も可能なレベルのWebとアプリサービスを開発することを目標とするフルスタックシリーズ講座です。そのためのPart2講座として、多様な技術が存在するフロントエンド技術の中で、レスポンシブ、互換性まで考慮した最新のHTML5、CSS3、バニラJavaScript + ES6をすべてしっかりと整理する講座です。

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

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

HTMLとCSSで美しく完成したカフェホームページにJavaScriptでインタラクティブな機能を追加する実戦プロジェクト講義です。 ボタンクリック、メニューフィルタリング、予約フォーム、ダークモードトグルからAPI連動まで、JavaScriptのすべての基礎をミンジとコード先生のストーリーを追いながら自然に学ぶことができます。 5時間の学習で初心者も動的なWebアプリケーションを作ることができます。

React Nativeでアバターベースのコミュニティアプリを開発します。投稿作成だけでなく、コメント/返信、いいね、投票、アバター生成など、完成度の高いコミュニティアプリを構築する過程を学びます。

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

JavaScript（JavaScript）でコーディングテストを準備する方のための講座です。楽しく解くことができる基礎段階の問題から高度なアルゴリズムまで段階的にじっくり学ぶように設計された講座です。

JavaScriptでスタック、キュー、連結リスト、ソート、DFS/BFSといった主要なデータ構造やアルゴリズムを自身で実装しながら学習します。よく出題される問題形式を一緒に解きながら、コーディングテストや面接に必須の問題解決能力まで身につけることができます。

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

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

現職スタートアップCTOが実際のサービスと複数の外注を通じて得たバイブコーディング知識をお伝えします。