変化する組織の中で運用するフロントエンドエコシステム / Frontend Ecosystem in Organizational Changes

以下のイベントでの発表資料です:
https://findy.connpass.com/event/294482/

Transcript

1. 
   มԽ͢Δ૊৫ͷதͰӡ༻͢Δ
   ϑϩϯτΤϯυΤίγεςϜ
   

   View Slide

2. ࣗݾ঺հ
   w *%!J
   w 9΍ͬͯ·ͤΜ
   w ΞΠίϯ͸ੲͷಉ྅͕ඳ͍ͯ͘Εͨ
   w ࠷ۙॳΊͯंͱंͷࣄނΛମݧͨ͠
   

   View Slide

3. ࠓ೔࿩͢͜ͱ
   w %..ͱ͸ɺ1'ͱ͸ɺϑϩϯτΤϯυάϧʔϓͱ͸
   w ೥ؒͷΤίγεςϜӡ༻ͷதͰى͖ͨมԽͱͦͷରԠ
   w ࠓޙͷల๬
   

   View Slide

4. ࠓ೔࿩͢͜ͱ
   w %..ͱ͸ɺ1'ͱ͸ɺϑϩϯτΤϯυάϧʔϓͱ͸
   w ೥ؒͷΤίγεςϜӡ༻ͷதͰى͖ͨมԽͱͦͷରԠ
   w ࠓޙͷల๬
   

   View Slide

5. %..ͱ͸
   w ʮͳΜͰ΋΍ͬͯΔ%..ʯ
   

   View Slide

6. ϓϥοτϑΥʔϜࣄۀຊ෦ʢ1'ʣͱ͸
   w ֤ࣄۀʹڞ௨ػೳΛఏڙ͢Δ෦ॺ
   w ΞΧ΢ϯτɺܾࡁɺϙΠϯτʜ
   w ػೳ͝ͱͷνʔϜɾϓϩμΫτ
   w શମͰͷϑϩϯτΤϯυΞϓϦͷ਺͸ʙ
   

   View Slide

7. 1'ػೳͷ࢖ΘΕํ
   w "1*Λ࢖͏έʔεͱɺ8FCΞϓϦΛ࢖͏έʔε͕͋Δ
   w ҎԼ%..57Ͱͷྫ
   ঎඼ϖʔδ ϩάΠϯ 1'
   ঎඼ϖʔδ
   ঎඼ϖʔδ ܾࡁ 1'
   
   

   View Slide

8. 1'ϑϩϯτΤϯυάϧʔϓ
   w ʮ࠷ߴͷΞϓϦέʔγϣϯΛ࠷଎Ͱఏڙ͢Δʯ
   w 1'ͷϑϩϯτΤϯυશମΛΑΓྑ͘͢ΔͨΊͷԣஅతͳ׆ಈ
   w 6*69ͷҰ؏ੑ޲্
   w ։ൃޮ཰ͷ޲্
   

   View Slide

9. ͜Ε·ͰͷϑϩϯτΤϯυάϧʔϓͷ׆ಈ
   w %..ϓϥοτϑΥʔϜͷϑϩϯτΤϯυ։ൃΛࢧ͑ΔΤίγεςϜ
   

   IUUQTJOTJEFENNDPNBSUJDMFTENNGSPOUFOEFDPTZTUFN
   

   

   ϑϩϯτΤϯυάϧʔϓͷ׆ಈ಺༰Λৄ͘͠
   

   هࡌ͍ͯ͠·͢ʢࠓճ͸ৄࡉ͸࿩͠·ͤΜʣ
   

   

   View Slide

10. ࠓ೔࿩͢͜ͱ
    w %..ͱ͸ɺ1'ͱ͸ɺϑϩϯτΤϯυάϧʔϓͱ͸
    w ೥ؒͷΤίγεςϜӡ༻ͷதͰى͖ͨมԽͱͦͷରԠ
    w ࠓޙͷల๬
    

    View Slide

11. ϑϩϯτΤϯυάϧʔϓઃཱ࣌ͷഎܠ
    ೥ͷ1'ϑϩϯτΤϯυ
    w όϥόϥͷٕज़ελοΫʹΑΔ.1"͕ओྲྀ
    w 1)1 ,PUMJO 4QSJOH
    /PEFKT౳
    w Ұ෦Ͱ7VF 3FBDU౳ϞμϯԽ͕ਐΜͰ͍ͨ
    w ෦ॺن໛ʹରͯ͠গͳ͍ϑϩϯτΤϯυઐ೚ͷΤϯδχΞ
    w ϨΨγʔͳΞϓϦέʔγϣϯΛϦϓϨΠε͢Δػӡ
    

    View Slide

12. औΓ૊Μͩ͜ͱ
    ϞϊϨϙج൫Λத৺ͱͨ͠ΤίγεςϜͷ੔උ
    w ϞϊϨϙج൫
    w $*$%ɾٕज़ελοΫͷ౷Ұɺڞ௨ϥΠϒϥϦͷఏڙ
    w σβΠϯγεςϜ
    w 6*ͷҰ؏ੑɾ඼࣭ͷ޲্ɺσβΠϯˠ࣮૷Λ௿ίετԽ
    w ੩తΞηοτ഑৴ج൫
    w ࣮૷ɾΞʔΩςΫνϟϨϏϡʔ
    

    View Slide

13. ೥ؒͰ࣮ݱͰ͖ͨ͜ͱ
    w ΤίγεςϜΛ࢖ͬͨϑϩϯτΤϯυ։ൃ͕ελϯμʔυԽ
    w ৽نΞϓϦ͸جຊϞϊϨϙ্Ͱͷ/FYUKT
    w ϞϊϨϙ্ʹΞϓϦ͕ଘࡏ
    w 1'ͷओཁͳΞϓϦͷଟ͘͸ΤίγεςϜʹ৐ͬͨ
    w ϦϓϨΠε͸ݱࡏ΋ਐߦத
    w ࠾༻΋ਐߦதʂ
    

    View Slide

14. ༨ஊɿࠓͷΤίγεςϜͰͰ͖Δ͜ͱ
    w /FYUKTΛར༻ͨ͠৽نΞϓϦ։ൃ։࢝࣌ʹʜ
    w ձһ৘ใऔಘɾϩάग़ྗͳͲϘΠϥʔϓϨʔτ෦෼͸ϥΠϒϥϦ͕ར༻Մೳ
    w 'JHNB3FBDUͰҰ؏ͨ͠ίϯϙʔωϯτ͕ར༻Մೳ
    w $*ʹΑΔࣗಈςετ4UPSZCPPL735σϓϩΠ
    

    View Slide

15. ೥ؒͰى͖ͨมԽ
    w ࣮ݱͨ͜͠ͱͷཪଆ
    w ૊৫શମͷϑΣʔζͷมԽ
    w ϨΨγʔͷϦϓϨΠεʢˠʣˠϦϦʔεޙӡ༻
    w ن໛ͷมԽ
    w ར༻ऀ͸νʔϜˠνʔϜ
    w ෦෼తͳར༻͸ଞ෦ॺɾଞ৬छʹ޿͕Δ
    w ఏڙ͢Δػೳ΍ϓϩμΫτͷن໛΋૿Ճ
    

    View Slide

16. มԽʹΑΔ՝୊
    w ҙࢥܾఆίετͷ૿Ճ
    w αϙʔτίετͷ૿Ճ
    w ͜ΕΒͷ՝୊͸ෳ߹ͯ͠ঃʑʹ΍ͬͯ͘Δ
    

    View Slide

17. ҙࢥܾఆίετͷ૿Ճ
    w ೝ஌ෛՙͷ૿Ճ
    w ϓϩμΫτͷ੒௕ʹ൐͍։ൃʹඞཁͳίϯςΩετ΋૿Ճ
    w ϘτϧωοΫͷҠಈ
    w ৽ن։ൃ࣌ͷ։ൃίετͷϘτϧωοΫ͸ղফͰ͖ͨ
    w Ϣʔεέʔε͝ͱʹҟͳΔϘτϧωοΫ͕ൃੜ
    w ˠͲͷϓϩμΫτͷͲͷ՝୊ʹ஫ྗ͢Δͷ͔ʁ͕ͲΜͲΜ೉໰ʹ
    

    View Slide

18. αϙʔτίετͷ૿Ճ
    w ར༻ऀͷ૿Ճˠར༻ํ๏ͷଟ༷Խ
    w αϙʔτ͢΂͖Ϣʔεέʔεͷ૿Ճ
    w ར༻ऀ૿ʹैͬͯݸผͷར༻ऀͱͷڑ཭͕Ͱ͖͍ͯ͘
    w ޱ಄ͳͲີͳίϛϡχέʔγϣϯͷػձ͕ݮ͍ͬͯ͘
    w ݕ஌Ͱ͖ͳ͍τϥϒϧɾ૝ఆ֎ͷ࢖͍ํͷൃੜ
    

    View Slide

19. ରԠͨ͜͠ͱɾ͍ͯ͠Δ͜ͱ
    w ৭ʑ͋Γ·͕͢ࠓճ͸Ұ෦͚ͩ঺հ
    w νʔϜ෼ׂ
    w ϞϊϨϙج൫ͷ$%վળ
    w ࠓճ࿩͞ͳ͍͜ͱʢҰྫʣ
    w υΩϡϝϯτͷڧԽɺίϛϡχέʔγϣϯͷ੔උ
    w 3FBDUΞϓϦ։ൃϕετϓϥΫςΟεͷࡦఆɾಋೖ
    

    View Slide

20. νʔϜ෼ׂ
    w ҙࢥܾఆίετΛԼ͛ΔͨΊͷऔΓ૊Έ
    w ϑϩϯτΤϯυάϧʔϓͷ੹຿Λ෼ׂ
    w ΤίγεςϜνʔϜج൫෦෼
    w ΞϓϦέʔγϣϯνʔϜݸผͷΞϓϦέʔγϣϯ։ൃʹؔΘΔ෦෼
    w ΋ͬͱ෼͚Δ͜ͱ΋ߟ͍͑ͯΔ͕ਓ͕଍Γͳ͍ʂ
    

    View Slide

21. νʔϜ෼ׂͷੋඇ
    w ྑ͍఺΋͋Δ͕஫ҙ͕ඞཁͳ఺΋͋Δ
    w ೝ஌ෛՙͷ࡟ݮ
    w ໰୊ྖҬΛߜΕΔ͜ͱͰݸผͷࢪࡦʹ͍ͭͯਂ͘ߟ͑ΒΕΔΑ͏ʹ
    w ͲͷνʔϜ͕୲౰͢Δ͔ᐆດͳྖҬ͸Ͳ͏ͯ͠΋ൃੜ͢Δ
    w શମͱͯ͠ϒϨͣʹͻͱͭͷํ޲ʹ޲͔͍ͬͯ͘ʹ͸޻෉͕ඞཁ
    

    View Slide

22. ϞϊϨϙج൫ͷ$%վળ
    w αϙʔτίετΛԼ͛ΔͨΊͷऔΓ૊Έ
    w σϓϩΠपΓ͸ϑϩϯτΤϯυάϧʔϓͰ׬શʹ؅ཧ͍ͯͨ͠
    w ৽ن։ൃʹΑΔར༻։࢝Λલఏʹ͍ͯͨͨ͠ΊɺΠϯϑϥ෦෼͸ܾΊଧͪ
    w ಠࣗΠϯϑϥ޲͚σϓϩΠΛ͍ͨ͠ɺσϓϩΠ࣌ʹݻ༗ͷॲཧΛߦ͍͍ͨɺ
    ͳͲͷཁ๬
    w ˠϑϩϯτΤϯυάϧʔϓͱͯ͠୲อ͍ͨ͠෦෼͸୲อͭͭ͠ɺΑΓॊೈʹ࢖
    ͑Δ࢓૊Έ΁
    

    View Slide

23. ϞϊϨϙج൫ͷ$%վળ΍ͬͨ͜ͱ
    ੹຿ͷ੔ཧͱΠϯλʔϑΣʔεͷܾఆ
    w ੹຿ͷ࠶੔ཧ
    w σϓϩΠશൠˠτϦΨʔͷఏڙɺϏϧυɾΩϟογϡͷ؅ཧ
    w ΠϯλʔϑΣʔεͱͯ͠ͷ(JU)VC"DUJPOͷ࡞੒
    w Ϗϧυ༻$PNQPTJUF"DUJPOͷఏڙ
    w ֤छॲཧͷೖΓޱͱͳΔϑΝΠϧΛఏڙ
    w υΩϡϝϯτͷ੔උ
    

    View Slide

24. ϞϊϨϙج൫ͷ$%վળΠϝʔδ
    w ೖΓޱͱͳΔϑΝΠϧʢ؆қίʔυʣ
    

    View Slide

25. ϞϊϨϙج൫ͷ$%վળΠϝʔδ
    w ར༻ऀ͸ಛఆΞϓϦ޲͚ͷॲཧΛ௥Ճ͢Δ
    

    View Slide

26. ϞϊϨϙج൫ͷ$%վળ݁Ռ
    w ར༻ऀ͸ϑϩϯτΤϯυάϧʔϓఏڙͷ$PNQPTJUF"DUJPOͱ3FVTBCMF
    8PSL
    fl
    PXͰ೚ҙͷσϓϩΠॲཧɾσϓϩΠ࣌ॲཧΛهड़Ͱ͖Δ
    w σϓϩΠपΓͷཁ๬ʹ͸υΩϡϝϯτͷڞ༗ͰࡁΉΑ͏ʹ
    w ϑϩϯτΤϯυάϧʔϓ͸$PNQPTJUF"DUJPOͷதͰϏϧυ΍Ωϟογϡͷ
    ࠷దԽ͕Ͱ͖Δ
    w Ϣʔεέʔεͷଟ༷Խʹରͯ͠੹຿ͱΠϯλʔϑΣʔεͷ੔ཧͰίετΛԼ͛
    ͍ͯΔ
    

    View Slide

27. ࠓ೔࿩͢͜ͱ
    w %..ͱ͸ɺ1'ͱ͸ɺϑϩϯτΤϯυάϧʔϓͱ͸
    w ೥ؒͷΤίγεςϜӡ༻ͷதͰى͖ͨมԽͱͦͷରԠ
    w ࠓޙͷల๬
    

    View Slide

28. ࠓޙͷల๬
    w ΤίγεςϜΛલఏʹࠓޙͷ͜ͱΛߟ͑ΒΕΔΑ͏ʹͳͬͨ
    w ΧελϚʔδϟʔχʔશମͷ࠷దԽ
    w 1'ػೳͷϚΠΫϩϑϩϯτΤϯυ4%,Խ
    w ෳ਺ΞϓϦؒͰͷ੩తϦιʔεͷ࠷దԽ
    w ΞϓϦέʔγϣϯఏڙϑϩʔશମͷ࠷దԽ
    w ։ൃ͸͓٬༷ʹՁ஋Λಧ͚ΔϑϩʔͷҰ෦෼Ͱ͔͠ͳ͍
    

    View Slide

29. ·ͱΊ
    w %..ͱ͸ɺ1'ͱ͸ɺϑϩϯτΤϯυάϧʔϓͱ͸
    w ೥ؒͷΤίγεςϜӡ༻ͷதͰى͖ͨมԽͱͦͷରԠ
    w ϑΣʔζɾن໛ͷมԽ
    w ҙࢥܾఆίετͷ૿ՃˠνʔϜ෼ׂ
    w αϙʔτίετͷ૿Ճˠ$%վળ
    w ࠓޙͷల๬
    

    View Slide

30. ҰॹʹਐΊ͍ͯ͘ํΛืू͠·͢ʂ
    w ࠓճ͝঺հͨ͠ΤίγεςϜ෦෼͚ͩͰͳ͘ɺ1'಺ͷݸผͷྖҬ΍֤ࣄۀͰ
    ΋ϑϩϯτΤϯυΤϯδχΞΛืू͍ͯ͠·͢ʂ
    w 'SPOUFOE0QTIUUQTENNDPSQDPNSFDSVJUFOHJOFFS
    w ΞϓϦέʔγϣϯ։ൃ Φʔϓϯϙδγϣϯ
    
    w ςοΫϦʔυIUUQTENNDPSQDPNSFDSVJUFOHJOFFS
    w ΤϯδχΞIUUQTENNDPSQDPNSFDSVJUFOHJOFFS
    

    View Slide