강의

멘토링

로드맵

Inflearn brand logo image
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

こんにちは
です。

12,082

受講生

631

受講レビュー

349

回答

4.9

講座評価

9

講座

カリキュラム

全体

36件 ∙ (1時間 48分)

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

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

受講レビュー

全体

42件

4.9

42件の受講レビュー

  • cysh34265165님의 프로필 이미지
    cysh34265165

    受講レビュー 6

    平均評価 5.0

    5

    62% 受講後に作成

    • jyeol02107525님의 프로필 이미지
      jyeol02107525

      受講レビュー 2

      平均評価 5.0

      5

      24% 受講後に作成

      I am a first-year front-end web developer. I didn't have time to study the Testing Library separately because of the internal project renewal, but I found a good lecture. It is easy to understand even without prior knowledge, and it provides well-organized documents, so I think it clearly teaches the essence of the lecture, 'Testing Basics'.

      • jasonkang
        知識共有者

        Thank you, Jongyeol Noh! I tried to incorporate the basics well for those who are just starting out. If you continue to study and have any questions, please post them~

    • dldyddlwl13744님의 프로필 이미지
      dldyddlwl13744

      受講レビュー 11

      平均評価 5.0

      5

      8% 受講後に作成

      • uy232613님의 프로필 이미지
        uy232613

        受講レビュー 1

        平均評価 5.0

        5

        100% 受講後に作成

        I took the course because I wanted to briefly review the concepts before trying to introduce test code in practice. I liked that the lectures were broken into short segments and structured lightly, while still clearly covering the key points.

        • amy0218995451님의 프로필 이미지
          amy0218995451

          受講レビュー 1

          平均評価 5.0

          修正済み

          5

          100% 受講後に作成

          Being able to understand jest, cypress, and storybook in a short time and learn about comparisons and real-world use is a very big advantage. It seems it would be better for someone completely new to testing to see this, rather than a developer who already has some ability.

          • jasonkang
            知識共有者

            I've prepared a sampler of 'Here are some things~'. Thank you 😊

        ¥4,016

        jasonkangの他の講座

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

        似ている講座

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