コース概要

React 19: 現代のフロントエンド開発

  • フックの使用: useState, useEffect, useReducer
  • Context APIを使用した状態管理
  • React Routerを使用したルーティングの実装
  • ファイル構造、再利用性、パフォーマンスに関するベストプラクティス

React開発者のためのTypeScript

  • 型安全性: types, interfaces, enums, generics
  • props、state、フック、イベントハンドラの型付け
  • 再利用可能な型とユーティリティ関数の作成

React + TypeScriptの実践

  • 強い型付けを使用したスケーラブルなコンポーネントの構築
  • genericsとprops、フックを組み合わせる
  • 実際のプロジェクトでの実践的な型付け戦略

Reactアプリケーションのテスト

  • JestとReact Testing Libraryの紹介
  • コンポーネントとフックの単体テストの書き方
  • 非同期操作とAPI呼び出しのテスト
  • テストカバレッジとデバッグに関するベストプラクティス

Next.js 15: フルスタックReactフレームワーク

  • App Router vs Pages Router
  • サーバーサイドレンダリングと静的サイト生成
  • APIルートとミドルウェア
  • 画像の最適化とパフォーマンス

Node.js + Express: バックエンドAPIの基礎

  • ExpressとRESTfulアーキテクチャの設定
  • JSON Web Tokens (JWT)を使用した認証
  • コントローラー-サービスパターンとルート構造化
  • APIリクエストのセキュリティと検証

PrismaとPostgreSQLを使用したREST API

  • PostgreSQLでPrismaの設定
  • スキーマモデリングとマイグレーション
  • CRUD操作の実行
  • PrismaクライアントをExpressルートに統合する

Gitを使用したバージョン管理

  • Gitの基本: init, clone, commit, push, pull
  • ブランチ、マージ、プルリクエスト
  • GitHubとチームコラボレーションの作業

フルスタックアプリケーションのDevOps

  • CI/CDの概念とワークフロー
  • Dockerとコンテナ化の紹介
  • クラウドプラットフォーム(例: Vercel, Heroku)での基本的なデプロイ
  • モニタリングとエラーログ

データウェアハウスとデータレイク

  • データウェアハウスとデータレイクの違い
  • フルスタックアーキテクチャでのデータパイプライン概念
  • データ取り込みと構造化におけるバックエンドシステムの役割

人工知能の統合

  • WebアプリケーションでのAI使用例の概要
  • 外部API(例: OpenAI, Hugging Face)への呼び出し
  • AIを使用したテキストサマリ、チャットボット、分析

まとめと次なるステップ

要求

  • JavaScriptとWeb開発の基本的な理解
  • HTML/CSSとフロントエンドフレームワークの使用経験
  • APIとデータベースの基本的な知識があると役立ちます

対象者

  • フロントエンドおよびバックエンド開発者
  • フルスタックロールへの転職を検討しているソフトウェアエンジニア
  • スケーラブルなWebアプリケーションを開発する技術者
 28 時間

参加者の人数


参加者1人あたりの価格

お客様の声 (5)

今後のコース

関連カテゴリー