Upgrade to Pro — share decks privately, control downloads, hide ads and more …

フロントエンドの組織について考える / think-about-front-end-organization

6228c7eb945dbd4b30bcefa9f8f3e49a?s=47 hivesbee
October 08, 2019

フロントエンドの組織について考える / think-about-front-end-organization

6228c7eb945dbd4b30bcefa9f8f3e49a?s=128

hivesbee

October 08, 2019
Tweet

Transcript

  1. ϑϩϯτΤϯυͷ૊৫ʹ͍ͭͯ
 ߟ͑Δ (JO[BKT
 .BTBTIJ)BHBʢ!)JWFTCFFʣ

  2. "CPVUNF .BTBTIJ)BHB (JUIVCIJWFTCFF
 5XJUUFS!)JWFTCFFʢ;͕͊ʣ
 'SPOUFOE&OHJOFFSBU$MPVE4JHO ❤7VFKT K2VFSZ தຊʢ๺ۃϠαΠγϟΩγϟΩ໙ߗΊ͕޷Έʣ $MPVE4JHO❤7VFKT 2

  3. ࠓճ͓࿩͢Δ͜ͱ w ࠓͷϑϩϯτΤϯυΛऔΓר͘؀ڥʹ͍͓ͭͯؾ࣋ͪද໌ w ϓϩμΫτ։ൃΛ௨ͯ͠΅Μ΍Γࢥͬͨ
 ϑϩϯτΤϯυͷ૊৫ʹ͍ͭͯΞ΢τϓοτ 3

  4. ໔੹ࣄ߲ ॾઆ͋Γ·͢ ࣄۀϑΣʔζͱ͔։ൃ૊৫ମ੍ͱ͔ύϥϝʔλʔ͕ͨ͘͞Μ͋ΔͷͰʜ 4

  5. ͓ؾ࣋ͪ ϑϩϯτΤϯυΤϯδχΞͷ΍Δ͜ͱ͕૿͍͑͗ͯ͢Δ ྖҬ͕޿͕Γ͗ͯ͢ϑϩϯτΤϯυΤϯδχΞɺ
 ͱ͍͏ݴ༿Ͱ͸දݱ͖͠Εͳ͍ 5

  6. Ұ୴
 ϑϩϯτΤϯυͷྖҬʹ͍ͭͯ
 ੔ཧͯ͠ΈΔ 6

  7. ϑϩϯτΤϯυͷྖҬͱ͸ʁ 696*ઃܭ ϚʔΫΞοϓ +BWB4DSJQUͷ࣮૷ w ϑϨʔϜϫʔΫΛ༻͍࣮ͨ૷ w 4UPSFɺ3PVUJOHઃܭ "1*ઃܭɺ࣮૷ ϑϩϯτΤϯυͷ଍ճΓܥ

    7 σβΠϯଆ όοΫΤϯυଆ
  8. ͨ͘͞Μ͋Γ·͢Ͷ
 
 ਓʹΑͬͯ·ͪ·ͪ 8

  9. ϓϩμΫτ։ൃͷࢹ఺ͰݟΔͱʜ 9

  10. 10΍#J[ࢹ఺͔Βݟ͑ΔϑϩϯτΤϯυͷྖҬ 696*ઃܭ ϚʔΫΞοϓ +BWB4DSJQUͷ࣮૷ w ϑϨʔϜϫʔΫΛ༻͍࣮ͨ૷ w 4UPSFɺ3PVUJOHઃܭ "1*ઃܭɺ࣮૷ ϑϩϯτΤϯυͷ଍ճΓܥ

    10 σβΠϯଆ όοΫΤϯυଆ ΄ͳɺ·ͨʜ
  11. ݟ͑ͳ͘ͳͬͯ͠·͏ϑϩϯτΤϯυͷ଍ճΓ 10΍#J[ͷ໨ઢͰΈΔͱ
 ϑϩϯτΤϯυͷ଍ճΓͷࢹ఺͕ൈ͚͕ͪʢ࢓ํͳ͍ʣ ྫ͑͹͜ͷΑ͏ͳؤுΓ w XFCQBDLγϣΫχϯαϯ w ϑϩϯτΤϯυͷ$*؅ཧ w OQNύοέʔδ؅ཧ

    11
  12. ྫ͑͹͜͏͍͏ܦݧ͋Γ·ͤΜ͔ʁ w 8FCQBDLͷϏϧυʹ͕͔͔͖࣌ؒͬͯͨͳʜ
 ˠ͑ͬػೳ։ൃͰ͔͢ʁ
 ˠ8FCQBDLͷϏϧυߴ଎Խ͸͋ͱͰ΍Ζ͏ʜ w 4UPSZCPPLͱ͔ೖΕͯΈΑ͏
 ˠ͋ͬଞͷύοέʔδΞοϓσʔτ͠ͳ͖Όʜ ։ൃ͕ఀࢭ͢Δɺͱ͍͏ϨϕϧͷΠϯύΫτͰ͸ͳ͍͕ ਅ໖ͰटΛకΊΒΕΔΑ͏ͳײ͡Ͱ%9ͷ௿ԼΛট͘

    12
  13. ͔ͩΒࠓͦ͜ ϑϩϯτΤϯυͷ43&ͳΔଘࡏ͕ඞཁ 13

  14. ͦ΋ͦ΋43&ͱ͸ w (PPHMF͞ΜʮDMBTT43&JNQMFNFOUT%FW0QTʯ w %FW0QTΛ఩ֶͱ͢ΔͳΒ43&͸ͦΕΛ࣮ݱ͢Δํ๏ w ࣾ಺ͷ43&ʢਆʣ
 ʮαΠτͷ৴པੑΛߴΊΔͨΊʹ
 ιϑτ΢ΣΞΤϯδχΞϦϯάͰࣗಈԽͨ͠Γɺ
 ճ෮ੑͷߴ͍ج൫Λ࡞ͬͨΓɺӡ༻վળΛ୲౰͢Δਓʯ

    14
  15. ͭ·ΓϑϩϯτΤϯυͷ৔߹ͩͱʜ 15

  16. ϑϩϯτΤϯυͷ43&ͷఆٛʢԶௐ΂ʣ w ύΫΔͱʮDMBTT'SPOUFOE43&FYUFOET43&ʯ w 43&ͷৼΔ෣͍ɾ໾ׂΛܧঝ͠ɺ
 ϑϩϯτΤϯυͷྖҬͰൃش͢Δํ๏ɾਓ w ϑϩϯτΤϯυͷ%9ΛߴΊΔͨΊʹ
 ιϑτ΢ΣΞΤϯδχΞϦϯάͰࣗಈԽͨ͠Γɺ
 ӡ༻վળΛ୲౰͢Δਓ

    16
  17. ϑϩϯτΤϯυͷ43&ͷλεΫʢԶௐ΂ʣ w KTϏϧυपΓͷӡ༻վળ w $*ɾOQNύοέʔδ؅ཧʢ͓ΑͼࣗಈԽʣ w ςετ؅ཧɾࣗಈԽ w ύϑΥʔϚϯεଌఆɺߴ଎Խ
 ʢ଎౓΍৴པੑͷ؍఺͔Βͷίϯϙʔωϯτͷ෼ׂ΍


    ϦϑΝΫλϦϯάɺ8FCQBDLͰͷDPEFTQMJUUJOHͱ͔ʣ ·ͨɺ
 ͜͜Λ଍͕͔Γͱͯ͠ϑϩϯτΤϯυͷ૊৫Խ͕ૂ͑Δ 17
  18. ϑϩϯτΤϯυ͕૊৫Խ͢Δͱʜ w 43&Λ࢝Ίɺ"1*ઃܭɺ696*ઃܭͳͲ
 ಘҙྖҬΛ҈෼͢Δ͜ͱͰϑϩϯτΤϯυͷ૊৫Խ͢Δ
 ˞σϝϦοτ͡Όͳͯ͘ϝϦοτͱͯ͠ݴͬͯ·͢ w ϑϩϯτΤϯυΤϯδχΞͷόϦϡʔ͸ਓ୯ҐͰग़͕ͪ
 ˠ૊৫ͱͯ͠ಈ͚Δ͜ͱͰࠓ·ͰͷൺͰ͸ͳ͍
 ɹόϦϡʔΛग़ͤΔ
 ɹʢݸਓతʹ͸໘ͰόϦϡʔΛग़ͤΔɺͱ͔ݴͬͯ·͢ʣ

    w ෭࡞༻ͱͯ͠ɺ૊৫ͱͯ͠ݟͯͲ͕͜ڧ͍ऑ͍Λ
 ݟΕΔͷͰ࠾༻ʹ͓͚ΔϖϧιφΛݻΊ΍͍͢ͱ͍͏ӟ 18
  19. ·ͱΊ 19

  20. ·ͱΊ w ྖҬ͕޿͕Γ͗ͯ͢ϑϩϯτΤϯυΤϯδχΞɺ
 ͱ͍͏ݴ༿Ͱ͸දݱ͖͠Εͳ͘ͳ͖ͬͯͨ w ϑϩϯτΤϯυͷ43&͸ඞཁ w DMBTT43&JNQMFNFOUT%FW0QT͔Βͷ
 DMBTT'SPOUFOE43&FYUFOET43& w

    ࠓճϑϩϯτΤϯυͷ43&ͷ࿩ʹऴ࢝͠·͕ͨ͠ɺ
 ϑϩϯτΤϯυΛ૊৫Խ͢Δ͜ͱͰ໘ͰόϦϡʔΛग़ͤΔ w Έͳ͞Μͷͱ͜ΖͰ͸Ͳ͏͞Εͯ·͔͢ʁ
 ڭ͍͑ͯͩ͘͞ͳΜͰ΋͠·͔͢Β 20
  21. ͓ΘΓ

  22. 契約をより早く、安全に