10名超えのスクラムでフロントエンド開発する現場の声 / Develop Front-end in Scrum

FRONTEND CONFERENCE 2018 ＠グランフロント大阪 での登壇資料です。

Transcript

1. ໊௒͑ͷεΫϥϜͰ
   ϑϩϯτΤϯυ։ൃ͢Δ
   ݱ৔ͷ੠ '30/5&/%
   $0/'&3&/$&
   
   ্ݪ
   ߊਓ
2. גࣜձࣾ
   ΏΊΈ
   ϑϩϯτΤϯυΤϯδχΞ
 8"$"ެೝ
   ্ڃ΢Σϒղੳ࢜
   ্ݪ
   ߊਓ
 UX
   !BLUVFIS
3. ࠃ಺τοϓϨϕϧͷ
 lΞϓϦઃܭz
 lେن໛αʔϏεӡ༻z
   ˔σδλϧϚʔέςΟϯάࢧԉ
 ˔ΞϓϦΦ΢ϯυϝσΟΞ
 ɹɾडୗ։ൃ
 ɹɾ੍࡞
 ɹɾίϯαϧςΟϯά
 ɹɾαʔϏεӡ༻୅ߦ
4. IUUQTXXXZVNFNJDPKQKBXPSLT
5. ͓͸ͳ͢͠Δ͜ͱ w໊Λ௒͑Δମ੍ͷεΫϥϜͰ೥Ҏ্ܧଓ ։ൃ͕ଓ͍͍ͯΔϓϩδΣΫτͷ࿩
   w ϑϩϯτΤϯυ։ൃͷ։ൃϓϩηε
   w ϑϩϯτΤϯυΤϯδχΞͷ໾ׂ
   wΏΊΈʹ͓͚ΔϑϩϯτΤϯυΤϯδχΞ
   w ৬छͱͯ͠ͷۀ຿ൣғΛٞ࿦ͨ͠࿩
   w ΏΊΈͷϑϩϯτΤϯδχΞͷਓ෺૾
6. ໊Λ௒͑Δମ੍ͷεΫϥϜͰ
   ೥Ҏ্։ൃ͕ଓ͍͍ͯΔ
   ϓϩδΣΫτͷ࿩
7. εΫϥϜͱ͸ʁ
8. ΞδϟΠϧ։ൃख๏
   ͷͭ
9. ΞδϟΠϧ։ൃͷਐΊํ wؔ܎ऀ͸໨తͷୡ੒ͷͨΊɺ͓ޓ͍ʹڠྗ͠ ߹͍ͳ͕ΒਐΊΔ
   wར༻ऀͷ൓Ԡ΍ؔ܎ऀ͔ΒͷϑΟʔυόοΫ Λܧଓతʹಘͳ͕ΒɺܭըΛௐ੔͢Δ
   w։ൃνʔϜ͸௨ৗɺਓ͔Βਓ·ͰͰߏ੒͞ ΕɺਓҎ্ͷ৔߹͸ίϛϡχέʔγϣϯί ετ͕૿͑ΔͨΊɺνʔϜΛ෼ׂ͢Δ ग़యɿ4$36.
   #005$".1
   5)&
   #00,
10. ͋Εʁ
11. ໊௒͑ͯΔͷʹ
    εΫϥϜʁ
12. ࣮ࡍԿਓ͍Δͷʁ
13. ϓϩμΫτΦʔφʔ ϑϩϯτΤϯυΤϯδχΞ
    αʔόαΠυΤϯδχΞ σβΠφʔ ςετΤϯδχΞ     εΫϥϜϚελʔ  ʙ ࣾ߹ಉνʔϜ
14. ։ൃ͍ͯ͠Δ΋ͷ wڞ௨ͷձһج൫Λ࣋ͬͨ&$αΠταΠτͷ ϑϩϯτΤϯυ
    w ͭ͸ϑϧεΫϥον
    w ͭ͸$.4ͷΧελϚΠζ
15. ϑϧεΫϥον $.4 9)5.- $44
16. ։ൃͷྲྀΕ
17. ։ൃͷྲྀΕ Ҋ ݅ ൃ ੜ
18. Ҋ݅ൃੜ wϓϩμΫτΦʔφʔ͔Βͷґཔ
    w ϓϩμΫτΦʔφʔΑΓɺ։ൃνʔϜʹʮ͜͏͍ͬͨػೳ ΛʙࠒʹϦϦʔε͍ͨ͠ʯͱ͍͏಺༰͕ల։͞ΕΔ
    wओ୲౰ΛܾΊΔ
    w σβΠφʔɺϑϩϯτΤϯυΤϯδχΞͷϝΠϯ୲౰ऀ Λܾఆ
19. ࢓ ༷ ݕ ౼ ։ൃͷྲྀΕ Ҋ ݅ ൃ ੜ
20. ࢓༷ݕ౼ wσβΠφʔͷݕ౼ࣄ߲
    w ը໘ભҠʗϒϨΠΫϙΠϯτผϨΠΞ΢τʗ6*ʗจݴ
    w ࣮ݱՄ൱ʹ͍ͭͯϝΠϯ୲౰ΤϯδχΞʹ֬ೝ
    wϑϩϯτΤϯυΤϯδχΞͷݕ౼ࣄ߲
    w σʔλͷऔಘํ๏ʗ σβΠφ͔Βͷ૬ஊͷ্ 6*ͷ࣮ݱੑ ͷݕ౼
21. ࢓༷ݕ౼ σβΠφ ͜ͷબ୒ࢶ෦෼ʹ͍ͭͯɺσβΠϯΛΧελϚΠζͨ͠ϓϧμ΢ϯʹ͍ͨ͠
    ͷͰ͕͢ɺ࣮ݱՄೳͰ͔͢ʁ ϑϩϯτΤϯυΤϯδχΞ
    ϓϧμ΢ϯ͸ඪ४ػೳͷ΋ͷΛຬͨͨ͠ܗͰϑϩϯτΤϯυͰ࠶ݱ͢Δͷ͸
    ݁ߏ޻਺͕͔͔Γͦ͏Ͱ͢ɻ ΩʔϘʔυͰը໘಺Λૢ࡞͞ΕΔ࣌ͷڍಈ΍ɺจࣈ਺͕ଟ͍࣌ͷݟͤํͳͲɺݕ ౼ࣄ߲͕ଟ͘ɺϦϦʔεر๬࣌ظΛߟ͑Δͱࠓճͷ৔߹ϥδΦϘλϯͱ͢Δͷ͸ Ͳ͏Ͱ͠ΐ͏͔ɻ σβΠφ ͳΔ΄ͲɺͰ͋Ε͹ϥδΦϘλϯͰͷ6*Λݕ౼ͯ͠Έ·͢ʂ
22. ࢓ ༷ ݕ ౼ σ β Π ϯ Ϩ Ϗ ϡ ʔ ։ൃͷྲྀΕ Ҋ ݅ ൃ ੜ
23. σβΠϯϨϏϡʔ wϝΠϯσβΠφʔ͕ݕ౼ͨ͠σβΠϯΛઆ໌ Λߦͳ্ͬͨͰօͰϨϏϡʔ͢Δձٞମ
    w ϓϩμΫτΦʔφʔɾσβΠφʔɾΤϯδχΞɾςετΤ ϯδχΞશͯͷ໾ׂͷਓ͕ࢀՃ͢Δࣄ͕๬·͍͠
    w ։ൃ಺༰ ࢓༷ ͷڞ௨ΠϝʔδΛ࣋ͯΔঢ়گʹ͠ɺ֓ࢉ޻ ਺Λग़͠ɺ࣮૷ʹணखͰ͖ΔࣄΛΰʔϧͱ͍ͯ͠Δ
    w ݕ౼͢΂͖಺༰ͷਫ਼౓্͕͕Γɺେ·͔ͳϦϦʔε·Ͱ ͷΠϝʔδ͕Ͱ͖ΔΑ͏ʹͳΔ
24. σβΠϯϨϏϡʔ wϑϩϯτΤϯυϨϏϡʔ؍఺ྫ
    w σβΠϯͦͷ΋ͷͷ֬ೝʢ׬શ৽نͰͳ͍৔߹ʹσβΠ ϯύλʔϯ͔Β֎Ε͍ͯͳ͍͔ʣ
    w ΞχϝʔγϣϯΠϯλϥΫγϣϯͷ༗ແ
    w ঢ়ଶʹԠͨ͡ཁૉͷग़͠෼͚͕͋Δ͔
    w ϩʔσΟϯάΛೖΕΔ͔Ͳ͏͔ͷݕ౼
    w ίϯϙʔωϯτԽͰ͖ͦ͏ͳՕॴͷચ͍ग़͠
    w ෼ੳ༻ʹԿ͔Πϕϯτઃఆ͕ඞཁ͔Ͳ͏͔
25. ࢓ ༷ ݕ ౼ σ β Π ϯ Ϩ Ϗ ϡ ʔ ࣮ ૷ ʗ ς ε τ ઃ ܭ ։ൃͷྲྀΕ Ҋ ݅ ൃ ੜ
26. ࣮૷ wܾఆͨ͠࢓༷ʹج͖ͮɺҙຯͷ͋Δࡉ͔͍୯ ҐͰλεΫΛ࡞ΓɺΤϯδχΞͰ෼୲͠ͳ͕ Β࣮૷ΛਐΊΔ
27. ࣮૷ wରԠ؀ڥʗϒϥ΢β 8JOEPXT
    
    .BD
    
    "OESPJE 
    
    J04 
28. ࣮૷ w࣮૷ͨ͠΋ͷ͸ɺ(JU-BCͷ.FSHF
    3FRVFTU ͷػೳΛ࢖ͬͯɺϨϏϡʔΛෳ਺໊Ͱ࣮ࢪ͢Δ
29. ςετઃܭ w࣮૷ͱฒߦͯ͠ɺςετΤϯδχΞʹΑΔςετ ઃܭ͕࣮ࢪ͞ΕΔ
    wςετઃܭʹ͋ͨΓෆ໌఺͸σβΠφʔ΍Τϯ δχΞɺ৔߹ʹΑͬͯ͸ϓϩμΫτΦʔφʔʹ࣭ ໰͕͋Γɺ࢓༷͕Ξοϓσʔτ͞ΕΔࣄ͕͋Δ
    wςετઃܭ׬ྃͷࡍʹɺ࣮૷ؔ܎ऀ͕ςετ಺ ༰ʹ͍ͭͯϨϏϡʔΛ࣮ࢪ͢Δ
30. ࢓ ༷ ݕ ౼ σ β Π ϯ Ϩ Ϗ ϡ ʔ ς ε τ ࣮ ߦ σ ό ο ά ʗ อ ཹ ݕ ౼ ࣮ ૷ ʗ ς ε τ ઃ ܭ ։ൃͷྲྀΕ Ϧ Ϧ ʔ ε Ҋ ݅ ൃ ੜ
31. ϓϩδΣΫτͷྲྀΕ
32. Ϧ Ϧ ʔ ε Ҋ ݅ ൃ ੜ อ ཹ ݕ ౼
    ς ε τ ׬ ྃ ϓϩδΣΫτͷྲྀΕ
33. ϓϩδΣΫτͷྲྀΕ Ϧ Ϧ ʔ ε Ҋ ݅ ൃ ੜ อ ཹ ݕ ౼
    ς ε τ ׬ ྃ
34. ϓϩδΣΫτͷྲྀΕ Ϧ Ϧ ʔ ε Ҋ ݅ ൃ ੜ อ ཹ ݕ ౼
    ς ε τ ׬ ྃ ܭ
 ը ৼ
 Γ
 ฦ
 Γ ܭ
 ը ৼ
 Γ
 ฦ
 Γ εϓϦϯτ εϓϦϯτ
35. શମͰ͸໊௒͕ͩ
    Ҋ݅ผʹνʔϜ͕
    ϑϨΩγϒϧʹੜ·Ε͍ͯΔ
36. ৘ใͷू໿
37. εΫϥϜΠϕϯτ wεϓϦϯτܭը
    wσΠϦʔεΫϥϜʢேձʣ
    wεϓϦϯτৼΓฦΓ
 ˠ͜ͷ೥ؒɺ,15๏ͰৼΓฦΓΛ͠ଓ͚ͯɺ վળ׆ಈ΋ߦͳ͍ͬͯΔ
38. աڈʹڍ͕ͬͨ՝୊ͱ վળ๏
39. ҙຯ͕޿͗͢ΔλεΫ w՝୊ɿԿΛͨ͠Β͍͍͔Α͘Θ͔Βͳ͍
    w ʮ˓˓ը໘ͷઃܭʯ΍ʮ˓˓ػೳͷ։ൃʯͱ͍ͬͯ΋ɺ Ͳ͔͜ΒͲ͜·Ͱ͔Θ͔Βͳ͍
    wվળɿλεΫʹ͸໌֬ͳ׬ྃ৚݅Λઃఆ͢Δ
    w λεΫͷର৅͕୭͕ݟͯ΋࣮ࢪͰ͖Δ಺༰ʹͳ͍ͬͯΔ
    w ඞཁͳϓϩηε͕͋Δ৔߹͸ɺͦΕ͕࣮ࢪ͞Ε͍ͯΔࣄ
    w ੒Ռ෺͕ଘࡏ͢Δ৔߹͸ɺ੒Ռ෺͕ఴ෇͞Ε͍ͯΔࣄ
40. ։ൃ׬ྃࡁΈػೳͷ֬ೝ w՝୊ɿ࣮૷ σβΠϯ૊ΈࠐΈ Λ֬ೝ͢Δࡍʹɺ ֬ೝ͕೉͍͠ը໘͕͋Δ
    w ಛघͳΤϥʔൃੜ࣌΍ɺ͍͔ͭ͘ભҠ͠ͳ͍ͱݟΕͳ͍ ը໘ͳͲ
    wվળɿσόοάػೳΛ༻ҙ
    w Ϣʔβ΍ঢ়گʹΑͬͯҟͳΔ৘ใΛݻఆʹͨ͠ϦϯΫू Έ͍ͨͳ΋ͷΛ࡞੒
41. σΠϦʔεΫϥϜͷ௕࣌ؒԽ w՝୊ɿਓ਺͕૿͑Δʹ͋ͨΓσΠϦʔεΫϥϜ ͕௕͘ͳΔ
    w શһ෼ɺલ೔࣮ࢪʴࠓ೔࣮ࢪ༧ఆΛใࠂ͍ͯͨ͠
    wվળɿҊ݅ผͷใࠂ
    w Ҋ݅ͷϝΠϯ୲౰ऀΛத৺ʹҊ݅͝ͱʹτϐοΫ΍૬ஊ ࣄ߲ͷใࠂʹมߋ
42. ͜ͷΑ͏ʹͯ͠ɺ
    ϝϯόʔશһ͕ओମతʹ
    ߟ͑ɾಈ͖ɾॿ͚߹͏͜ͱͰ
    ͜ͷϓϩδΣΫτ͸
    ΄΅ϝϯόʔͷ཭୤ͳ͠Ͱ
    ೥໨Λܴ͍͑ͯ·͢
43. ΏΊΈʹ͓͚Δ
    ϑϩϯτΤϯυΤϯδχΞ
    
44. ϑϩϯτΤϯυΤϯδχΞͬͯ Ͳ͔͜ΒͲ͜·Ͱ΍Δͷʁʁ
    
45. ΫϦΤΠςΟϒدΓ ΤϯδχΞϦϯάدΓ ͦΕͧΕʹಘҙྖҬΛ࣋ͭ
46. ΫϦΤΠςΟϒدΓ wεΩϧൣғ
    w ը૾΍ϓϩτλΠϓπʔϧͰදݱ͞ΕͨσβΠϯͷҙਤ Λཧղ͠ɺ)5.-$44+BWB4DSJQUͰ૊Έ্͛ɺදݱ͢ Δ
    w ӡ༻Λݟਾ͑ͨ)5.-$44ߏ଄Λઃܭ͢Δ
    w ϒϥ΢βͷαϙʔτঢ়گʹ߹ΘͤͨίʔσΟϯάΛߦ͏
47. ΤϯδχΞϦϯάدΓ wεΩϧൣғ
    w ૊Έ্͛ΒΕͨ)5.-$44+BWB4DSJQUΛΞϓϦέʔγϣ ϯͱͯ͠࠷దͳܗͱͳΔΑ͏ʹɺϥΠϒϥϦϑϨʔϜϫʔ ΫΛ༻͍ͯߏங͢Δ
48. ࣾ಺ͷਪ঑ٕज़πʔϧ
49. 7VFY 3JPUY
50. ͲΜͳਓ͕
    ϑϩϯτΤϯυΤϯδχΞ
    Λ΍͍ͬͯΔͷʁ
51. എܠͷҧ͍ w༷ʑͳόοΫϘʔϯ
    w αʔόαΠυ όοΫΤϯυ ͷ։ൃ͔ΒϑϩϯτΤϯυͷ ։ൃʹ
    w ωΠςΟϒΞϓϦͷ։ൃ͔ΒϑϩϯτΤϯυͷ։ൃʹ
    w σβΠφʔ͔ΒϑϩϯτΤϯυͷ։ൃʹ
    w ϚʔΫΞοϓΤϯδχΞ ίʔμʔ ͔ΒϑϩϯτΤϯυͷ ։ൃʹ
    w ͍͖ͳΓϑϩϯτΤϯυͷ։ൃʹ
52. ͭͷؾ࣭ wָ͍ͨ͠
    w (SFBTFNPOLFZ
    
    ϒοΫϚʔΫϨοτ
55. ͭͷؾ࣭ wศརʹ͍ͨ͠
    w ΦϑΟε؀ڥʹ΋ϑϩϯτΤϯυͷٕज़Ͱศརʹ
    w͙͢ࢼͯ͠Έ͍ͨ
    w ৽͍͠΋ͷ͕ग़͖ͯͨΒͱΓ͋͑ͣࢼͯ͠ΈΔ
56. ͓໰߹ͤઌʛגࣜձࣾΏΊΈ ʢ୲౰ɿછ໼ʣ εϚʔτγΣΞϘʔυ Ծ໊ ˞ࢼ࡞඼ͷҝɺ੡඼Խ ༧ఆؚΊ ͸͓ͯ͠Γ·ͤΜɻ ΦϑΟεͷத৺ʹ εϚʔτͳ৘ใΛɻ ɾάϥϑΟοΫ6* ɾؾީมಈʹదԠ ɾۈଵ؅ཧ ɾ௚ײతͳૢ࡞ײ ɾϚϧνσόΠεରԠ ɾ*P5σόΠε࿈ܞ ɾ౰ࣾࢼ࡞඼ʮεϚʔτϘλϯʯ ɾ"NB[PO
    &DIP
    %PU ɾCPU ֦ு஌ೳ ׆༻ ɾ֎෦αʔϏε࿈ܞ ɾఱؾɺۭௐػثɺ࿏ઢͳͲ 1PJOU ˞Πϝʔδ
57. ಘҙྖҬΛ࣋ͪ
    αϙʔτ͠߹͍ͳ͕Β
    ΋ͷͮ͘ΓΛ͢Δ͜ͱ͕޷͖
    ͦΜͳϝϯόʔ͕
    ἧ͍ͬͯ·͢
58. +PJO
    VT ࣗ෼Ͱߟ͑ͯ΋ͷͮ͘ΓΛ͢Δ͜ͱ͕޷͖ͳ
    ΤϯδχΞɾσβΠφʔืूதʂ
59. ژ౎ຊࣾ ౦ژຊࣾ ࡳຈຊࣾ େࡕຊࣾ ݄ ʙ ࡕٸژ౎ઢ
    ӊؙӺ
    ెา෼
 ژ౎ࢢӦ஍Լమ
    ࢛৚Ӻ
    ెา෼ ౦ٸాԂ౎ࢢઢ
    ࡾݢ஡԰Ӻ
    ెา෼
 ౦ٸੈా୩ઢ
    ࡾݢ஡԰Ӻ
    ెา෼ +3
    ࡳຈӺ
    ెา෼
    ࡳຈ஍Լమೆ๺ઢ
    ࡳຈӺ
    ెา෼
    ೆւ
    ͳΜ͹Ӻ
    ెา෼
    ͦͷଞ࿏ઢ
    ͳΜ͹Ӻ
    ెาʙ෼ !8F8PSL ˞ืू৬छ͸ͦΕͧΕͷ৔ॴɾ࣌ظʹΑΓมಈ͠·͢
60. ࠓޙษڧձͳͲ΋ओ࠵͍ͯ͘͜͠ͱ΋༧ఆ͓ͯ͠Γ·͢ʂ
    ڵຯ͋Δํ͸ϑΥϩʔ͓ئ͍͠·͢ʂ
    UX
    
    !BLUVFIS
61. 5IBOL
    ZPV