React パターンのトレーニングコース
この講師主導のライブトレーニング(オンラインまたはオンサイト)は、React アプリケーションの最適化と改善を目指す React のスキルを持つ開発者を対象としています。React のコンポーネントパターンを理解し、適用することで達成します。
このトレーニング終了時には、参加者は以下のことをできるようになります:
- React パターンの異なるタイプを理解する
- Web アプリケーションで React Context API を使用する
コース形式
- 対話型の講義とディスカッション。
- 多くの練習問題と実践。
- ライブラボ環境での手動実装。
コースのカスタマイズオプション
- このコースのカスタマイズトレーニングを依頼する場合は、お問い合わせください。
- React について詳しく知りたい方は、以下をご覧ください:https://reactjs.org
コース概要
導入
- React パターンとは何か?
- React パターンの種類
- React パターンに関する基本的な知識
コンポーネントパターン
- Container、Presentational、Higher Order Components、Render Callback などの複数のパターンを使用する
- ContextAPI の使用
Render Props パターン
- Render Props パターンによって Render Prop コンポーネントを作成する
状態管理
- Global、Component、Relative、Provided ステートの違いを理解する
Provider パターン
- React Context を使用した Provider パターンの実装
- Dependency Injection の使用
複数パターンの組み合わせ
まとめと結論
要求
- 基本的な HTML、CSS、JavaScript の知識があること。
対象者
- 開発者
オープントレーニングコースには5人以上が必要です。
React パターンのトレーニングコース - 予約
React パターンのトレーニングコース - お問い合わせ
React パターン - コンサルティングお問い合わせ
お客様の声 (1)
トレーナーはアイスブレイクを很好地行い、参加者全員が積極的に参加できるように率先して励ましました。誰も取り残されることなく、各人の困難に対応することができました。彼は参加者の提出した課題や質問をうまく利用し、全体に対してより明確な説明を提供しました。
Joao Aguiar - INESC TEC
コース - React: Build Highly Interactive Web Applications
機械翻訳
今後のコース
関連コース
高度なReact
21 時間このインストラクター主導の実践的なトレーニング(オンラインまたはオンサイト)は、Reactコンポーネントを構築し、複雑なアプリケーションを設計したい開発者向けです。
本講座終了時には、参加者は以下のことを学ぶことができます:
- コンテクストAPI、HOCs(高階コンポーネント)、外部ステート、非同期APIなどのReactの高度な概念を理解する。
- Reactを使用して組み込み可能なコンポーネントを作成する。
- サーバー側およびクライアント側の認証を実装する。
- 複雑な状態管理アプリケーションのためにReactとReduxライブラリを使用する。
- コード量を削減し、アプリケーションのパフォーマンスを最適化する。
- アプリケーションをテストし、デプロイする。
FARM (FastAPI, React, MongoDB) フルスタック開発
14 時間このインストラクター主導のライブトレーニング(オンラインまたはオンサイト)は、FARM (FastAPI, React, MongoDB)スタックを使用してダイナミックで高性能かつスケーラブルなウェブアプリケーションを構築したい開発者向けです。
このトレーニングの終了時、参加者は以下のことができます:
- FastAPI、React、MongoDBを統合した開発環境を設定する。
- FARMスタックの主要な概念、特徴、および利点を理解する。
- FastAPIを使用してREST APIを構築する方法を学ぶ。
- Reactを使用してインタラクティブなアプリケーションを設計する方法を学ぶ。
- FARMスタックを使用してアプリケーション(フロントエンドとバックエンド)を開発、テスト、デプロイする。
適切なJavaScriptフレームワークの選択
14 時間この講師主導のライブトレーニング(オンサイトまたはリモート)は、フロントエンドアプリケーションを開発するためにどのJavaScriptフレームワークを使用するかを決定する開発者向けです。
このトレーニング終了時には、参加者は以下のことができるようになります:
- 最適な開発環境のセットアップを行います。
- JavaScriptフレームワークの制限と利点をテストするデモアプリケーションを実装します。
- どのJavaScriptフレームワークが最も適しているかを決定します。
JavaScript, Node JS, Reactブートキャンプ(初級から中級レベル)
35 時間このインストラクター主導のライブトレーニング(オンラインまたはオンサイト)は、JavaScript、Node.js、Reactに習熟し、システム/プラットフォームの開発と移行を行うことを目指す初級.NET開発者向けです。
このトレーニング終了時には、参加者は以下のことができるようになります:
- JavaScriptコードを効果的に記述し、デバッグする。
- Node.jsを使用してサーバーサイドアプリケーションを構築およびデプロイする。
- Reactを使用して動的かつレスポンシブなユーザーインターフェースを開発する。
- フロントエンドとバックエンドのコンポーネントを統合してフルスタックアプリケーションを作成する。
- レガシーシステムを現代的なJavaScriptベースのプラットフォームに移行するためのベストプラクティスを理解する。
MERN Fullstack 開発
14 時間このインストラクター主導のライブトレーニング(オンラインまたはオンサイト)は、MERN スタックを使用してフルスタック開発を行いたいウェブ開発者を対象としています。
本トレーニング終了時には、参加者は以下のことが Able to できるようになります:
- MongoDB、Express、Node.js と React を統合する。
- フルスタックのウェブアプリケーションをゼロから構築する。
- 認証と承認を通じてアプリケーションのセキュリティを実装する。
Reactを使用したマイクロフロントエンドの構築
21 時間このインストラクター主導のライブトレーニング(オンラインまたはオンサイト)は、Reactを使用して大規模なウェブアプリケーションのマイクロフロントエンドを開発、テスト、デプロイし、それらを高スケーラビリティ化し、技術的に中立的かつ維持しやすくするための開発者向けです。
このトレーニング終了時には、参加者は以下のことをできるようになります:
- Reactを使用してマイクロフロントエンドを開発するために必要な開発環境を設定します。
- マイクロフロントエンドのアーキテクチャ、コアコンセプト、および利点を理解します。
- Reactを使用してマイクロフロントエンドを作成、統合、テスト、デプロイする方法を学びます。
- モジュールフェデレーションを使用してマイクロフロントエンドを実装します。
- CI/CDパイプラインの本番環境ワークフローを適用します。
- マイクロフロントエンドでのCSSの一般的な問題とその修正方法について知ります。
- Reactとともに他のフロントエンドフレームワークを実装する方法に関する洞察を得ます。
NodeJSとReactを使用したマイクロサービスの構築
21 時間このインストラクター主導のライブトレーニング(オンラインまたはオンサイト)では、NodeJSとReactで構築されたマイクロサービスを使用して、アプリケーションを構築、デプロイ、スケールアップする経験豊富な開発者向けです。
このトレーニング終了時には、参加者は以下のことができます:
- 異なるマイクロサービスを使用してアプリケーションを構築、デプロイ、スケールアップします。
- サーバーサイドレンダリングされたReactアプリケーションを構築します。
- DockerとKubernetesを使用してマルチサービスアプリをクラウドにデプロイします。
- マイクロサービスでのアプリケーションテストを行います。
Next.js 14 高度開発
21 時間この講師主導のライブトレーニング(オンラインまたはオンサイト)は、中級から上級レベルのウェブ開発者や技術アーキテクト向けです。Next.js 14 の進歩を理解し、最先端のウェブアプリケーションを開発する知識を得ることを目指しています。
このトレーニング終了時には、参加者は次のことができます:
- 複雑なアプリケーションを構築するために Next.js 14 の全機能を活用します。
- Middleware、React Server Components、Edge Functions などの最新機能を使用します。
- パフォーマンス、スケーラビリティ、および SEO のベストプラクティスを実装します。
- Next.js アプリケーションの一般的な問題を効果的にトラブルシューティングします。
Next.js 14 - 高級
21 時間このインストラクター主導のライブトレーニング(オンラインまたはオンサイト)は、高度な開発者向けに設計されており、Next.js 14 の最新機能をマスターし、パフォーマンスを最適化し、現代的な React テクニックを実装する方法を学びます。
このトレーニングの終了時には、参加者は以下ができます:
- 高度な React フックと並行処理機能を実装します。
- Next.js のルーティング戦略を効果的に理解し、活用します。
- サーバーコンポーネント、サーバーアクション、ハイブリッドレンダリングアプローチを利用する。
- データ取得、キャッシュ、および増分静的リジェネレーションを最適化します。
- Edge Functions と Edge Runtime を使用して Next.js をバックエンドソリューションとして利用します。
- React Context、Redux、およびアトミック状態管理ライブラリを使用して状態を管理します。
- Web Core Vitals のためにアプリケーションのパフォーマンスを最適化します。
- Next.js アプリケーションを効率的にテスト、監視、およびデプロイします。
React: 高度なインタラクティブ性を持つWebアプリケーションの構築
21 時間この講師主導のライブトレーニングでは、Reactのパワーや柔軟性を実演し、他のフレームワークとの比較を行い、参加者とともに自分のReactアプリケーションを作成する手順をステップバイステップで説明します。
本コース終了時には、参加者は以下のことが able to できます:
- Reactの設計哲学を理解する。
- Reactを使用することが適切な場合とそうでない場合、および従来のMVCモデルを見直す必要がある場合を判断する。
- コンポーネント、props、state、ライフサイクルなどのReactの概念を理解する。
- Babel、Webpack、JSXなどの関連技術を実装する。
- インタラクティブなWebアプリケーションを作成、テスト、デプロイする。
React, Redux, GraphQLを使用したインタラクティブなアプリケーションの構築
28 時間このインストラクター主導のライブトレーニングでは、参加者はFluxとGraphQLを使用してReactアプリケーションを構築する方法を学びます。本コースは、インストール、セットアップ、統合、テスト、デプロイ、ベストプラクティスについて解説しながら、参加者が一連のサンプルアプリケーションを作成することで、アプリケーションにさらなる複雑さと「おもしろさ」を追加するための最新のツールキットや技術を使用する方法を示します。
Reactでアプリケーションを開発することは、他のMVCフレームワーク(AngularJSやBootstrapなど)の経験を持つ開発者にとっては異なる思考が必要となります。
このトレーニングでは、各ステップで使用されるテクノロジの基本を解説することで、参加者が機能的なアプリケーションだけでなく、特定のアプローチが使用される理由も理解できるようにします。これにより、独自のアプリケーションを開発する際には独立して創造的に考えられる土台が築かれます。
React with Next.js
14 時間このインストラクター主導のライブトレーニング(オンラインまたはオンサイト)は、Next.jsを使用してReactアプリケーションを作成したいウェブ開発者を対象としています。
このトレーニング終了時には、参加者は以下のことができるようになります:
- Next.jsでサーバーサイドのウェブアプリケーションと静的サイトを開発する。
- MongoDBを使用してデータを処理および保存する。
- Auth0認証を使用してウェブアプリケーションを保護する。
React アプリケーションをプログレッシブ・ウェブ・アプリ (PWA) に変換する
14 時間このインストラクター主導のライブトレーニング(オンサイトまたはリモート)は、React アプリケーションをプログレッシブ・ウェブ・アプリに変換したい開発者向けです。
本トレーニング終了時には、参加者は以下のことができます:
- React アプリケーションの変換を開始するために必要な開発環境を設定します。
- Service Worker を使用してキャッシュを作成し、React アプリケーションがオフラインで動作するようにします。
- プッシュ通知の作成とスタイルを適用します。
- プログレッシブ・ウェブ・アプリをモバイルデバイスにインストールします。
React, Redux と TypeScript
21 時間React は、JavaScript と HTML を使用して単一ページアプリケーションを作成するための広く使われているライブラリです。Facebook、Instagram、Netflix、ニューヨーク・タイムズなどの企業で使用されています。
このコースでは、React や Angular、Vue.js などの他のライブラリの基礎について紹介し、React の特徴に焦点を当てます。また、Redux や React-Router など、React と一緒に一般的に使用される技術もカバーします。
このコース終了時には、参加者は React を使用して様々な複雑さを持つアプリケーションを作成でき、ベストプラクティスに従うことができます。
React, Relay、および GraphQL
14 時間这个由讲师指导的现场培训(现场或远程)面向希望使用 GraphQL 和 Relay 在 React 应用程序中管理数据的开发人员。
培训结束后,参与者将能够:
- 设置必要的开发环境以开始为 React 应用程序进行数据控制。
- 提供即时 UI 响应交互。
- 将多个库的数据聚合到一个方便的 API 中。
- 使用 GraphQL 和 Relay 进行预取。