강의

멘토링

커뮤니티

Programming

/

Web Development

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

  • inflearn
  • rabolution
frontend
Software Test
storybook
Thumbnail

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

こんなことが学べます

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

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


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

発表セッション🎤

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

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

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

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


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

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

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

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

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


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

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

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

こんな方に
おすすめです

学習対象は
誰でしょう?

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

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

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

こんにちは
です。

706,220

受講生

6,306

受講レビュー

118

回答

4.7

講座評価

133

講座

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

カリキュラム

全体

1件 ∙ (39分)

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

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

受講レビュー

全体

16件

4.9

16件の受講レビュー

  • gaeunnnleee4107님의 프로필 이미지
    gaeunnnleee4107

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    フロントエンドTDD入門前の幕屋を解消していただきありがとうございますテストケースを書いて教えてくださった内容に基づいてじっくり挑戦してみましょう。

    • dongjay00님의 프로필 이미지
      dongjay00

      受講レビュー 19

      平均評価 4.9

      5

      100% 受講後に作成

      • chateau85님의 프로필 이미지
        chateau85

        受講レビュー 36

        平均評価 5.0

        5

        100% 受講後に作成

        • devddot님의 프로필 이미지
          devddot

          受講レビュー 3

          平均評価 5.0

          5

          100% 受講後に作成

          フロントエンドを勉強中のバックエンド開発者として、テストと自分のコードに対する確信がなくて常に悩みでしたが、アドバイスありがとうございます!!いつもStorybookの導入の必要性だけ感じて、追加工数や学習が必要で悩んでいましたが、該当ライブラリを使用しない方法もあるということを指摘してくださってありがとうございます!!

          • ninety25296님의 프로필 이미지
            ninety25296

            受講レビュー 134

            平均評価 5.0

            5

            100% 受講後に作成

            無料

            inflearnの他の講座

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

            似ている講座

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