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

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

ͨ͘͞Μ͋Γ·͢Ͷ    ਓʹΑͬͯ·ͪ·ͪ 8

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

ϑϩϯτΤϯυͷ43&ͷλεΫʢԶௐ΂ʣ w KTϏϧυपΓͷӡ༻վળ w $*ɾOQNύοέʔδ؅ཧʢ͓ΑͼࣗಈԽʣ w ςετ؅ཧɾࣗಈԽ w ύϑΥʔϚϯεଌఆɺߴ଎Խ  ʢ଎౓΍৴པੑͷ؍఺͔Βͷίϯϙʔωϯτͷ෼ׂ΍  ϦϑΝΫλϦϯάɺ8FCQBDLͰͷDPEFTQMJUUJOHͱ͔ʣ ·ͨɺ  ͜͜Λ଍͕͔Γͱͯ͠ϑϩϯτΤϯυͷ૊৫Խ͕ૂ͑Δ 17

Slide 18

Slide 18 text

ϑϩϯτΤϯυ͕૊৫Խ͢Δͱʜ w 43&Λ࢝Ίɺ"1*ઃܭɺ696*ઃܭͳͲ  ಘҙྖҬΛ҈෼͢Δ͜ͱͰϑϩϯτΤϯυͷ૊৫Խ͢Δ  ˞σϝϦοτ͡Όͳͯ͘ϝϦοτͱͯ͠ݴͬͯ·͢ w ϑϩϯτΤϯυΤϯδχΞͷόϦϡʔ͸ਓ୯ҐͰग़͕ͪ  ˠ૊৫ͱͯ͠ಈ͚Δ͜ͱͰࠓ·ͰͷൺͰ͸ͳ͍  ɹόϦϡʔΛग़ͤΔ  ɹʢݸਓతʹ͸໘ͰόϦϡʔΛग़ͤΔɺͱ͔ݴͬͯ·͢ʣ w ෭࡞༻ͱͯ͠ɺ૊৫ͱͯ͠ݟͯͲ͕͜ڧ͍ऑ͍Λ  ݟΕΔͷͰ࠾༻ʹ͓͚ΔϖϧιφΛݻΊ΍͍͢ͱ͍͏ӟ 18

Slide 19

Slide 19 text

·ͱΊ 19

Slide 20

Slide 20 text

·ͱΊ w ྖҬ͕޿͕Γ͗ͯ͢ϑϩϯτΤϯυΤϯδχΞɺ  ͱ͍͏ݴ༿Ͱ͸දݱ͖͠Εͳ͘ͳ͖ͬͯͨ w ϑϩϯτΤϯυͷ43&͸ඞཁ w DMBTT43&JNQMFNFOUT%FW0QT͔Βͷ  DMBTT'SPOUFOE43&FYUFOET43& w ࠓճϑϩϯτΤϯυͷ43&ͷ࿩ʹऴ࢝͠·͕ͨ͠ɺ  ϑϩϯτΤϯυΛ૊৫Խ͢Δ͜ͱͰ໘ͰόϦϡʔΛग़ͤΔ w Έͳ͞Μͷͱ͜ΖͰ͸Ͳ͏͞Εͯ·͔͢ʁ  ڭ͍͑ͯͩ͘͞ͳΜͰ΋͠·͔͢Β 20