Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
TypeScriptではじめるWebアプリケーションテスト入門
Rating: 4.2 out of 5(170 ratings)
2,513 students

TypeScriptではじめるWebアプリケーションテスト入門

Jest, React Testing Library, Storybook, Playwrightを使用してフルスタックにWebアプリケーションのテストを学習します
Created byYu Shinozaki
Last updated 9/2024
Japanese

What you'll learn

  • Jestを使った基本的なテストの方法
  • Jestによるモック化の手法
  • Reactを用いたUIコンポーネントのテスト
  • Storybookの基本操作とビジュアルリグレッションテスト
  • Playwrightを使用したWebアプリケーションのE2Eテスト

Course content

9 sections71 lectures8h 40m total length
  • コースの紹介5:07
  • 注意事項0:17
  • テストの重要性5:55
  • テストの種類とテスト戦略6:54
  • Node.jsのインストール0:13

Requirements

  • TypeScriptの基礎知識(入門書を1冊読んだ程度のレベル)
  • Reactの基礎知識(コンポーネントやHOOKにが扱えるレベル)
  • Expressの基礎知識(簡単なアプリケーションを構築したことがあるレベル)
  • テストやテストライブラリに関する知識は不要です

Description

TypeScriptではじめるWebアプリケーションテスト入門

現代のビジネス環境の変化やユーザーの多様化に伴い、Webアプリケーション開発は日々変化していますが、その中でもテストの重要性は増してきています。

このコースでは、TypeScriptを使用した、実用的かつ効果的なテストの実践方法を学びます。


コースの内容:

  1. Jestを活用した単体テストの実践: Jestの基本的な機能からモックを使用した実践的なテクニックまでを網羅し、TypeScriptとの連携方法も詳しく解説します。

  2. React Testing LibraryでのUIテスト: UIコンポーネントの基本的なテスト方法からイベントのハンドリングや非同期処理のテスト方法などを網羅的に学習します。

  3. Storybookを活用したコンポーネントのドキュメンテーションとテスト: 一貫したUIの維持のためのベストプラクティスと、視覚的な回帰テストの方法を詳しく学びます。

  4. PlaywrightとTypeScriptでのエンドツーエンドテスト:サンプルのWEBアプリケーションを使用して、 実際のサイトの挙動を模倣するテスト手法を深く探ります。

コースの目標:

  • WEBアプリケーションにおける基本的なテストの方法を習得する

  • モダンなテストツールを効果的に組み合わせる技術を習得する

このコースは、TypeScriptの基礎を習得し次のステップとしてテスト技術を0から学びたい初心者から、より深い知識を求める経験者まで幅広く対応しています。実践的な例を通じて、確実な品質を持つアプリケーションを構築するスキルを磨きましょう。

Who this course is for:

  • テストの必要性は感じているが何から始めれば良いかわからない方
  • テストを書こうと挑戦してみたが難しくて挫折してしまった方
  • TypeScriptでのテスト技術やツールについて幅広く学びたい方