Frontend_Developers_Experience__Why_What_How_.pdf

Transcript

1. Frontend Developers Experience (Why/ What/How) 2021/04/10 @ Developer eXperience Day

   2021

2. Twitter: @yosuke_furukawa Github: yosuke-furukawa

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

   UX ͱ DX ͸ରཱߏ଄Ͱ͸ͳ͘ɺཱ྆͢Δ΂͖΋ͷɻ • ͕ͨͩ࣌ؒ͠ݶΒΕͨதͰཱ྆ͤ͞Δͷ΋Ұͭͷٕज़ɻ

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

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

5. Why/What

6. Why/What • ։ൃऀମݧ͸ੜ࢈ੑʹ௚݁͠ɺҾ͍ͯ͸Ϟν ϕʔγϣϯʹ΋ؔ࿈͢Δɻ ੜ࢈ੑΞοϓ ੜ࢈ੑμ΢ϯ Ϟνϕʔγϣϯμ΢ϯ ϞνϕʔγϣϯΞοϓ

7. Why/What • ։ൃऀମݧͱҰޱʹݴͬͯ΋࣮͸͍ΖΜͳཁૉ͕བྷ ·Δɻ • ͜ͷηΫγϣϯͰ͸ ʮ։ൃऀମݧͷ޲্ ≒ ੜ࢈ੑͷ޲্ͷͨΊͷࢪࡦʯ ͱͯ͠࿩͢ɻ

8. ੜ࢈ੑΛѱ͘͢ΔϒϩοΧʔୡ • ʮ։ൃऴ൫ͷख໭Γʯ • ʮݹ͘ͳͬͨ··์ஔ͞ΕͨϥΠϒϥϦ܈ʯ • ʮܗ֚Խͨ͠։ൃϫʔΫϑϩʔʯ • <s>ʮIEରԠʯ</s> •

   ͳͲͳͲ

9. ։ൃऴ൫ͷख໭Γ • ʮಈ͍͍ͯΔը໘ΛݟͨΒͳΜ͔ҧͬͨɻม ͍͑ͨʯ • ʮ࠷ޙʹAPIͱϑϩϯτΛͭͳ͍ͰΈͨΒશવ ಈ͔ͳ͍Μ͚ͩͲɺɺɺʯ • ख໭Γ͕ൃੜ͢Δ͜ͱࣗମ͕ѱ͍Θ͚Ͱ͸ͳ͘ɺద੾ͳλΠϛϯ άͰϑΟʔυόοΫΛ΋Β͑ͯͳ͍͜ͱ͕ѱ͔ͬͨΓ͢Δɻɻɻ

10. ݹ͘ͳͬͨ··์ஔ͞ΕͨϥΠ ϒϥϦ • ʮϥΠϒϥϦͷxxxͬͯػೳ͕࢖͑ͳͯ͘ݟͯ ΈͨΒόʔδϣϯ͕3ੈ୅΋ݹ͔ͬͨʯ • ʮϥΠϒϥϦͷόʔδϣϯΞοϓස౓͕ૣ͗͢ ͯഁյతมߋ΋ଟ͘ɺো֐ൃੜ͕ාͯ͘όʔ δϣϯΞοϓͰ͖ͳ͍ʯ •

    ์ஔ͞Εͯ͠·͏ͱཷ·ͬͨચ͍෺ͷΑ͏ʹͲΜͲΜ໘౗ʹͳΔ

11. ܗ֚Խ͞ΕͨϫʔΫϑϩʔ • ʮίϯϙʔωϯτΧλϩάҰཡ (Storybook) ࡞͚ͬͨͲ୭΋ݟͯͳ͔͔ͬͨΒ͜ͷલݟͨ ΒյΕͯͨʯ • ʮςετͷ௥Ճͷ࢓ํ͕Θ͔Βͣɺ୭΋ςετ ॻ͍ͯͳ͔ͬͨʯ •

    ։ൃऀͷπʔϧͰղܾͰ͖Δ෦෼΋͋Δ͕ςετͷॻ͖ํΛ஌Β ͳ͔ͬͨΓͱͦ΋ͦ΋։ൃϫʔΫϑϩʔͷఆணෆ଍΋͋Δɻ

12. <s>IEରԠ</s> • ϊʔίϝϯτ • ࠷ۙ͸ʮ΍Βͳ͍ʯͱ͖ͬͺΓݴͬͯΔ • ֮͑ͯؼͬͯ΄͍͠: IEͰىಈͨ͠৔߹Ͱ͋ͬͯ΋ Edge ʹڧ੍ϦμΠϨΫτ͢Δ࢓૊Έ

    https://docs.microsoft.com/en-us/microsoft-edge/ web-platform/ie-to-microsoft-edge-redirection

13. ։ൃऀମݧΛԼ͛ͯ͠·͏ཁҼ • ৭ʑ͋Δ͕ɺख໭Γɾݹ͍··์ஔ͞Εͨϥ ΠϒϥϦɾܗ֚Խ͞ΕͨϫʔΫϑϩʔͳͲ͕ ճΓճͬͯମݧΛଛͶͯ͠·͏ • ݁Ռͱͯ͠Ϟνϕʔγϣϯͷ௿Լ΍ϓϩμΫ τ඼࣭ͷ௿Լʹ΋ܨ͕ΔՄೳੑ͕͋Δ

14. How

15. How • ͜ͷखͷϒϩοΧʔΛഉআ͢Δํ๏͸࣮͸ͨ͘ ͞Μ͋Δɺ͜͜Ͱ͸ओʹզʑ͕Ͳ͏औΓ૊ΜͰ ͖͔ͨʹ͍ͭͯղઆ͢Δɻ • ʮख໭Γʯ • ʮϥΠϒϥϦߋ৽ʯ •

    ʮܗ֚Խ͞ΕͨϫʔΫϑϩʔʯ

16. ख໭Γ

17. ख໭Γ • ϑϩϯτΤϯυΤϯδχΞ͸૊৫ͷ઀߹෦෼ ʹ͍Δ͜ͱ͕ଟ͍ɻؔΘΔਓ͕૿͑Δ܏޲ʹ ͋Δ όοΫΤϯυ ϑϩϯτΤϯυ ϓϥϯφʔ σβΠφʔ

18. ख໭Γ • ؔΘΔਓ͕ଟ͘ͳΕ͹ͳΔ΄Ͳ࢓ࣄ͕ਐΉʹ ͭΕͯมߋՕॴ͕ൃੜ͕ͪ͠ • ϓϥϯφʔɾσβΠφʔʮಈ͍͍ͯΔը໘Λ ݟͨΒͳΜ͔ҧͬͨɻม͍͑ͨʯ • όοΫΤϯυʮ࠷ޙʹAPIͭͳ͍ͩΒͳΜ͔ಈ ͔ͳ͍Μ͚ͩͲɻɻɻʯ

19. ख໭Γ • ͜͜Ͱͷྫͱͯ͠ڍ͛ͨ̎ͭͷख໭Γൃੜʹ ͍ͭͯͲ͏զʑ͕औΓ૊ΜͰ͖͔ͨΛ঺հ͢ Δɻ • ϑϩϯτΤϯυ ϓϥϯφʔ σβΠφʔ όοΫΤϯυ

    ख໭Γൃੜͦͷᶃ
    ಈ͍ͯΔϖʔδݟͨΒͳΜ͔ ҧͬͨ ख໭Γൃੜͦͷᶄ
    ࠷ޙʹ͕ͬ͠ΌΜ͜

20. ಈ͍ͯΔͷΛΈͨΒͳΜ͔ҧͬ ͨ໰୊ • ࠷ॳʹ಄ͷதͰΠϝʔδͯͨ͠΋ͷ͕͋Δఔ ౓ਐΜͰ۩ମԽ͍ͯ͘͠ʹͭΕͯဃ཭͍ͯ͠ ͘ (BQ

21. ಈ͍ͯΔͷΛΈͨΒͳΜ͔ҧͬ ͨ໰୊ • Gap͕খ͍͞͏ͪͳΒ࣮͸มߋमਖ਼΋ޮ͖΍͍͢ɻ ։ൃ్தͰ΋͍͍ͷͰϑΟʔυόοΫΛૹͬͯ΋Β ͑Δͱྑ͍ɻ • ์ஔͯ͠େ͖͘ͳ͔ͬͯΒͩͱमਖ਼͢Δͷ͕େมʹ ͳΔ •

    ϖʔδΛߏங ߋ৽ ߋ৽ ߋ৽ ߋ৽ FB FB FB FB

22. ಈ͍ͯΔͷΛΈͨΒͳΜ͔ҧͬ ͨ໰୊ • զʑͷ΍Γํ: σϞͰݟͤΒΕΔ୯ҐͰ։ൃΛਐΊͯ ͓͖ɺ౎౓ϑΟʔυόοΫΛಘΒΕΔΑ͏ʹ͢Δɻ OKR(ΦʔέʔΞʔϧ) γϦίϯόϨʔࣜͰେ୾ͳ໨ඪΛୡ੒͢Δํ๏ ΫϦεςΟʔφɾ΢ΥυΩʔஶ /

    ೔ܦBP 2018 ຖि༵ۚ೔ʹσϞσΠͱ͍͏ ܗͰ੒ՌΛݟͤͯॕ͏ɻ

23. ಈ͍ͯΔͷΛΈͨΒͳΜ͔ҧͬ ͨ໰୊ • ۩ମతʹ͸։ൃ༻ͷαʔόΛৗʹPull Request͕ߋ৽ ͞ΕΔͨͼʹ࠷৽Խ͓͖ͯ͠ɺ͍ͭͰ΋ϓϥϯ φʔɾσβΠφʔ͕৮ΕͯݟΒΕΔΑ͏ʹ͓ͯ͠ ͘ɻ౎౓Πϝʔδͱ͢Γ߹ΘͤΛߦ͑ΔΑ͏ʹ͢ Δɻ

24. ࠷ޙʹͭͳ͍ͩΒಈ͔ͳ͔ͬͨ ໰୊ • ͜Ε΋جຊ͸ద੾ͳλΠϛϯάͰϑΟʔυ όοΫΛ΋Β͍͍ͨ • APIεΩʔϚͷมߋ͸UIͷมߋʹ௚݁͢Δ • ։ൃऴ൫ͰݴΘΕͯ΋ݫ͍͠

25. ࠷ޙʹͭͳ͍ͩΒಈ͔ͳ͔ͬͨ ໰୊ • ॳظʹߏஙͨ͠ API ఆٛΛࢀߟʹϑϩϯτΤϯυͱόοΫΤ ϯυ͕ͣͬͱ෼཭ͯ͠αʔϏεΛ࡞ͬͨͱͯ͠ɺͦΕΒΛ࠷ ޙʹͭͳ͍Ͱ΋جຊ͸ಈ͔ͳ͍ɻϏοάόϯΈ͍ͨʹͳΔɻ • ૝ఆ͍ͯ͠ͳ͍ϦΫΤετ͕ඞͣͲ͔͜ʹଘࡏ͢Δɻ

    •

26. ࠷ޙʹͭͳ͍ͩΒಈ͔ͳ͔ͬͨ ໰୊ • զʑͷ΍Γํ: APIఆٛΛ྆ऀʢओʹϑϩϯτ ΤϯυओಋʣͰܾΊ্ͨͰɺ͓ޓ͍ʹఆظత ʹಉظΛऔΓͳ͕Β։ൃ͢Δ • Agreed ͱ͍͏಺੡πʔϧͰΧόʔ͍ͯ͠Δ

27. ࠷ޙʹͭͳ͍ͩΒಈ͔ͳ͔ͬͨ ໰୊ • API ͷཁٻΛॻ͘ͱͦΕ͕ϑϩϯτΤϯυͰ ͸ϞοΫαʔόʹͳΔ • όοΫΤϯυͰ͸ͦͷཁٻ͕ϦΫΤετΛ౤ ͛ΔͨΊͷςετʹͳΔ

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

    ͳͲͷεΩʔϚΛڞ༗Ͱ͖Δ࢓૊Έ΋૿͑ͯ Δɻ • ͓ޓ͍ͷೝ͕ࣝᴥᴪΒͳ͍Α͏ʹ։ൃ͓͚ͯ͠͹࠷ ऴஈ֊ͰͷϏοάόϯΛ๷͛Δɻ

29. ϥΠϒϥϦͷߋ৽

30. ϥΠϒϥϦͷߋ৽ • ϑϩϯτΤϯυ͸ಛʹϥΠϒϥϦߋ৽ͷස౓͕ૣ͍ • ·ͨߋ৽ͨ͠λΠϛϯάͰޓ׵ੑ͕͋Δ͔ո͍͠΋ͷ΋͋ Δ • ͱ͍ͬͯ์ஔ͓ͯ͘͠ͱͲΜͲΜཷ·Δɺચ͍෺ͱ͔ચ୕ ෺Έ͍ͨͳଘࡏ •

    ఆظతʹߋ৽ʢ૟আʣ͠ͳ͍ͱͻͲ͘ͳΔɻ • ࠷ऴతʹյΕͯऔΓฦ͔ͭ͠ͳ͘ͳΔ͜ͱ΋͋Δɻ

31. ϥΠϒϥϦͷߋ৽ • ͦ΋ͦ΋ϥΠϒϥϦΛ؅ཧ͍ͯ͠ͳ͍ͱ͜͏ ͍͏͜ͱ͕ى͜Γ΍͍͢ͷͰɺ·ͣ͸ϥΠϒ ϥϦΛ؅ཧ͢Δͱ͜Ζ͔Β࢝Ί͍ͯͩ͘͞ɻ • Node.js / npm ͕ೖ͍ͬͯͳ͍ϑϩϯτΤϯυ

    ͷݱ৔͸ͦΕΛೖΕͯͲͷόʔδϣϯΛ࢖ͬ ͍ͯΔ͔ಛఆͰ͖ΔΑ͏ʹ͢Δͱ͜Ζ͔Βɻ

32. ϥΠϒϥϦͷߋ৽ • ϥΠϒϥϦߋ৽ΛࣗಈԽ͢Δπʔϧ • renovate • ͜Ε͸΋͏φϨοδ͡Όͳͯ͘ඪ४πʔϧɺ ֮͑ͯؼ͍ͬͯͩ͘͞ɻ

33. ϥΠϒϥϦͷߋ৽ • ͨͩϥΠϒϥϦΛߋ৽ΛࣗಈԽͰ͖ͨͱͯ͠΋໰୊ͳ͍͔Ͳ ͏͔Λ֬ೝ͢Δਓ͸ඞཁɺݟͳ͍Ͱߋ৽͢Δࣄނʹܨ͕Δɻ • զʑ͸ຖεϓϦϯτͰ ϥΠϒϥϦߋ৽୲౰େਉΛ࡞Γɺఆ ظతʹߋ৽͕଺Βͳ͍Α͏ʹ͍ͯ͠Δɻ • renovate

    ΛೖΕͯ΋ࣗಈͰ͢΂ͯߋ৽͢ΔΑ͏ͳઃఆʹͯ͠ ͍ΔͱةݥͳͷͰɺ஫ࢹ͠ͳ͕Β΍͍ͬͯΔ • ͨͩ͜͏͢ΔͱͲ͏ͯ͠΋ͦΕͳΓʹ֬ೝίετ͕͔͔Δ

34. ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • جຊతʹ͸ςετΛॻ͘ • Unit Test ͳͲͷϩδοΫͷ֬ೝ΋͢Δ • ͨͩͦΕ͚ͩͩͱϑϩϯτΤϯυͰ͸଍Γͳ͍ɻ

    • StoryBook ͰίϯϙʔωϯτΧλϩάΛ࡞͓͖ͬͯɺݟͨ໨ ͷมߋ͕ಛఆ͞Ε΍͍͢Α͏ʹ͢ΔɻVisual Regression Test Λߦ͏ɻ • ͜ΕͰ΋଍Γͳ͍͜ͱ΋͋Δ E2E ςετͰࣗಈԽͨ͠Γ͢Δ

35. ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • Visual Regression Test • ݟͨ໨ͷมߋ͕ى͖ͨ࣌ʹͦΕΛಛఆͯ֬͠ ೝΛଅ͢΋ͷ •

    Visual্ͰΤϥʔ͕ൃੜͨ͜͠ͱ͕ݟͨ໨ͰΘ ͔Δ • ϐΫηϧಉ࢜ͷมߋ఺͕ݟ͑Δ

36. ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • ಺༰͕ҧ͏͜ͱ͕೺Ѳ͠΍͘͢ͳΔɻ • Visual Regression Test Λߦ͏ͷ͸ StoryBook

    ͱ reg-suitͷ૊Έ߹Θͤɻ • ͜Ε΋΄΅σϑΝΫτͳπʔϧɺ֮͑ͯؼͬ ͯ΄͍͠ɻ

37. ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • ͜ΕͰ΋଍Γͳ͍࣌͸ E2E ςετΛॻ͍ͯΔ • ࠷ۙ͸ Autify Λ࢖ͬͯޮ཰Խͯ͠ΔνʔϜ΋

    ଟ͍ɻ • ༗ঈͷπʔϧ͕ͩɺςετͷهड़ָ͕Ͱɺߋ ৽֬ೝ͕΍Γ΍͍͢ɻ

38. ϥΠϒϥϦͷߋ৽ • ΋ͪΖΜ͜ΕͰ΋଍Γͳ͍࣌΋͋Δ • ͨͩͦͷ࣌͸΋͏πʔϧͰಛఆͰ͖ͳ͍΋ͷ • ٯʹݴ͑͹ͦ͏͍ͬͨϥΠϒϥϦͷߋ৽ͷͱ ͖͚ͩ৻ॏʹ΍Ε͹Α͍ɻ

39. ϫʔΫϑϩʔͷܗ֚Խ

40. ϫʔΫϑϩʔͷܗ֚Խ • ͜͜·Ͱ΍͖ͬͯͨΑ͏ͳ͜ͱΛ΍ͬͯͨͱͯ͠ ΋ɺܗ֚Խͯ͠͸ҙຯ͕ͳ͍ɻ • ςετΛॻ͔ͳ͔ͬͨΒҙຯ͕ͳ͍͠ɺక੾͕ഭΔ தͰػೳ࣮૷Λ͠ͳ͕ΒςετΛॻ͘ʹ΋Ұఆͷε Ωϧ͕ඞཁ • StoryBook

    ʹهड़Λ͠ͳ͔ͬͨΒͦ΋ͦ΋ Visual Regression Testing ΋ҙຯ͕ͳ͍ɻ

41. ϫʔΫϑϩʔͷܗ֚Խ • ͦ΋ͦ΋ϑϩϯτΤϯυͱݴͬͯ΋͍ΖΜͳ ΤϯδχΞ͕͍Δɻ • CSS ͷಘҙͳਓ΋͍Ε͹ɺJavaScript ͕ۤख ͳਓ΋͍Δɻ CSS

    Experts JavaScript Beginners Server Side Engineer Frontend Ops

42. ϫʔΫϑϩʔͷܗ֚Խ • πʔϧͰҰؾʹղܾͰ͖ΔΑ͏ͳ΋ͷͰ΋ͳ ͍ɻ • ΤϯδχΞؒͷεΩϧΛڞ༗͓ͯ͠ޓ͍ʹ஌ ࣝͷϨϕϧΛ্͍͛ͯ͘ඞཁ͕͋Δɻ

43. ϫʔΫϑϩʔͷܗ֚Խ • զʑ͸Ͳ͏΍ͬͯདྷ͔ͨɿ • ։ൃऀಉ࢜Ͱ࣌ʹڭ͑߹͍ɺ࣌ʹϖΞϓϩ΍ ϞϒϓϩΛߦ͏͜ͱͰશମͰϨϕϧΛߴΊ ͋ͬͯରॲ͖ͯͨ͠ɻ

44. ϫʔΫϑϩʔͷܗ֚Խ • ࠷ॳ͸Ͳ͏ͯ͠΋͕͔͔࣌ؒΔ͕ɺશମͰޮ ཰Խ͍ͯ͘͜͠ͱ͕Ͱ͖Δɺ࠷ऴతʹ଎౓΋ վળͰ͖ΔΑ͏ʹͳΔɻ • ੍໿ཧ࿦ʹߟ͑ํ͸͍ۙɻ βɾΰʔϧ ― اۀͷڀۃͷ໨తͱ͸Կ͔

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

45. ৼΓฦͬͯ

46. ৼΓฦͬͯ • ։ൃऀମݧ͸ੜ࢈ੑʹ௚݁͠ɺҾ͍ͯ͸Ϟν ϕʔγϣϯʹ΋ؔ࿈͢Δɻ ੜ࢈ੑΞοϓ ੜ࢈ੑμ΢ϯ Ϟνϕʔγϣϯμ΢ϯ ϞνϕʔγϣϯΞοϓ ݁ہҰ൪ॏཁͳͷ͸Ϟνϕʔγϣϯ

47. ৼΓฦͬͯ • ʮଞͷਓͷ໾ʹཱ͍ͪͨʯͱ͍͏ࢥ͍͕ࠜఈʹ͋Δɻ • ͍͘Β͍ΖΜͳ։ൃΛςΫχοΫΛ΋ͬͯ΍ͬͨͱͯ͠΋ ͦΕ͕ଞͷਓୡͷ໾ʹཱͬͯΔͱ͍͏࣮ײ͕ͳ͍ͱ݁ہϞ νϕʔγϣϯ͸མͪΔɻ • όοΫΤϯυ ϑϩϯτΤϯυ

    σβΠφʔ

48. ৼΓฦͬͯ • ։ൃऀମݧͷ޲্͸ੜ࢈ੑͷ޲্ • ੜ࢈ੑ޲্ʹΑΓɺ։ൃ଎౓ͷվળʹ΋ؔΘΔ͕ɺҰ൪େࣄ ͳͷ͸Ϟνϕʔγϣϯͷ޲্ • ։ൃऀͷϞνϕʔγϣϯ͸ʮ୭͔ͷ໾ʹཱ͍ͬͯΔʯͱ͍͏ ࣮ײ͕ݩʹͳ͍ͬͯΔɻ •

    ࣄۀʹؐݩͰ͖Δॴ·Ͱ΍Βͳ͍ͱ͍͚ͳ͍ɻࣄۀʹؐݩͰ ͖ΔͱϙδςΟϒͳϑΟʔυόοΫ΋૿͑ͯΑΓΑ͍αΠΫ ϧ͕ճΔΑ͏ʹͳΔɻ

49. ·ͱΊ

50. ·ͱΊ • ϑϩϯτΤϯυΤϯδχΞ͸UXΛ࠷େԽ͢Δͨ ΊͷΤϯδχΞͰ͋ΓɺDX΋ඞཁɻ • DX͸ੜ࢈ੑ޲্ͷͨΊͷࢪࡦ • ੜ࢈ੑΛԼ͛ΔͨΊͷ΋ͷͱ͍͔ͯͭ͋͘͠Δ ͕ɺओʹख໭ΓɺϥΠϒϥϦߋ৽ɺϫʔΫϑ ϩʔܗ֚ԽΛڍ͛ͨ

51. ·ͱΊ • ͦΕͧΕରॲ͢ΔπʔϧɾφϨοδʹ͍ͭͯ ΋঺հͨ͠ɻ • ͨͩΤϯδχΞ͸݁ہʮ໾ʹཱ͍ͬͯΔʯͱ ͍͏࣮ײ͕΄͍͠ਓͨͪ • ࣄۀʹؐݩ͍ͤͯ͘͜͞ͱ͕Ұ൪ Developer

    Experience ʹޮՌత