Frontend_Developers_Experience__Why_What_How_.pdf

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

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 ʹޮՌత