강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

2時間で終わるフロントエンドテスト基本機

テストコード!どこから始めなければならないのか、大変な方のために準備しました。テスト作成から、自動化による配布まで一度に!

  • jasonkang
실습 중심
jest
테스트코드
React
Cypress
Jest
ChatGPT
storybook

学習した受講者のレビュー

こんなことが学べます

  • jest、cypressを活用したテストコード作成法

  • コンポーネント開発におけるストーリーブックの活用法

  • テスト自動化による展開

  • ChatGPTを活用したテストコードの作成方法

テストコードを書きたいフロントエンド開発者のための講義!

採用公告で見た「テストコードの作成」 これで皆さんもできます!

こんな方におすすめですよ👍

テスト経験のない開発者

テストを書きたいのですが、何を、どのように、なぜテストするのか気になる開発者のために準備しました

テストがうまくいっているのか気になる開発者

テストを作成してサービスを運営していますが、シニアがいないため、作成したテストが十分に効果的であるかどうか不確実な開発者のために準備しました

まず受講された方々の話📝

受講、皆さんは?

  • フロントエンドでどの点を重点的にテストしているのか理解できます。

  • jest、cypressを使ってテストコードを書くことができます。

  • フロントエンド開発でストーリーブックを活用する方法がわかります

  • テスト自動化パイプラインを構築できます

こんな内容を学びます🏫

jest、cypressなどのテストツールの活用方法

ユニットテスト、統合テスト、e2eテストに合ったテストツールを活用してテストコードを作成する方法を学びます。

cypressコードの作成

ChatGPTを活用したフロントエンド開発

最近ヒップなChatGPT!どうすれば人工知能を活用して簡単にフロントエンド開発をすることができますか?

ChatGPT

テスト自動化によるCI/CD

テストオートメーションを組み合わせたCI / CDを活用した配布パイプラインを介して安定してサービスを運営する方法を学びます。

CI/CD

この講義を作った人👨‍🦱

質問がありますか?

Q. テストコード作成経験がないのですが、この講義を聞くことができますか?

  • テストコードの基本的な理解がない方も十分に従うように設計されています。

  • レッスンの冒頭では、テストコードの基本概念と作成方法について詳しく説明し、徐々にリアクトに特化したテスト方法論に進みます。

  • したがって、テストコードを書く経験がなくても問題なく始めることができます。

Q. このレッスンではどのテストツールやライブラリを使用しますか?

  • JestとCypressを使用してください。

  • JestはJavaScript環境で最も人気のあるテストフレームワークの1つで、ユニットテストと統合テストに使用されます。

  • 一方、Cypressはe2eテストに特化したツールで、ユーザーの観点からWebアプリケーションの全体的な流れをテストするのに非常に便利です。

  • これら2つのツールを活用することで、さまざまな種類のテストを経験し、実際のプロジェクトでテスト戦略を構築するために必要な実用的な知識とスキルを習得できます。

Q. 講義はどんな形式で行われますか? 実習中心ですか、それとも理論説明が多いですか?

  • 主に実習中心に行われます。

  • テストコードに関する全体的な理論は、講義の初めに簡単に説明し、その後、さまざまな実践を通して直接テストコードを書いてみて学習します。

  • 実践の過程で必要な補足説明が必要な場合は、実際のコードを作成しながら理論をさらに詳しく説明します。

受講前の注意事項📢

学習資料

  • 理論の説明を含むNotionページ

  • ソースコードGitHubレポ

選手の知識と注意事項

  • Reactを使用した開発経験

こんな方に
おすすめです

学習対象は
誰でしょう?

  • テスト作成経験のない新入/ジュニア開発者

  • テストを正しく作成したことを確認したいジュニア開発者

前提知識、
必要でしょうか?

  • React

こんにちは
です。

13,422

受講生

821

受講レビュー

420

回答

4.9

講座評価

9

講座

カリキュラム

全体

36件 ∙ (1時間 48分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

46件

4.9

46件の受講レビュー

  • cysh34265165님의 프로필 이미지
    cysh34265165

    受講レビュー 6

    平均評価 5.0

    5

    62% 受講後に作成

    • jyeol02107525님의 프로필 이미지
      jyeol02107525

      受講レビュー 2

      平均評価 5.0

      5

      24% 受講後に作成

      Tôi là nhà phát triển web front-end đã có 1 năm kinh nghiệm. Do đổi mới đồ án nội bộ nên mình không có thời gian để ý đến Thư viện Đề thi nên không học riêng được nhưng tình cờ tìm được một bài giảng hay. Vì khóa học cung cấp những lời giải thích dễ hiểu và tài liệu được tổ chức tốt ngay cả khi không có kiến ​​thức trước, nên nó dường như dạy rõ ràng bản chất của bài giảng, đó là 'kiểm tra những điều cơ bản'.

      • jasonkang
        知識共有者

        Cảm ơn Noh Jong Yeol! Tôi đã cố gắng giải thích rõ ràng những điều cơ bản cho những người mới bắt đầu. Nếu bạn có bất kỳ câu hỏi nào khi tiếp tục học, vui lòng gửi chúng vào phần câu hỏi.

    • cccc16475951님의 프로필 이미지
      cccc16475951

      受講レビュー 1

      平均評価 5.0

      5

      61% 受講後に作成

      • jwyang34님의 프로필 이미지
        jwyang34

        受講レビュー 1

        平均評価 5.0

        5

        100% 受講後に作成

        Nhờ giảng viên giải thích rất rõ ràng nên tôi có thể hiểu thêm về cách viết test code.

        • pjinh69155님의 프로필 이미지
          pjinh69155

          受講レビュー 2

          平均評価 5.0

          5

          100% 受講後に作成

          ¥4,192

          jasonkangの他の講座

          知識共有者の他の講座を見てみましょう!

          似ている講座

          同じ分野の他の講座を見てみましょう!