강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

ストーリーブックと自動化テストを組み合わせたコンポーネント主導のフロントエンド開発

  • inflearn
  • rabolution
frontend
Software Test
storybook
Thumbnail

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

こんなことが学べます

  • ストーリーブックを使用したコンポーネント主導の FE 開発

  • 自動化テストコードを伴うコンポーネント主導のFE開発


本映像は2024年8月、 「板橋帰り道ミットアップ with Inflearn - FEテストコード」で行われた発表セッションの録画本です。 🙂

発表セッション🎤

発表セッション: ストーリーブック&オートメーションテストと組み合わせたコンポーネント主導のフロントエンド開発

モダンなフロントエンドは、合成しやすいコンポーネントを中心に戻ります。しかし、なぜまだ私たちはページを中心に開発しているのですか?

ストーリーブックは、共用コンポーネント図鑑を超えて、コンポーネント中心に開発できるようにするツールです。実際のブラウザから戻るコンポーネントテストは、e2eよりも高速でありながら、実際のユーザーの観点からテストを作成できます。

コンポーネント主導の開発は役割と境界を引き、さまざまなケースの数を簡単に再現するのに役立ちます。自然に働くのも簡単で高速です。


この発表はどんな人に役立つでしょうか?

  • さまざまなケースの数を再現してモッキングするのに苦しんでいる人

  • 遅いE2Eテストが不満足な方

  • Web標準とWebアクセシビリティを学び、夜勤を減らしたい人

  • フロントテストを書いたことがないか難しいと感じる方


発表者:キム・テヒ(探偵ウサギ)、県)セルパス開発者

「セルパスでクロージャーフルスタック開発者として働きながら、コーチングをしています。特に関数型やフロントエンドテスト、アクセシビリティ、Web標準に関心を持って研究して業務にも適用してきました。

Inflearn 板橋 帰り道 ミットアップ

こんな方に
おすすめです

学習対象は
誰でしょう?

  • FE テストコードに興味のある方

  • コンポーネント主導開発に興味のある方

  • ストーリーブックの活用に興味のある方

こんにちは
です。

699,704

受講生

5,884

受講レビュー

118

回答

4.7

講座評価

130

講座

배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.

カリキュラム

全体

1件 ∙ (39分)

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

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

受講レビュー

全体

14件

4.9

14件の受講レビュー

  • gaeunnlee님의 프로필 이미지
    gaeunnlee

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    프론트엔드 TDD 입문 전 막막함을 해소해주셔서 감사합니다 테스트 케이스들을 적어보며 가르쳐주신 내용 바탕으로 차근차근 도전해보도록 해보겠습니다

    • 또찌님의 프로필 이미지
      또찌

      受講レビュー 3

      平均評価 5.0

      5

      100% 受講後に作成

      프론트를 공부하는 중인 백엔드 개발자로서 테스트와 내 코드에 대한 확신이 없어 항상 고민이었는데 조언 감사드립니다!! 항상 Storybook 도입의 필요성만 느끼고 추가 공임이나 학습이 필요해 고민이 되었는데 해당 라이브러리를 사용하지 않는 방법도 있다는 것을 짚어주셔서 감사합니다!!

      • dmax님의 프로필 이미지
        dmax

        受講レビュー 112

        平均評価 5.0

        5

        100% 受講後に作成

        • 임지현님의 프로필 이미지
          임지현

          受講レビュー 2

          平均評価 5.0

          5

          100% 受講後に作成

          • 수병수병님의 프로필 이미지
            수병수병

            受講レビュー 4

            平均評価 5.0

            5

            100% 受講後に作成

            無料

            inflearnの他の講座

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

            似ている講座

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