강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

実践フロントエンドテスト入門

実力のあるフロントエンド開発の実務者になりたいなら必ず受けるべきテスト講義。テスティング入門から実践まで一気に終わらせる 👊

難易度 初級

受講期間 無制限

  • captain
Software Test
Software Test
Cypress
Cypress
e2e
e2e
JavaScript
JavaScript
Next.js
Next.js
Software Test
Software Test
Cypress
Cypress
e2e
e2e
JavaScript
JavaScript
Next.js
Next.js

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

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

5.0

5.0

김지애

100% 受講後に作成

会社でテストコードを書いてみようと言われたが、以前に書いておいたコードがあるわけではなく、一人で勉強して書かなければならない状況だが、グーグルで幕を閉じた車にキャプテン板教様の講義はタスやビューを勉強しながらも聞いたが、新しい講義をしてくれた。受講しました。 環境設定やエラー私は部分でよく説明して、他の講義よりも続く部分で時間を減らして作業することができます。

5.0

mung5079

100% 受講後に作成

毎回ユニットテストだけで不足している部分を感じて受講しました。現業開発者ではありませんが、トイ・フジェクをしながら助けてくれました。ありがとうございます!

5.0

콩팬더

100% 受講後に作成

毎日Jestのように単体テストだけで、今回Cypressに触れながら、E2Eテストは初めて触れてみるのに勉強しながら、とても不思議で面白く講義を聞きました!今回も良い講義ありがとうございます:)

受講後に得られること

  • フロントエンドテスティング

  • テスティング理論

  • テストコードの作成方法

  • e2eテスト

  • Cypress

  • テスト自動化

優れたフロントエンド開発者の能力とは何でしょうか?🤔

機能を素早く実装する能力に劣らず、実装した機能の安定性と完成度を確保することも重要です。自分が作成したコードが既存の機能に影響を与えないか、毎回細かく確認する必要があります。

繰り返し機能の動作を確認する作業は面倒で煩わしいものです。特に、私たちの退勤時間を遅らせるため、絶対に手作業だけでテストしてはいけません。

私たちの大切な時間をより価値のあるところに使えるようにしてくれるのが、まさにテストコードとテスト自動化です。この講義でテストに対する理解度を高めて、より賢く働き、認められるフロントエンド開発者になりましょう!

この講義の特徴

📌 テストコードだけで6年。数多くのQA(品質管理者)とやり取りしながら積み上げた深い内功をそのまま伝える講義

📌テスティングの基礎理論からミニプロジェクト1個、実戦プロジェクト1個で学ぶ実習中心(90%)の講義

📌 テストはなぜ行うのか、テストコードはどう書けばいいのか分からない方へ。講義で明快に説明します。

📌実務ではテストコードをどう考えるべきか?どう書けば効果的なのか、すべてお教えします。

📌テストシナリオをユーザー視点で設計する方法を紹介します。

こんな方におすすめです

テストに興味があります。

周りでテストコードが重要だと言われるけど、どこから始めればいいのか分かりません。

フロントエンド開発を上手くなりたいです
機能実装はそこそこできるのですが
次のレベルの開発者になるには
どうすればいいですか?

デプロイするたびに確認するのが面倒です
サービスをデプロイするたびに機能の動作をいちいち確認するのがとても面倒です。簡単にする方法はありませんか?

受講後には

  • テストコードがなぜ必要なのか、何をテストすべきなのか、頭ではなく手が理解するようになります。

  • テストコードを簡潔かつ効果的に作成する方法が分かります。

  • 手で一つ一つ繰り返し確認していた習慣を捨てて、機能確認を自動化できます。

  • ウェブアプリケーションのコード品質と完成度をさらに一段階高めることができるようになります。

  • Cypressテストツールを扱うのが簡単になります。

このような内容を学びます。

テストの基本概念と全般的なテスティング理論

Web開発者の観点から必ず知っておくべき全般的なテストの理論と基本概念を教材で説明します。

テスティングツールの基本的な使い方からエラー解析まで

テスティングツールの基本的な使用方法と各UIごとに知っておくと良い特徴まですべてお伝えします。特に、ライブコーディングで一緒にエラーを出してみて分析し、修正することができます。

テストシナリオ設計方法と段階的リファクタリングまで

長年テストシナリオを作成してきたノウハウをお伝えします。学習しながら学んだコードを体系的に構造化し、リファクタリングでテストコードの品質を改善してみます。

ミニプロジェクトで入門し、実践プロジェクトで仕上げる。

シンプルなカウンターアプリと機能が充実したショッピングモールサイトにテストコードを作成しながら、基本概念と応用概念をすべて学習します。実務で培ったノウハウを大放出

この講座を作った人 👨‍💻

キャプテンパンギョ

「インフランが出会った人」インタビュー

受講前の参考事項

実習環境

  • オペレーティングシステムおよびバージョン(OS): 講義ではMacを使用しますが、Windows関連のショートカットキーもすべて説明します。

  • 使用ツール: VSCode

学習資料

  • GitHubで完成したソースコードが提供されます。

  • 講義動画ごとに追加で学習できる教育資料と教育動画を多数提供します。

事前知識および注意事項

  • JavaScriptおよびフロントエンドフレームワーク(ReactまたはVue)の基本概念

  • Next.jsをはじめる講座を受講してからお越しいただくとより良いです ^^ (受講せずにお越しいただいても大丈夫です ❤) course first ^^ (but you can still take it without it ❤)

도라 띠배너 모음 (3)
위즈 띠배너 모음

こんな方に
おすすめです

学習対象は
誰でしょう?

  • テストに関心のあるフロントエンド開発者

  • ジュニアフロントエンド開発者

  • フロントエンド開発入門者

  • 定時退勤したい実務Web開発者

  • デプロイするたびに機能確認するのが面倒なWeb開発者

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

  • JavaScript

こんにちは
です。

49,267

受講生

4,853

受講レビュー

3,816

回答

4.9

講座評価

19

講座

Inflearnで8年目、知識を共有しています。 🏠 技術ブログ, 📣 Twitter, 💻 GitHub

📗 Do it! Vue.js入門簡単に始めるTypeScript など 書籍3冊を執筆
📖 Cracking Vue.jsTypeScriptハンドブックWebpackハンドブック オンライン無料ガイドブック3冊を執筆
👨‍💻 キャプテン板橋のフロントエンド開発YouTubeチャンネル 運営 - 就活生、ジュニア開発者の悩みが聞ける場所
🥤 キャプテン板橋のカカオトークオープンチャット 運営 - フロントエンド開発の最新情報と業界の仲間の考えや悩みを聞ける場所

カリキュラム

全体

36件 ∙ (3時間 32分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

29件

5.0

29件の受講レビュー

  • kga9002님의 프로필 이미지
    kga9002

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    会社でテストコードを書いてみようと言われたが、以前に書いておいたコードがあるわけではなく、一人で勉強して書かなければならない状況だが、グーグルで幕を閉じた車にキャプテン板教様の講義はタスやビューを勉強しながらも聞いたが、新しい講義をしてくれた。受講しました。 環境設定やエラー私は部分でよく説明して、他の講義よりも続く部分で時間を減らして作業することができます。

    • captain
      知識共有者

      最初の受講評ありがとうございます。興味があれば受講して保税用。ありがとうございます! :) https://inf.run/RC452

  • chayeonggeon0331님의 프로필 이미지
    chayeonggeon0331

    受講レビュー 2

    平均評価 5.0

    5

    31% 受講後に作成

    • mung50799126님의 프로필 이미지
      mung50799126

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

      毎回ユニットテストだけで不足している部分を感じて受講しました。現業開発者ではありませんが、トイ・フジェクをしながら助けてくれました。ありがとうございます!

      • tk2ektk3ek6796님의 프로필 이미지
        tk2ektk3ek6796

        受講レビュー 37

        平均評価 5.0

        5

        100% 受講後に作成

        • ymh0951님의 프로필 이미지
          ymh0951

          受講レビュー 17

          平均評価 5.0

          5

          100% 受講後に作成

          毎日Jestのように単体テストだけで、今回Cypressに触れながら、E2Eテストは初めて触れてみるのに勉強しながら、とても不思議で面白く講義を聞きました!今回も良い講義ありがとうございます:)

          • captain
            知識共有者

            ああ、コンパンダーは久しぶりです。

        ¥6,797

        captainの他の講座

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

        似ている講座

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