Frontend_Developers_Experience__Why_What_How_.pdf

by Yosuke Furukawa

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Twitter: @yosuke_furukawa Github: yosuke-furukawa

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

ϑϩϯτΤϯυͱDX • UX (Ϣʔβʔମݧ) Λ࡞Δͷ͕ϑϩϯτΤϯυΤϯδχ ΞͰ͋Δ͕ɺ࠷ߴͷUXΛ࡞ΔͨΊʹඞཁͳͷ͕ DX (։ ൃऀମݧ) • UX ͱ DX ͸ରཱߏ଄Ͱ͸ͳ͘ɺཱ྆͢Δ΂͖΋ͷɻ • ͕ͨͩ࣌ؒ͠ݶΒΕͨதͰཱ྆ͤ͞Δͷ΋Ұͭͷٕज़ɻ ࠓճ͸69ͱ%9ͷཱ྆Λͤ͞ΔͨΊɺ໨త 8IZ8IBU Λ໌ Β͔ʹ͠ɺͲ͏΍ͬͯ޲͔͏ )PX ͔Λ࿩͠·͢ɻ

Slide 5

Slide 5 text

Why/What

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

ݹ͘ͳͬͨ··์ஔ͞ΕͨϥΠ ϒϥϦ • ʮϥΠϒϥϦͷxxxͬͯػೳ͕࢖͑ͳͯ͘ݟͯ ΈͨΒόʔδϣϯ͕3ੈ୅΋ݹ͔ͬͨʯ • ʮϥΠϒϥϦͷόʔδϣϯΞοϓස౓͕ૣ͗͢ ͯഁյతมߋ΋ଟ͘ɺো֐ൃੜ͕ාͯ͘όʔ δϣϯΞοϓͰ͖ͳ͍ʯ • ์ஔ͞Εͯ͠·͏ͱཷ·ͬͨચ͍෺ͷΑ͏ʹͲΜͲΜ໘౗ʹͳΔ

Slide 11

Slide 11 text

ܗ֚Խ͞ΕͨϫʔΫϑϩʔ • ʮίϯϙʔωϯτΧλϩάҰཡ (Storybook) ࡞͚ͬͨͲ୭΋ݟͯͳ͔͔ͬͨΒ͜ͷલݟͨ ΒյΕͯͨʯ • ʮςετͷ௥Ճͷ࢓ํ͕Θ͔Βͣɺ୭΋ςετ ॻ͍ͯͳ͔ͬͨʯ • ։ൃऀͷπʔϧͰղܾͰ͖Δ෦෼΋͋Δ͕ςετͷॻ͖ํΛ஌Β ͳ͔ͬͨΓͱͦ΋ͦ΋։ൃϫʔΫϑϩʔͷఆணෆ଍΋͋Δɻ

Slide 12

Slide 12 text

IEରԠ • ϊʔίϝϯτ • ࠷ۙ͸ʮ΍Βͳ͍ʯͱ͖ͬͺΓݴͬͯΔ • ֮͑ͯؼͬͯ΄͍͠: IEͰىಈͨ͠৔߹Ͱ͋ͬͯ΋ Edge ʹڧ੍ϦμΠϨΫτ͢Δ࢓૊Έ https://docs.microsoft.com/en-us/microsoft-edge/ web-platform/ie-to-microsoft-edge-redirection

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

How

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

ख໭Γ

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

ख໭Γ • ͜͜Ͱͷྫͱͯ͠ڍ͛ͨ̎ͭͷख໭Γൃੜʹ ͍ͭͯͲ͏զʑ͕औΓ૊ΜͰ͖͔ͨΛ঺հ͢ Δɻ • ϑϩϯτΤϯυ ϓϥϯφʔ σβΠφʔ όοΫΤϯυ ख໭Γൃੜͦͷᶃ ಈ͍ͯΔϖʔδݟͨΒͳΜ͔ ҧͬͨ ख໭Γൃੜͦͷᶄ ࠷ޙʹ͕ͬ͠ΌΜ͜

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

࠷ޙʹͭͳ͍ͩΒಈ͔ͳ͔ͬͨ ໰୊ • ϦΫϧʔτͷ։ൃͰ͸ Agreed Λ࢖͍ͬͯΔ΋ͷͷ ผʹ͓ޓ͍ͷೝࣝᴥᴪΛద੾ͳλΠϛϯάͰमਖ਼Ͱ ͖ΔͳΒԿͰ΋ྑ͍ɻ • grpc ͳͲͷεΩʔϚΛڞ༗Ͱ͖Δ࢓૊Έ΋૿͑ͯ Δɻ • ͓ޓ͍ͷೝ͕ࣝᴥᴪΒͳ͍Α͏ʹ։ൃ͓͚ͯ͠͹࠷ ऴஈ֊ͰͷϏοάόϯΛ๷͛Δɻ

Slide 29

Slide 29 text

ϥΠϒϥϦͷߋ৽

Slide 30

Slide 30 text

ϥΠϒϥϦͷߋ৽ • ϑϩϯτΤϯυ͸ಛʹϥΠϒϥϦߋ৽ͷස౓͕ૣ͍ • ·ͨߋ৽ͨ͠λΠϛϯάͰޓ׵ੑ͕͋Δ͔ո͍͠΋ͷ΋͋ Δ • ͱ͍ͬͯ์ஔ͓ͯ͘͠ͱͲΜͲΜཷ·Δɺચ͍෺ͱ͔ચ୕ ෺Έ͍ͨͳଘࡏ • ఆظతʹߋ৽ʢ૟আʣ͠ͳ͍ͱͻͲ͘ͳΔɻ • ࠷ऴతʹյΕͯऔΓฦ͔ͭ͠ͳ͘ͳΔ͜ͱ΋͋Δɻ

Slide 31

Slide 31 text

ϥΠϒϥϦͷߋ৽ • ͦ΋ͦ΋ϥΠϒϥϦΛ؅ཧ͍ͯ͠ͳ͍ͱ͜͏ ͍͏͜ͱ͕ى͜Γ΍͍͢ͷͰɺ·ͣ͸ϥΠϒ ϥϦΛ؅ཧ͢Δͱ͜Ζ͔Β࢝Ί͍ͯͩ͘͞ɻ • Node.js / npm ͕ೖ͍ͬͯͳ͍ϑϩϯτΤϯυ ͷݱ৔͸ͦΕΛೖΕͯͲͷόʔδϣϯΛ࢖ͬ ͍ͯΔ͔ಛఆͰ͖ΔΑ͏ʹ͢Δͱ͜Ζ͔Βɻ

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

ϥΠϒϥϦͷߋ৽ • ͨͩϥΠϒϥϦΛߋ৽ΛࣗಈԽͰ͖ͨͱͯ͠΋໰୊ͳ͍͔Ͳ ͏͔Λ֬ೝ͢Δਓ͸ඞཁɺݟͳ͍Ͱߋ৽͢Δࣄނʹܨ͕Δɻ • զʑ͸ຖεϓϦϯτͰ ϥΠϒϥϦߋ৽୲౰େਉΛ࡞Γɺఆ ظతʹߋ৽͕଺Βͳ͍Α͏ʹ͍ͯ͠Δɻ • renovate ΛೖΕͯ΋ࣗಈͰ͢΂ͯߋ৽͢ΔΑ͏ͳઃఆʹͯ͠ ͍ΔͱةݥͳͷͰɺ஫ࢹ͠ͳ͕Β΍͍ͬͯΔ • ͨͩ͜͏͢ΔͱͲ͏ͯ͠΋ͦΕͳΓʹ֬ೝίετ͕͔͔Δ

Slide 34

Slide 34 text

ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • جຊతʹ͸ςετΛॻ͘ • Unit Test ͳͲͷϩδοΫͷ֬ೝ΋͢Δ • ͨͩͦΕ͚ͩͩͱϑϩϯτΤϯυͰ͸଍Γͳ͍ɻ • StoryBook ͰίϯϙʔωϯτΧλϩάΛ࡞͓͖ͬͯɺݟͨ໨ ͷมߋ͕ಛఆ͞Ε΍͍͢Α͏ʹ͢ΔɻVisual Regression Test Λߦ͏ɻ • ͜ΕͰ΋଍Γͳ͍͜ͱ΋͋Δ E2E ςετͰࣗಈԽͨ͠Γ͢Δ

Slide 35

Slide 35 text

ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • Visual Regression Test • ݟͨ໨ͷมߋ͕ى͖ͨ࣌ʹͦΕΛಛఆͯ֬͠ ೝΛଅ͢΋ͷ • Visual্ͰΤϥʔ͕ൃੜͨ͜͠ͱ͕ݟͨ໨ͰΘ ͔Δ • ϐΫηϧಉ࢜ͷมߋ఺͕ݟ͑Δ

Slide 36

Slide 36 text

ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • ಺༰͕ҧ͏͜ͱ͕೺Ѳ͠΍͘͢ͳΔɻ • Visual Regression Test Λߦ͏ͷ͸ StoryBook ͱ reg-suitͷ૊Έ߹Θͤɻ • ͜Ε΋΄΅σϑΝΫτͳπʔϧɺ֮͑ͯؼͬ ͯ΄͍͠ɻ

Slide 37

Slide 37 text

ϥΠϒϥϦͷߋ৽ͷ֬ೝ࡞ۀΛ ݮΒ͍ͨ͠ • ͜ΕͰ΋଍Γͳ͍࣌͸ E2E ςετΛॻ͍ͯΔ • ࠷ۙ͸ Autify Λ࢖ͬͯޮ཰Խͯ͠ΔνʔϜ΋ ଟ͍ɻ • ༗ঈͷπʔϧ͕ͩɺςετͷهड़ָ͕Ͱɺߋ ৽֬ೝ͕΍Γ΍͍͢ɻ

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

ϫʔΫϑϩʔͷܗ֚Խ

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

ϫʔΫϑϩʔͷܗ֚Խ • ࠷ॳ͸Ͳ͏ͯ͠΋͕͔͔࣌ؒΔ͕ɺશମͰޮ ཰Խ͍ͯ͘͜͠ͱ͕Ͱ͖Δɺ࠷ऴతʹ଎౓΋ վળͰ͖ΔΑ͏ʹͳΔɻ • ੍໿ཧ࿦ʹߟ͑ํ͸͍ۙɻ βɾΰʔϧ ― اۀͷڀۃͷ໨తͱ͸Կ͔ ΤϦϠϑɾΰʔϧυϥοτ ஶ/ μΠϠϞϯυࣾ 2019 ͋Δ෦෼͚ͩʹண໨ͯ͠࠷దԽΛͯ͠΋ ܾ ͯ͠શମͷ࠷దԽʹ͸ͭͳ͕Βͳ͍ ϘτϧωοΫΛݟ͚ͭͯ શମͷதͷҰ෦෼ ΛඞཁʹԠͯ͡࠷దԽ͢΂͖

Slide 45

Slide 45 text

ৼΓฦͬͯ

Slide 46

Slide 46 text

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

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

ৼΓฦͬͯ • ։ൃऀମݧͷ޲্͸ੜ࢈ੑͷ޲্ • ੜ࢈ੑ޲্ʹΑΓɺ։ൃ଎౓ͷվળʹ΋ؔΘΔ͕ɺҰ൪େࣄ ͳͷ͸Ϟνϕʔγϣϯͷ޲্ • ։ൃऀͷϞνϕʔγϣϯ͸ʮ୭͔ͷ໾ʹཱ͍ͬͯΔʯͱ͍͏ ࣮ײ͕ݩʹͳ͍ͬͯΔɻ • ࣄۀʹؐݩͰ͖Δॴ·Ͱ΍Βͳ͍ͱ͍͚ͳ͍ɻࣄۀʹؐݩͰ ͖ΔͱϙδςΟϒͳϑΟʔυόοΫ΋૿͑ͯΑΓΑ͍αΠΫ ϧ͕ճΔΑ͏ʹͳΔɻ

Slide 49

Slide 49 text

·ͱΊ

Slide 50

Slide 50 text

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

Slide 51

Slide 51 text

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