inflearn logo
知識共有
inflearn logo

ストーリーブック&自動化テストと共に行うコンポーネント駆動フロントエンド開発

難易度 入門

受講期間 無制限

frontend
frontend
Software Test
Software Test
storybook
storybook
frontend
frontend
Software Test
Software Test
storybook
storybook
Thumbnail

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

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

4.9

5.0

gaeunnnleee

100% 受講後に作成

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

5.0

또찌

100% 受講後に作成

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

5.0

강은비

100% 受講後に作成

有益な講義でした!! 探偵うさぎさんの新しいInflearn講義が楽しみです😊😊

受講後に得られること

  • Storybookとはじめるコンポーネント駆動FE開発

  • 自動テストコードと共に行うコンポーネント駆動FE開発


この映像は2024年8月、<板橋(パンギョ)仕事帰りのミートアップ with Inflearn - FEテストコード> で行われた発表セッションの録画映像です。 🙂

発表セッション 🎤

発表セッション: Storybook & 自動化テストと共に行うコンポーネント駆動フロントエンド開発

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

Storybookは、単なる共通コンポーネント図鑑を超えて、コンポーネント中心の開発を可能にするツールです。実際のブラウザで動作するコンポーネントテストは、e2eよりも高速でありながら、実際のユーザーの視点でテストを記述することができます。

コンポーネント駆動開発は、役割と境界を明確にし、多様なケースを簡単に再現できるようサポートします。それにより、自然と仕事が進めやすくなり、スピードも上がります。


この発表はどのような方々に役立つでしょうか?

  • 多様なケースの再現やモッキングに苦労している方

  • 遅いE2Eテストに不満を感じている方

  • Web標準とアクセシビリティを学んで残業を減らしたい方

  • フロントエンドのテストを書いたことがない、または難しいと感じている方


登壇者:キム・テヒ (探偵ウサギ)、  現) Selpas 開発者
 
"SelpasでClojureフルスタック開発者として働きながら、コーチングを行っています。特に、関数型とフロントエンドテスト、アクセシビリティ、ウェブ標準に関心を持って研究し、実務にも適用してきました。Storybookのテスティングドキュメントを翻訳したり、siheomというテストツールを自作して使用したりもしています。"

インフラン板橋(パンギョ)仕事帰りのミートアップ

こんな方に
おすすめです

学習対象は
誰でしょう?

  • FEテストコードに関心がある方

  • コンポーネント駆動開発に関心がある方

  • ストーリーブックの活用に関心がある方

こんにちは
inflearnです。

723,821

受講生

7,595

受講レビュー

118

回答

4.8

講座評価

150

講座

学びの機会は、経済的・物理的な限界から自由であるべきだと考えています。
私たちは成長機会の平等を追求します。

共同知識共有者

カリキュラム

全体

1件 ∙ (39分)

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

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

受講レビュー

全体

16件

4.9

16件の受講レビュー

  • devddot님의 프로필 이미지
    devddot

    受講レビュー 3

    平均評価 5.0

    5

    100% 受講後に作成

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

    • dongjay00님의 프로필 이미지
      dongjay00

      受講レビュー 21

      平均評価 4.9

      5

      100% 受講後に作成

      • chateau85님의 프로필 이미지
        chateau85

        受講レビュー 37

        平均評価 5.0

        5

        100% 受講後に作成

        • ninety25296님의 프로필 이미지
          ninety25296

          受講レビュー 146

          平均評価 5.0

          5

          100% 受講後に作成

          • gaeunnnleee4107님의 프로필 이미지
            gaeunnnleee4107

            受講レビュー 1

            平均評価 5.0

            5

            100% 受講後に作成

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

            inflearnの他の講座

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

            似ている講座

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

            無料