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

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

Akito UEHARA
November 24, 2018

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

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

Akito UEHARA

November 24, 2018
Tweet

More Decks by Akito UEHARA

Other Decks in Programming

Transcript

  1. ໊௒͑ͷεΫϥϜͰ
    ϑϩϯτΤϯυ։ൃ͢Δ
    ݱ৔ͷ੠
    '30/5&/%$0/'&3&/$&
    ্ݪߊਓ

    View full-size slide

  2. גࣜձࣾΏΊΈ
    ϑϩϯτΤϯυΤϯδχΞ

    8"$"ެೝ্ڃ΢Σϒղੳ࢜
    ্ݪߊਓ

    UX!BLUVFIS

    View full-size slide

  3. ࠃ಺τοϓϨϕϧͷ

    lΞϓϦઃܭz

    lେن໛αʔϏεӡ༻z
    ˔σδλϧϚʔέςΟϯάࢧԉ

    ˔ΞϓϦΦ΢ϯυϝσΟΞ

    ɹɾडୗ։ൃ

    ɹɾ੍࡞

    ɹɾίϯαϧςΟϯά

    ɹɾαʔϏεӡ༻୅ߦ

    View full-size slide

  4. IUUQTXXXZVNFNJDPKQKBXPSLT

    View full-size slide

  5. ͓͸ͳ͢͠Δ͜ͱ
    w໊Λ௒͑Δମ੍ͷεΫϥϜͰ೥Ҏ্ܧଓ
    ։ൃ͕ଓ͍͍ͯΔϓϩδΣΫτͷ࿩
    w ϑϩϯτΤϯυ։ൃͷ։ൃϓϩηε
    w ϑϩϯτΤϯυΤϯδχΞͷ໾ׂ
    wΏΊΈʹ͓͚ΔϑϩϯτΤϯυΤϯδχΞ
    w ৬छͱͯ͠ͷۀ຿ൣғΛٞ࿦ͨ͠࿩
    w ΏΊΈͷϑϩϯτΤϯδχΞͷਓ෺૾

    View full-size slide

  6. ໊Λ௒͑Δମ੍ͷεΫϥϜͰ
    ೥Ҏ্։ൃ͕ଓ͍͍ͯΔ
    ϓϩδΣΫτͷ࿩

    View full-size slide

  7. εΫϥϜͱ͸ʁ

    View full-size slide

  8. ΞδϟΠϧ։ൃख๏
    ͷͭ

    View full-size slide

  9. ΞδϟΠϧ։ൃͷਐΊํ
    wؔ܎ऀ͸໨తͷୡ੒ͷͨΊɺ͓ޓ͍ʹڠྗ͠
    ߹͍ͳ͕ΒਐΊΔ
    wར༻ऀͷ൓Ԡ΍ؔ܎ऀ͔ΒͷϑΟʔυόοΫ
    Λܧଓతʹಘͳ͕ΒɺܭըΛௐ੔͢Δ
    w։ൃνʔϜ͸௨ৗɺਓ͔Βਓ·ͰͰߏ੒͞
    ΕɺਓҎ্ͷ৔߹͸ίϛϡχέʔγϣϯί
    ετ͕૿͑ΔͨΊɺνʔϜΛ෼ׂ͢Δ
    ग़యɿ4$36.#005$".15)&#00,

    View full-size slide

  10. ໊௒͑ͯΔͷʹ
    εΫϥϜʁ

    View full-size slide

  11. ࣮ࡍԿਓ͍Δͷʁ

    View full-size slide

  12. ϓϩμΫτΦʔφʔ
    ϑϩϯτΤϯυΤϯδχΞ
    αʔόαΠυΤϯδχΞ
    σβΠφʔ
    ςετΤϯδχΞ




    εΫϥϜϚελʔ
    ʙ
    ࣾ߹ಉνʔϜ

    View full-size slide

  13. ։ൃ͍ͯ͠Δ΋ͷ
    wڞ௨ͷձһج൫Λ࣋ͬͨ&$αΠταΠτͷ
    ϑϩϯτΤϯυ
    w ͭ͸ϑϧεΫϥον
    w ͭ͸$.4ͷΧελϚΠζ

    View full-size slide

  14. ϑϧεΫϥον $.4
    9)5.- $44

    View full-size slide

  15. ։ൃͷྲྀΕ

    View full-size slide

  16. ։ൃͷྲྀΕ
    Ҋ
    ݅


    View full-size slide

  17. Ҋ݅ൃੜ
    wϓϩμΫτΦʔφʔ͔Βͷґཔ
    w ϓϩμΫτΦʔφʔΑΓɺ։ൃνʔϜʹʮ͜͏͍ͬͨػೳ
    ΛʙࠒʹϦϦʔε͍ͨ͠ʯͱ͍͏಺༰͕ల։͞ΕΔ
    wओ୲౰ΛܾΊΔ
    w σβΠφʔɺϑϩϯτΤϯυΤϯδχΞͷϝΠϯ୲౰ऀ
    Λܾఆ

    View full-size slide



  18. ݕ

    ։ൃͷྲྀΕ
    Ҋ
    ݅


    View full-size slide

  19. ࢓༷ݕ౼
    wσβΠφʔͷݕ౼ࣄ߲
    w ը໘ભҠʗϒϨΠΫϙΠϯτผϨΠΞ΢τʗ6*ʗจݴ
    w ࣮ݱՄ൱ʹ͍ͭͯϝΠϯ୲౰ΤϯδχΞʹ֬ೝ
    wϑϩϯτΤϯυΤϯδχΞͷݕ౼ࣄ߲
    w σʔλͷऔಘํ๏ʗ σβΠφ͔Βͷ૬ஊͷ্
    6*ͷ࣮ݱੑ
    ͷݕ౼

    View full-size slide

  20. ࢓༷ݕ౼
    σβΠφ
    ͜ͷબ୒ࢶ෦෼ʹ͍ͭͯɺσβΠϯΛΧελϚΠζͨ͠ϓϧμ΢ϯʹ͍ͨ͠
    ͷͰ͕͢ɺ࣮ݱՄೳͰ͔͢ʁ
    ϑϩϯτΤϯυΤϯδχΞ
    ϓϧμ΢ϯ͸ඪ४ػೳͷ΋ͷΛຬͨͨ͠ܗͰϑϩϯτΤϯυͰ࠶ݱ͢Δͷ͸
    ݁ߏ޻਺͕͔͔Γͦ͏Ͱ͢ɻ
    ΩʔϘʔυͰը໘಺Λૢ࡞͞ΕΔ࣌ͷڍಈ΍ɺจࣈ਺͕ଟ͍࣌ͷݟͤํͳͲɺݕ
    ౼ࣄ߲͕ଟ͘ɺϦϦʔεر๬࣌ظΛߟ͑Δͱࠓճͷ৔߹ϥδΦϘλϯͱ͢Δͷ͸
    Ͳ͏Ͱ͠ΐ͏͔ɻ
    σβΠφ
    ͳΔ΄ͲɺͰ͋Ε͹ϥδΦϘλϯͰͷ6*Λݕ౼ͯ͠Έ·͢ʂ

    View full-size slide



  21. ݕ

    σ
    β
    Π
    ϯ
    Ϩ
    Ϗ
    ϡ
    ʔ
    ։ൃͷྲྀΕ
    Ҋ
    ݅


    View full-size slide

  22. σβΠϯϨϏϡʔ
    wϝΠϯσβΠφʔ͕ݕ౼ͨ͠σβΠϯΛઆ໌
    Λߦͳ্ͬͨͰօͰϨϏϡʔ͢Δձٞମ
    w ϓϩμΫτΦʔφʔɾσβΠφʔɾΤϯδχΞɾςετΤ
    ϯδχΞશͯͷ໾ׂͷਓ͕ࢀՃ͢Δࣄ͕๬·͍͠
    w ։ൃ಺༰ ࢓༷
    ͷڞ௨ΠϝʔδΛ࣋ͯΔঢ়گʹ͠ɺ֓ࢉ޻
    ਺Λग़͠ɺ࣮૷ʹணखͰ͖ΔࣄΛΰʔϧͱ͍ͯ͠Δ
    w ݕ౼͢΂͖಺༰ͷਫ਼౓্͕͕Γɺେ·͔ͳϦϦʔε·Ͱ
    ͷΠϝʔδ͕Ͱ͖ΔΑ͏ʹͳΔ

    View full-size slide

  23. σβΠϯϨϏϡʔ
    wϑϩϯτΤϯυϨϏϡʔ؍఺ྫ
    w σβΠϯͦͷ΋ͷͷ֬ೝʢ׬શ৽نͰͳ͍৔߹ʹσβΠ
    ϯύλʔϯ͔Β֎Ε͍ͯͳ͍͔ʣ
    w ΞχϝʔγϣϯΠϯλϥΫγϣϯͷ༗ແ
    w ঢ়ଶʹԠͨ͡ཁૉͷग़͠෼͚͕͋Δ͔
    w ϩʔσΟϯάΛೖΕΔ͔Ͳ͏͔ͷݕ౼
    w ίϯϙʔωϯτԽͰ͖ͦ͏ͳՕॴͷચ͍ग़͠
    w ෼ੳ༻ʹԿ͔Πϕϯτઃఆ͕ඞཁ͔Ͳ͏͔

    View full-size slide



  24. ݕ

    σ
    β
    Π
    ϯ
    Ϩ
    Ϗ
    ϡ
    ʔ


    ʗ
    ς
    ε
    τ

    ܭ
    ։ൃͷྲྀΕ
    Ҋ
    ݅


    View full-size slide

  25. ࣮૷
    wܾఆͨ͠࢓༷ʹج͖ͮɺҙຯͷ͋Δࡉ͔͍୯
    ҐͰλεΫΛ࡞ΓɺΤϯδχΞͰ෼୲͠ͳ͕
    Β࣮૷ΛਐΊΔ

    View full-size slide

  26. ࣮૷
    wରԠ؀ڥʗϒϥ΢β
    8JOEPXT.BD"OESPJE
    J04

    View full-size slide

  27. ࣮૷
    w࣮૷ͨ͠΋ͷ͸ɺ(JU-BCͷ.FSHF3FRVFTU
    ͷػೳΛ࢖ͬͯɺϨϏϡʔΛෳ਺໊Ͱ࣮ࢪ͢Δ

    View full-size slide

  28. ςετઃܭ
    w࣮૷ͱฒߦͯ͠ɺςετΤϯδχΞʹΑΔςετ
    ઃܭ͕࣮ࢪ͞ΕΔ
    wςετઃܭʹ͋ͨΓෆ໌఺͸σβΠφʔ΍Τϯ
    δχΞɺ৔߹ʹΑͬͯ͸ϓϩμΫτΦʔφʔʹ࣭
    ໰͕͋Γɺ࢓༷͕Ξοϓσʔτ͞ΕΔࣄ͕͋Δ
    wςετઃܭ׬ྃͷࡍʹɺ࣮૷ؔ܎ऀ͕ςετ಺
    ༰ʹ͍ͭͯϨϏϡʔΛ࣮ࢪ͢Δ

    View full-size slide



  29. ݕ

    σ
    β
    Π
    ϯ
    Ϩ
    Ϗ
    ϡ
    ʔ
    ς
    ε
    τ

    ߦ
    σ
    ό
    ο
    ά
    ʗ


    ݕ



    ʗ
    ς
    ε
    τ

    ܭ
    ։ൃͷྲྀΕ
    Ϧ
    Ϧ
    ʔ
    ε
    Ҋ
    ݅


    View full-size slide

  30. ϓϩδΣΫτͷྲྀΕ

    View full-size slide

  31. Ϧ
    Ϧ
    ʔ
    ε
    Ҋ
    ݅




    ݕ


    ς
    ε
    τ
    ׬



    ϓϩδΣΫτͷྲྀΕ

    View full-size slide

  32. ϓϩδΣΫτͷྲྀΕ
    Ϧ
    Ϧ
    ʔ
    ε
    Ҋ
    ݅




    ݕ


    ς
    ε
    τ
    ׬



    View full-size slide

  33. ϓϩδΣΫτͷྲྀΕ
    Ϧ
    Ϧ
    ʔ
    ε
    Ҋ
    ݅




    ݕ


    ς
    ε
    τ
    ׬



    ܭ

    ը
    ৼ

    Γ

    ฦ

    Γ
    ܭ

    ը
    ৼ

    Γ

    ฦ

    Γ
    εϓϦϯτ εϓϦϯτ

    View full-size slide

  34. શମͰ͸໊௒͕ͩ
    Ҋ݅ผʹνʔϜ͕
    ϑϨΩγϒϧʹੜ·Ε͍ͯΔ

    View full-size slide

  35. ৘ใͷू໿

    View full-size slide

  36. εΫϥϜΠϕϯτ
    wεϓϦϯτܭը
    wσΠϦʔεΫϥϜʢேձʣ
    wεϓϦϯτৼΓฦΓ

    ˠ͜ͷ೥ؒɺ,15๏ͰৼΓฦΓΛ͠ଓ͚ͯɺ
    վળ׆ಈ΋ߦͳ͍ͬͯΔ

    View full-size slide

  37. աڈʹڍ͕ͬͨ՝୊ͱ
    վળ๏

    View full-size slide

  38. ҙຯ͕޿͗͢ΔλεΫ
    w՝୊ɿԿΛͨ͠Β͍͍͔Α͘Θ͔Βͳ͍
    w ʮ˓˓ը໘ͷઃܭʯ΍ʮ˓˓ػೳͷ։ൃʯͱ͍ͬͯ΋ɺ
    Ͳ͔͜ΒͲ͜·Ͱ͔Θ͔Βͳ͍
    wվળɿλεΫʹ͸໌֬ͳ׬ྃ৚݅Λઃఆ͢Δ
    w λεΫͷର৅͕୭͕ݟͯ΋࣮ࢪͰ͖Δ಺༰ʹͳ͍ͬͯΔ
    w ඞཁͳϓϩηε͕͋Δ৔߹͸ɺͦΕ͕࣮ࢪ͞Ε͍ͯΔࣄ
    w ੒Ռ෺͕ଘࡏ͢Δ৔߹͸ɺ੒Ռ෺͕ఴ෇͞Ε͍ͯΔࣄ

    View full-size slide

  39. ։ൃ׬ྃࡁΈػೳͷ֬ೝ
    w՝୊ɿ࣮૷ σβΠϯ૊ΈࠐΈ
    Λ֬ೝ͢Δࡍʹɺ
    ֬ೝ͕೉͍͠ը໘͕͋Δ
    w ಛघͳΤϥʔൃੜ࣌΍ɺ͍͔ͭ͘ભҠ͠ͳ͍ͱݟΕͳ͍
    ը໘ͳͲ
    wվળɿσόοάػೳΛ༻ҙ
    w Ϣʔβ΍ঢ়گʹΑͬͯҟͳΔ৘ใΛݻఆʹͨ͠ϦϯΫू
    Έ͍ͨͳ΋ͷΛ࡞੒

    View full-size slide

  40. σΠϦʔεΫϥϜͷ௕࣌ؒԽ
    w՝୊ɿਓ਺͕૿͑Δʹ͋ͨΓσΠϦʔεΫϥϜ
    ͕௕͘ͳΔ
    w શһ෼ɺલ೔࣮ࢪʴࠓ೔࣮ࢪ༧ఆΛใࠂ͍ͯͨ͠
    wվળɿҊ݅ผͷใࠂ
    w Ҋ݅ͷϝΠϯ୲౰ऀΛத৺ʹҊ݅͝ͱʹτϐοΫ΍૬ஊ
    ࣄ߲ͷใࠂʹมߋ

    View full-size slide

  41. ͜ͷΑ͏ʹͯ͠ɺ
    ϝϯόʔશһ͕ओମతʹ
    ߟ͑ɾಈ͖ɾॿ͚߹͏͜ͱͰ
    ͜ͷϓϩδΣΫτ͸
    ΄΅ϝϯόʔͷ཭୤ͳ͠Ͱ
    ೥໨Λܴ͍͑ͯ·͢

    View full-size slide

  42. ΏΊΈʹ͓͚Δ
    ϑϩϯτΤϯυΤϯδχΞ

    View full-size slide

  43. ϑϩϯτΤϯυΤϯδχΞͬͯ
    Ͳ͔͜ΒͲ͜·Ͱ΍Δͷʁʁ

    View full-size slide

  44. ΫϦΤΠςΟϒدΓ ΤϯδχΞϦϯάدΓ
    ͦΕͧΕʹಘҙྖҬΛ࣋ͭ

    View full-size slide

  45. ΫϦΤΠςΟϒدΓ
    wεΩϧൣғ
    w ը૾΍ϓϩτλΠϓπʔϧͰදݱ͞ΕͨσβΠϯͷҙਤ
    Λཧղ͠ɺ)5.-$44+BWB4DSJQUͰ૊Έ্͛ɺදݱ͢
    Δ
    w ӡ༻Λݟਾ͑ͨ)5.-$44ߏ଄Λઃܭ͢Δ
    w ϒϥ΢βͷαϙʔτঢ়گʹ߹ΘͤͨίʔσΟϯάΛߦ͏

    View full-size slide

  46. ΤϯδχΞϦϯάدΓ
    wεΩϧൣғ
    w ૊Έ্͛ΒΕͨ)5.-$44+BWB4DSJQUΛΞϓϦέʔγϣ
    ϯͱͯ͠࠷దͳܗͱͳΔΑ͏ʹɺϥΠϒϥϦϑϨʔϜϫʔ
    ΫΛ༻͍ͯߏங͢Δ

    View full-size slide

  47. ࣾ಺ͷਪ঑ٕज़πʔϧ

    View full-size slide

  48. ͲΜͳਓ͕
    ϑϩϯτΤϯυΤϯδχΞ
    Λ΍͍ͬͯΔͷʁ

    View full-size slide

  49. എܠͷҧ͍
    w༷ʑͳόοΫϘʔϯ
    w αʔόαΠυ όοΫΤϯυ
    ͷ։ൃ͔ΒϑϩϯτΤϯυͷ
    ։ൃʹ
    w ωΠςΟϒΞϓϦͷ։ൃ͔ΒϑϩϯτΤϯυͷ։ൃʹ
    w σβΠφʔ͔ΒϑϩϯτΤϯυͷ։ൃʹ
    w ϚʔΫΞοϓΤϯδχΞ ίʔμʔ
    ͔ΒϑϩϯτΤϯυͷ
    ։ൃʹ
    w ͍͖ͳΓϑϩϯτΤϯυͷ։ൃʹ

    View full-size slide

  50. ͭͷؾ࣭
    wָ͍ͨ͠
    w (SFBTFNPOLFZϒοΫϚʔΫϨοτ

    View full-size slide

  51. ͭͷؾ࣭
    wศརʹ͍ͨ͠
    w ΦϑΟε؀ڥʹ΋ϑϩϯτΤϯυͷٕज़Ͱศརʹ
    w͙͢ࢼͯ͠Έ͍ͨ
    w ৽͍͠΋ͷ͕ग़͖ͯͨΒͱΓ͋͑ͣࢼͯ͠ΈΔ

    View full-size slide

  52. ͓໰߹ͤઌʛגࣜձࣾΏΊΈ
    ʢ୲౰ɿછ໼ʣ
    εϚʔτγΣΞϘʔυ Ծ໊

    ˞ࢼ࡞඼ͷҝɺ੡඼Խ ༧ఆؚΊ
    ͸͓ͯ͠Γ·ͤΜɻ
    ΦϑΟεͷத৺ʹ
    εϚʔτͳ৘ใΛɻ
    ɾάϥϑΟοΫ6*
    ɾؾީมಈʹదԠ
    ɾۈଵ؅ཧ
    ɾ௚ײతͳૢ࡞ײ
    ɾϚϧνσόΠεରԠ
    ɾ*P5σόΠε࿈ܞ
    ɾ౰ࣾࢼ࡞඼ʮεϚʔτϘλϯʯ
    ɾ"NB[PO&DIP%PU
    ɾCPU ֦ு஌ೳ
    ׆༻
    ɾ֎෦αʔϏε࿈ܞ
    ɾఱؾɺۭௐػثɺ࿏ઢͳͲ
    1PJOU
    ˞Πϝʔδ

    View full-size slide

  53. ಘҙྖҬΛ࣋ͪ
    αϙʔτ͠߹͍ͳ͕Β
    ΋ͷͮ͘ΓΛ͢Δ͜ͱ͕޷͖
    ͦΜͳϝϯόʔ͕
    ἧ͍ͬͯ·͢

    View full-size slide

  54. +PJOVT
    ࣗ෼Ͱߟ͑ͯ΋ͷͮ͘ΓΛ͢Δ͜ͱ͕޷͖ͳ
    ΤϯδχΞɾσβΠφʔืूதʂ

    View full-size slide

  55. ژ౎ຊࣾ
    ౦ژຊࣾ
    ࡳຈຊࣾ
    େࡕຊࣾ
    ݄
    ʙ
    ࡕٸژ౎ઢӊؙӺెา෼

    ژ౎ࢢӦ஍Լమ࢛৚Ӻెา෼
    ౦ٸాԂ౎ࢢઢࡾݢ஡԰Ӻెา෼

    ౦ٸੈా୩ઢࡾݢ஡԰Ӻెา෼
    +3ࡳຈӺెา෼
    ࡳຈ஍Լమೆ๺ઢࡳຈӺెา෼
    ೆւͳΜ͹Ӻెา෼
    ͦͷଞ࿏ઢͳΜ͹Ӻెาʙ෼
    !8F8PSL
    ˞ืू৬छ͸ͦΕͧΕͷ৔ॴɾ࣌ظʹΑΓมಈ͠·͢

    View full-size slide

  56. ࠓޙษڧձͳͲ΋ओ࠵͍ͯ͘͜͠ͱ΋༧ఆ͓ͯ͠Γ·͢ʂ
    ڵຯ͋Δํ͸ϑΥϩʔ͓ئ͍͠·͢ʂ
    UX!BLUVFIS

    View full-size slide