Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Frontend_Developers_Experience__Why_What_How_.pdf

 Frontend_Developers_Experience__Why_What_How_.pdf

Developer eXperience Day 2021 の登壇資料です。

Yosuke Furukawa

April 10, 2021
Tweet

More Decks by Yosuke Furukawa

Other Decks in Programming

Transcript

  1. ϑϩϯτΤϯυͱDX • UX (Ϣʔβʔମݧ) Λ࡞Δͷ͕ϑϩϯτΤϯυΤϯδχ ΞͰ͋Δ͕ɺ࠷ߴͷUXΛ࡞ΔͨΊʹඞཁͳͷ͕ DX (։ ൃऀମݧ) •

    UX ͱ DX ͸ରཱߏ଄Ͱ͸ͳ͘ɺཱ྆͢Δ΂͖΋ͷɻ • ͕ͨͩ࣌ؒ͠ݶΒΕͨதͰཱ྆ͤ͞Δͷ΋Ұͭͷٕज़ɻ
  2. ϑϩϯτΤϯυͱDX • UX (Ϣʔβʔମݧ) Λ࡞Δͷ͕ϑϩϯτΤϯυΤϯδχ ΞͰ͋Δ͕ɺ࠷ߴͷUXΛ࡞ΔͨΊʹඞཁͳͷ͕ DX (։ ൃऀମݧ) •

    UX ͱ DX ͸ରཱߏ଄Ͱ͸ͳ͘ɺཱ྆͢Δ΂͖΋ͷɻ • ͕ͨͩ࣌ؒ͠ݶΒΕͨதͰཱ྆ͤ͞Δͷ΋Ұͭͷٕज़ɻ ࠓճ͸69ͱ%9ͷཱ྆Λͤ͞ΔͨΊɺ໨త 8IZ8IBU Λ໌ Β͔ʹ͠ɺͲ͏΍ͬͯ޲͔͏ )PX ͔Λ࿩͠·͢ɻ
  3. How

  4. ࠷ޙʹͭͳ͍ͩΒಈ͔ͳ͔ͬͨ ໰୊ • ϦΫϧʔτͷ։ൃͰ͸ Agreed Λ࢖͍ͬͯΔ΋ͷͷ ผʹ͓ޓ͍ͷೝࣝᴥᴪΛద੾ͳλΠϛϯάͰमਖ਼Ͱ ͖ΔͳΒԿͰ΋ྑ͍ɻ • grpc

    ͳͲͷεΩʔϚΛڞ༗Ͱ͖Δ࢓૊Έ΋૿͑ͯ Δɻ • ͓ޓ͍ͷೝ͕ࣝᴥᴪΒͳ͍Α͏ʹ։ൃ͓͚ͯ͠͹࠷ ऴஈ֊ͰͷϏοάόϯΛ๷͛Δɻ
  5. ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • جຊతʹ͸ςετΛॻ͘ • Unit Test ͳͲͷϩδοΫͷ֬ೝ΋͢Δ • ͨͩͦΕ͚ͩͩͱϑϩϯτΤϯυͰ͸଍Γͳ͍ɻ

    • StoryBook ͰίϯϙʔωϯτΧλϩάΛ࡞͓͖ͬͯɺݟͨ໨ ͷมߋ͕ಛఆ͞Ε΍͍͢Α͏ʹ͢ΔɻVisual Regression Test Λߦ͏ɻ • ͜ΕͰ΋଍Γͳ͍͜ͱ΋͋Δ E2E ςετͰࣗಈԽͨ͠Γ͢Δ
  6. ϫʔΫϑϩʔͷܗ֚Խ • ࠷ॳ͸Ͳ͏ͯ͠΋͕͔͔࣌ؒΔ͕ɺશମͰޮ ཰Խ͍ͯ͘͜͠ͱ͕Ͱ͖Δɺ࠷ऴతʹ଎౓΋ վળͰ͖ΔΑ͏ʹͳΔɻ • ੍໿ཧ࿦ʹߟ͑ํ͸͍ۙɻ βɾΰʔϧ ― اۀͷڀۃͷ໨తͱ͸Կ͔

    ΤϦϠϑɾΰʔϧυϥοτ ஶ/ μΠϠϞϯυࣾ 2019 ͋Δ෦෼͚ͩʹண໨ͯ͠࠷దԽΛͯ͠΋ ܾ ͯ͠શମͷ࠷దԽʹ͸ͭͳ͕Βͳ͍ ϘτϧωοΫΛݟ͚ͭͯ શମͷதͷҰ෦෼ ΛඞཁʹԠͯ͡࠷దԽ͢΂͖