Vitestを使ったテストコード作成の方法を学び、Reactアプリケーションのテストの自動化について学べるコースです。
VitestはJavaScriptテスティングフレームワークの一つで、この分野でのデファクトスタンダードであるJestと互換性があります。
高速なテスト実行を特徴とし、多様なJavaScriptアプリケーションフレームワーク対応、ECMAScript Module対応、モック機能、カバレッジ収集などがサポートされています。
本コースはVitest以外にも、React Testing LibraryによるUIテスト、Mock Service WorkerによるモックWeb APIの用意、テスト駆動開発の体験も含まれています。
多数のハンズオンや練習問題を用意していますので、体験的にテストの自動化を学ぶことができます。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
開催日程
オンライン・オフライン（対面）の開催がございます。
オンライン研修を希望される方は、必ずお申し込み前に「オンライン研修環境」を確認してください。
オンライン
オフライン
学習目標
JavaScriptアプリケーションのテスト自動化を行えるようになる
対象者
JavaScriptアプリケーションのテスト自動化について学びたい方
前提条件
■ Reactを使って簡単なアプリケーションを作成できる方
■ TypeScriptについて初歩的な文法をご存じの方
■ ECMAScript2015以降のJavaScriptの文法をご存じの方
■ TypeScriptについて初歩的な文法をご存じの方
■ ECMAScript2015以降のJavaScriptの文法をご存じの方
研修概要
5名様以上同時にお申込の場合には割引サービスがございますので、こちらからお問い合わせください
-
- 実行環境
- ■ React v18以上
■ TypeScript v5以上
■ Vite v5以上
■ Vitest v1.3以上
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
- 121,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
カリキュラム
■ 自動化テスト
□ テストの自動化とは
□ 自動化テストの条件
■ Vitestの基礎
□ Vitestとは
□ テストを書き、実行する
□ マッチャー
□ テスト前後の定型処理
□ 例外のテスト
□ モック
□ カバレッジ計測
■ UIテスト
□ UIテストの難しさ
□ React Testing Libraryについて
□ React Testing Libraryの基本的な使い方
□ 要素を取得するメソッド
□ ユーザー操作の模倣
□ Context APIを利用するコンポーネントのテスト
■ HTTP通信を伴うテスト
□ Mock Service Workerについて
□ Mock Service Workerの基本的な使い方
□ テスト毎に挙動をカスタマイズする
■ テスト駆動開発を体験する
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
□ テストの自動化とは
□ 自動化テストの条件
■ Vitestの基礎
□ Vitestとは
□ テストを書き、実行する
□ マッチャー
□ テスト前後の定型処理
□ 例外のテスト
□ モック
□ カバレッジ計測
■ UIテスト
□ UIテストの難しさ
□ React Testing Libraryについて
□ React Testing Libraryの基本的な使い方
□ 要素を取得するメソッド
□ ユーザー操作の模倣
□ Context APIを利用するコンポーネントのテスト
■ HTTP通信を伴うテスト
□ Mock Service Workerについて
□ Mock Service Workerの基本的な使い方
□ テスト毎に挙動をカスタマイズする
■ テスト駆動開発を体験する
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
オンライン研修環境
-
- 使用ツール
- 動画配信：Zoom
質疑応答：オンラインチャットシステム（Mattermost）
演習環境：仮想デスクトップ
※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
※Mattermostおよび演習環境は弊社にてご用意いたします。
-
- システム要件
- ・インターネットに常時接続できること
（アクセス制限のないネットワーク環境をご利用ください）
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
※事前にアクセス確認をご希望される方はお問い合わせください
-
- 対応OS
- Windows
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- WEBブラウザ
- Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- 事前環境確認
- 事前にアクセス確認をご希望される方は以下のフォームからお問い合わせください。
開催日程
お申し込み状況により、受付期限よりも前に受付終了となる場合がございますので、お早めにお申し込みください。
-
- 申し込む
-
2025年11月25日～2025年11月26日
（2日間）
【開催確定】
【受付】2025年11月14日まで
【会場】オンライン
【価格】121,000円 （税込）/人
-
- 申し込む
-
2026年1月22日～2026年1月23日
（2日間）
【開催確定】
【受付】2026年1月14日まで
【会場】オンライン
【価格】121,000円 （税込）/人
-
- 申し込む
-
2026年2月19日～2026年2月20日
（2日間）
【受付】2026年2月10日まで
【会場】オンライン
【価格】121,000円 （税込）/人
-
- 申し込む
-
2026年3月12日～2026年3月13日
（2日間）
【受付】2026年3月4日まで
【会場】オンライン
【価格】121,000円 （税込）/人
学習目標
JavaScriptアプリケーションのテスト自動化を行えるようになる
対象者
JavaScriptアプリケーションのテスト自動化について学びたい方
前提条件
■ Reactを使って簡単なアプリケーションを作成できる方
■ TypeScriptについて初歩的な文法をご存じの方
■ ECMAScript2015以降のJavaScriptの文法をご存じの方
■ TypeScriptについて初歩的な文法をご存じの方
■ ECMAScript2015以降のJavaScriptの文法をご存じの方
研修概要
5名様以上同時にお申込の場合には割引サービスがございますので、こちらからお問い合わせください
-
- 実行環境
- ■ React v18以上
■ TypeScript v5以上
■ Vite v5以上
■ Vitest v1.3以上
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
- 121,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 持ち物
- 特にございません
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
カリキュラム
■ 自動化テスト
□ テストの自動化とは
□ 自動化テストの条件
■ Vitestの基礎
□ Vitestとは
□ テストを書き、実行する
□ マッチャー
□ テスト前後の定型処理
□ 例外のテスト
□ モック
□ カバレッジ計測
■ UIテスト
□ UIテストの難しさ
□ React Testing Libraryについて
□ React Testing Libraryの基本的な使い方
□ 要素を取得するメソッド
□ ユーザー操作の模倣
□ Context APIを利用するコンポーネントのテスト
■ HTTP通信を伴うテスト
□ Mock Service Workerについて
□ Mock Service Workerの基本的な使い方
□ テスト毎に挙動をカスタマイズする
■ テスト駆動開発を体験する
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
□ テストの自動化とは
□ 自動化テストの条件
■ Vitestの基礎
□ Vitestとは
□ テストを書き、実行する
□ マッチャー
□ テスト前後の定型処理
□ 例外のテスト
□ モック
□ カバレッジ計測
■ UIテスト
□ UIテストの難しさ
□ React Testing Libraryについて
□ React Testing Libraryの基本的な使い方
□ 要素を取得するメソッド
□ ユーザー操作の模倣
□ Context APIを利用するコンポーネントのテスト
■ HTTP通信を伴うテスト
□ Mock Service Workerについて
□ Mock Service Workerの基本的な使い方
□ テスト毎に挙動をカスタマイズする
■ テスト駆動開発を体験する
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
開催日程
お申し込み状況により、受付期限よりも前に受付終了となる場合がございますので、お早めにお申し込みください。
-
- 申し込む
-
2025年12月22日～2025年12月23日
（2日間）
【開催確定】
【受付】2025年12月12日まで
【会場】カサレアル品川トレーニングセンター
【価格】121,000円 （税込）/人
-
- 申し込む
-
2026年3月5日～2026年3月6日
（2日間）
【受付】2026年2月25日まで
【会場】カサレアル品川トレーニングセンター
【価格】121,000円 （税込）/人
この研修を見ている方はこちらの研修も見ています
- play_arrow【AIアシスト対応】React入門
-Hooks、ContextAPI、MUI対応- - play_arrowTypeScriptイントロダクション
-JavaScript応用- - play_arrowReduxワークショップ
-React応用-
コースフロー
お申し込み
（開催日程から選択）
（開催日程から選択）