10年以上続くプロダクトのフロントエンド刷新プロジェクトのふりかえり

Slide 1

Slide 1 text

೥Ҏ্ଓ͘ϓϩμΫτͷ ϑϩϯτΤϯυ࡮৽ϓϩδΣΫτͷ ;Γ͔͑Γ ʙͦͯ͠ɺͦͷૉ௚ͳݱࡏ஍ʙ

Slide 2

Slide 2 text

໊લΛOVTʹ౷Ұͨ͠ͷ͸αΠϘ΢ζʹೖ͔ͬͯΒɻେֶσϏϡʔͳΒ͵ձࣾσϏϡʔϑϩͶ OVT ͳ͢͞Μ ࡀஉੑಢ໦ݝࡏॅ

Slide 3

Slide 3 text

ຊ೔ɺ࿩͢͜ͱ Ͳ͏΋ɺ͝঺հ͕஗Ε·ͨ͠ɺϑϩϯτΤϯυ࡮৽ϓϩδΣΫτͷϚείοτΩϟϥΫλʔɺϑϩϦΞͪΌΜͱݴ͏ϑϩΑ

Slide 4

Slide 4 text

ຊ೔ɺ࿩͢͜ͱ ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔ ೥Ҏ্ଓ͘ϓϩμΫτͷϑϩϯτΤϯυ࡮৽ϓϩδΣΫτͷ֓ཁ ೥ܦͬͯΈͯͷৼΓฦΓ ೥ͷOVTͷ๊ෛ

Slide 5

Slide 5 text

Ҏ্ΛϓϩδΣΫτͷதͷਓ͕ ૉ௚ʹ࿩͠·͢ ຊ೔ɺ࿩͢͜ͱ ҰԠɺมͳ͜ͱݴΘͳ͍Α͏ʹνΣοΫ͸ͯ͠΋ΒͬͨϑϩΑ

Slide 6

Slide 6 text

೥Ҏ্ଓ͘ϓϩμΫτͷ࿩

Slide 7

Slide 7 text

೥Ҏ্ଓ͘ϓϩμΫτͷ࿩ αΠϘ΢ζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU TMJEF

Slide 8

Slide 8 text

೥Ҏ্ଓ͘ϓϩμΫτͷ࿩ αΠϘ΢ζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU TMJEF ೥Ҏ্։ൃɾӡ༻͍ͯ͠Δ

Slide 9

Slide 9 text

೥Ҏ্ଓ͘ϓϩμΫτͷ࿩ αΠϘ΢ζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU TMJEF ੈքதͷνʔϜΛࢧ͑Δ ϓϩμΫτΛ໨ࢦ͍ͯ͠Δ

Slide 10

Slide 10 text

೥Ҏ্ଓ͘ϓϩμΫτͷ࿩ αΠϘ΢ζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU TMJEF ϑϩϯτΤϯυ։ൃΛՃ଎͍ͨ͠

Slide 11

Slide 11 text

ͦ͜Ͱ ೥Ҏ্ଓ͘ϓϩμΫτͷ࿩

Slide 12

Slide 12 text

೥Ҏ্ଓ͘ϓϩμΫτͷ࿩

Slide 13

Slide 13 text

೥Ҏ্ଓ͘ϓϩμΫτͷ࿩ ೥ͷ೥຤͔Β LJOUPOFϑϩϯτΤϯυ࡮৽͕ ϓϩδΣΫτԽ ௨শ ϑϩϦΞ

Slide 14

Slide 14 text

ϑϩϦΞ͕΍Γ͍ͨ͜ͱ

Slide 15

Slide 15 text

࣋ଓՄೳͳঢ়ଶͰ ϑϩϯτΤϯυͷ։ൃΛՃ଎ͤ͞Δ ϑϩϦΞ͕΍Γ͍ͨ͜ͱ ͱɺOVT͸ࢥ͍ͬͯΔϑϩ

Slide 16

Slide 16 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔

Slide 17

Slide 17 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔ ϑϩϦΞͪΌΜ΋਺͑ͯΈͨϑϩΑɻେମɺը໘͙Β͍ɺ+BWB4DSJQU͚ͩͰສߦ͙Β͍͋ͬͨϑϩͶ

Slide 18

Slide 18 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔ ίʔυϕʔεΛػೳɾνʔϜମ੍ʹ ߹Θͤͯ෼ׂ

Slide 19

Slide 19 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔ ӨڹൣғΛখ۠͘͞੾Δ ػೳ͝ͱʹϑϩϯτΤϯυΛ෼ׂ ೝ஌ෛՙΛԼ͛Δ Өڹൣғ΍είʔϓ͕෼͔Γ΍͍͢ͱɺϑϩϦΞͪΌΜ΋։ൃʹೖΓ΍͍͢ϑϩͶ

Slide 20

Slide 20 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔ νʔϜ͝ͱͷσ ΟϨΫτϦɾ.POPSFQPΛ࠾༻ ΞʔΩςΫνϟͱνʔϜମ੍Λଗ͑Δ νʔϜ͕ಠཱٕͯ͠ज़બఆ͕Ͱ͖ΔΑ͏ʹͳ͍ͬͯΔ νʔϜͷ.POPSFQPͷதͰ͸ɺQBDLBHFT͸ϩʔΧϧύοέʔδ OQNܦ༝ Ͱར༻͍ͯ͠ΔϑϩΑ

Slide 21

Slide 21 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔ ࠓޙɺେن໛ͳ ϑϩϯτΤϯυ࡮৽ΛߦΘͳ͍ ߏ੒Λ໨ࢦͯ͠ 8FCͷਐԽɾมԽʹదԠͰ͖ΔΑ͏ͳΞʔΩςΫνϟΛ໨ࢦͯ͠ΔϑϩͶ

Slide 22

Slide 22 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔ ݱࡏͷνʔϜମ੍

Slide 23

Slide 23 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔

Slide 24

Slide 24 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔ ࠓճ͸͜ͷνʔϜͷৼΓฦΓ OVT͕ීஈɺ׆ಈ͍ͯ͠ΔνʔϜͳΜϑϩΑ

Slide 25

Slide 25 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔ ػೳ#ͷϑϩϯτΤϯυ࡮৽Λ͢ΔνʔϜ σβΠϯ͸ͦͷ··ɺૢ࡞ײΛม͑ͳ͍ ػೳ# ը໘͙Β͍ Λ$MPTVSF5PPMTˠ3FBDU΁ஔ͖׵͑Δ αΠϨϯτϦϦʔε͢Δ͜ͱͰɺϦϦʔε·Ͱͷ଎౓Λग़͢ ࠷଎ͰϑϩϯτΤϯυ࡮৽͢ΔͨΊͷΞϓϩʔνΛࢼ͍ͯ͠Δϑϩ

Slide 26

Slide 26 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔ ͜Ε·Ͱ

Slide 27

Slide 27 text

ͲͷΑ͏ʹऔΓ૊ΜͰ͍Δ͔ ͜Ε͔Β ͖ͬ͞ͷεϥΠυͱॴʑζϨͯΔͷ͸׮༰ͳ৺Ͱݟͯ΄͍͠ϑϩΑ

Slide 28

Slide 28 text

"%3ͷ;Γ͔͑Ζ͏

Slide 29

Slide 29 text

"%3 "SDIJUFDUVSF%FDJTJPO3FDPSE ͱ͸ "%3ͷ;Γ͔͑Γ ʮ"%3ͱ͸ʯͰݕࡧ͢Δͱɺ࠷ॳʹώοτ͢Δͷ͸ʮࡋ൑֎ฆ૪ղܾखଓ "%3 ʹ͍ͭͯ๏຿লʯͩͬͨϑϩΑ

Slide 30

Slide 30 text

"%3ͷ;Γ͔͑Γ νʔϜ͕ܾఆͨ͜͠ͱ ·ͨɺͦͷܾఆʹࢸΔ·ͰΛهͨ͠ υΩϡϝϯτ

Slide 31

Slide 31 text

ࠓ·Ͱʹݸ΄Ͳͷ"%3͕͋ͬͨ "%3ͷ;Γ͔͑Γ ͍ΖΜͳ͜ͱܾΊ͖ͯͨϑϩͶʙ

Slide 32

Slide 32 text

"%3ͷ;Γ͔͑Γ ࡮৽લޙͰݟͨ໨͕มΘΒͳ͍͜ͱΛ735Ͱ୲อ͢Δ αΠϨϯτϦϦʔεΛ͢ΔͨΊʹݟͨ໨ɾૢ࡞ײ͸ม͑ͳ͍ ϦϦʔε·Ͱͷ଎౓Λग़ͨ͢ΊʹɺαΠϨϯτϦϦʔε͍ͨ͠ ݟͨ໨ɾૢ࡞ײ͕มΘ͍ͬͯͳ͍͜ͱΛςετΛ͍ͨ͠ 7JTVBM3FHSFTTJPO5FTU͢Δ͔

Slide 33

Slide 33 text

"%3ͷ;Γ͔͑Γ 1MBZXSJHIU7JUFͰ͸͡ΊΔ୤ϨΨγʔ޲͚ܰྔ7JTVBM3FHSFTTJPO5FTUIUUQTCMPHDZCP[VJPFOUSZ ࡮৽લޙͰݟͨ໨͕มΘΒͳ͍͜ͱΛ735Ͱ୲อ͢Δ ࠷ॳ͸ɺ࡮৽લޙͰ΋ಉ͡ૢ࡞ײͰ͋Δ͜ͱͷςετͷҰͭͱͯ͠ɺϐΫηϧύʔϑΣΫτΛ໨ࢦͯͨ͠ϑϩͶʙ 1MBZXSJHIU7JUFͰ͸͡ΊΔ୤ϨΨγʔ޲͚ܰྔ7JTVBM3FHSFTTJPO5FTUIUUQTCMPHDZCP[VJPFOUSZ

Slide 34

Slide 34 text

"%3ͷ;Γ͔͑Γ 1MBZXSJHIU7JUFͰ͸͡ΊΔ୤ϨΨγʔ޲͚ܰྔ7JTVBM3FHSFTTJPO5FTUIUUQTCMPHDZCP[VJPFOUSZ ࡮৽લޙͰݟͨ໨͕มΘΒͳ͍͜ͱΛ735Ͱ୲อ͠Α͏ ࠷ॳ͸ɺ࡮৽લޙͰ΋ಉ͡ૢ࡞ײͰ͋Δ͜ͱͷςετͷҰͭͱͯ͠ɺϐΫηϧύʔϑΣΫτΛ໨ࢦͯͨ͠ϑϩͶʙ 1MBZXSJHIU7JUFͰ͸͡ΊΔ୤ϨΨγʔ޲͚ܰྔ7JTVBM3FHSFTTJPO5FTUIUUQTCMPHDZCP[VJPFOUSZ 735͕༏ल ݫ͠ ͗ͨ͢ͷͰɺ ݱࡏ͸ɺଟগͷը໘ࠩҟ͸ڐ༰͢Δํ਑ʹ

Slide 35

Slide 35 text

"%3ͷ;Γ͔͑Γ ΞΫηγϏϦςΟͷվળΛɺ΍͍͖ͬͯʂ IUUQTOPUFDPNDZCP[V@EFTJHOOOBFEEB

Slide 36

Slide 36 text

"%3ͷ;Γ͔͑Γ ΞΫηγϏϦςΟͷվળΛɺ΍͍͖ͬͯʂ ద੾ʹϑΥʔΧε͕Ҡಈ͢Δ ϘλϯɺϦϯΫ͸ΩʔϘʔυͷΈͰૢ࡞Ͱ͖Δ ΩʔϘʔυτϥοϓ͕ͳ͍ ϚʔΫΞοϓɾ8"*"3*"ʹ͍ͭͯϨϏϡʔ͞Ε͍ͯΔ ΞΫηγϏϦςΟʹ͍ͭͯ૬ஊͰ͖ΔʮϢʔβʔମݧΛ࠷ߴʹ͢ΔνʔϜʯ͕ͱͯ΋པΓʹͳΔϑϩ

Slide 37

Slide 37 text

"%3ͷ;Γ͔͑Γ ࡮৽ͨ͠ޙʹ࢖ΘΕͳ͘ͳͬͨݹ͍ίʔυ͸ফͦ͏ ͱ͍͏͜ͱͰ࡟আϙϦγʔΛ࡞ͬͨ ݹ͍ίʔυΛফ͢·Ͱ͕࡮৽Ͱ͢Α Ͳ͜·ͰϑΝΠϧΛফ͢ͷ͔ΛܾΊ͍ͯΔ ݹ͍ίʔυΛফ͢·Ͱ͕࡮৽Ͱ͢Α $7҆˓ઌੜ

Slide 38

Slide 38 text

"%3ͷ;Γ͔͑Γ %0.ߏ଄͸Ͳ͜·Ͱ࠶ݱ͠Α͏ʁ ࠷ॳ͸%0.ߏ଄΋࠶ݱ͢Δํ਑ͩͬͨ %0.ߏ଄΍࢖͏$44͸ͦͷ··సه͢Δํ͕଎͍ʁ ΞΫηγϏϦςΟΛվળ͍ͨ͠ ૢ࡞ײ͕มΘΒͳ͚Ε͹%0.ߏ଄͸ม͑ͯϤγʂ

Slide 39

Slide 39 text

೥Λ;Γ͔͑ͬͯɺ (PPEͱ5IJOLJOHΛͭͣͭ OVT͕ࢥ͏΄ΜͱʹΑ͔ͬͨͳͬͯ͜ͱͱɺ͜Ε͔Βߟ͔͑ͯͳ͔͋Μͳͬͯ͜ͱϑϩ

Slide 40

Slide 40 text

೥ͷৼΓฦΓ (PPE ը໘͝ͱʹϦϦʔε͢Δํ਑Ͱ ΄Μ·ɺΑ͔ͬͨͳ͊ɾɾɾ

Slide 41

Slide 41 text

೥ͷৼΓฦΓ 5IJOLJOH ·ͩ·ͨಓ൒͹ɾɾɾ ΋ͬͱ΋ͬͱεέʔϧͤ͞ΔϑϩΑʂ

Slide 42

Slide 42 text

೥ͷOVTͷ๊ෛ ๊ෛ͸੠ʹग़ͨ͠ํ͕͍͍ͬͯɺͬͪ͡ΌΜ΋ݴͬͯͨϑϩΑ

Slide 43

Slide 43 text

೥ͷOVTͷ๊ෛ ࣗ෼ͷνʔϜͷ࡮৽Λ ര଎Ͱ׬͍ྃͤͨ͞ ڈ೥ͷऔ૊ͰͶɻര଎ʹͰ͖Δج൫͸Ͱ͖ͨͱࢥ͏ΜͰ͢Αɻ͡Όͳ͔ͬͨɺࢥ͏Μͩϑϩ

Slide 44

Slide 44 text

೥ͷOVTͷ๊ෛ ͦͯ͠৽͍͠ػೳͷ࡮৽΁ʜ ϑϩϦΞ෦࡞׬݁ฤͰ͋ΔϑϩϦΞΫΤετᶙͷαϒλΠτϧͩϑϩ