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

Transcript

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

2. "CPVU
   NF .BTBTIJ
   )BHB
   (JUIVC
   IJWFTCFF
 5XJUUFS
   !)JWFTCFFʢ;͕͊ʣ
 'SPOUFOE
   &OHJOFFS
   BU
   $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
    ͞ΜʮDMBTT
    43&
    JNQMFNFOUT
    %FW0QTʯ
    w %FW0QT
    Λ఩ֶͱ͢ΔͳΒ
    43&
    ͸ͦΕΛ࣮ݱ͢Δํ๏
    w ࣾ಺ͷ43&ʢਆʣ
 ʮαΠτͷ৴པੑΛߴΊΔͨΊʹ
 ιϑτ΢ΣΞΤϯδχΞϦϯάͰࣗಈԽͨ͠Γɺ
 ճ෮ੑͷߴ͍ج൫Λ࡞ͬͨΓɺӡ༻վળΛ୲౰͢Δਓʯ

    14

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

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

    16

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


    ϦϑΝΫλϦϯάɺ8FCQBDL
    Ͱͷ
    DPEF
    TQMJUUJOH
    ͱ͔ʣ
    ·ͨɺ
 ͜͜Λ଍͕͔Γͱͯ͠ϑϩϯτΤϯυͷ૊৫Խ͕ૂ͑Δ 17

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

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

19. ·ͱΊ 19

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

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

21. ͓ΘΓ

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