$30 off During Our Annual Pro Sale. View Details »

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

i524
September 21, 2023

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

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

i524

September 21, 2023
Tweet

Other Decks in Technology

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