Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
10名超えのスクラムでフロントエンド開発する現場の声 / Develop Front-end ...
Search
Akito UEHARA
November 24, 2018
Programming
4
1.3k
10名超えのスクラムでフロントエンド開発する現場の声 / Develop Front-end in Scrum
FRONTEND CONFERENCE 2018 @グランフロント大阪 での登壇資料です。
Akito UEHARA
November 24, 2018
Tweet
Share
More Decks by Akito UEHARA
See All by Akito UEHARA
グラスモーフィズムのススメ
aktuehr
1
310
What is front end engineer?
aktuehr
0
190
Other Decks in Programming
See All in Programming
CSC509 Lecture 06
javiergs
PRO
0
240
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
180
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
920
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
nrslib
7
3.9k
CSC305 Lecture 01
javiergs
PRO
1
400
AIで開発生産性を上げる個人とチームの取り組み
taniigo
0
130
CSC305 Lecture 02
javiergs
PRO
1
260
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
1.8k
実践AIチャットボットUI実装入門
syumai
7
2.5k
明日から始めるリファクタリング
ryounasso
0
110
あなたの知らない「動画広告」の世界 - iOSDC Japan 2025
ukitaka
0
380
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
140
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Code Review Best Practice
trishagee
72
19k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Being A Developer After 40
akosma
91
590k
Fireside Chat
paigeccino
40
3.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
BBQ
matthewcrist
89
9.8k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Transcript
໊͑ͷεΫϥϜͰ ϑϩϯτΤϯυ։ൃ͢Δ ݱͷ '30/5&/%$0/'&3&/$& ্ݪߊਓ
גࣜձࣾΏΊΈ ϑϩϯτΤϯυΤϯδχΞ 8"$"ެೝ্ڃΣϒղੳ࢜ ্ݪߊਓ UX!BLUVFIS
ࠃτοϓϨϕϧͷ lΞϓϦઃܭz lେنαʔϏεӡ༻z ˔σδλϧϚʔέςΟϯάࢧԉ ˔ΞϓϦΦϯυϝσΟΞ ɹɾडୗ։ൃ ɹɾ੍࡞ ɹɾίϯαϧςΟϯά ɹɾαʔϏεӡ༻ߦ
IUUQTXXXZVNFNJDPKQKBXPSLT
͓ͳ͢͠Δ͜ͱ w໊Λ͑Δମ੍ͷεΫϥϜͰҎ্ܧଓ ։ൃ͕ଓ͍͍ͯΔϓϩδΣΫτͷ w ϑϩϯτΤϯυ։ൃͷ։ൃϓϩηε w ϑϩϯτΤϯυΤϯδχΞͷׂ wΏΊΈʹ͓͚ΔϑϩϯτΤϯυΤϯδχΞ w ৬छͱͯ͠ͷۀൣғΛٞͨ͠
w ΏΊΈͷϑϩϯτΤϯδχΞͷਓ૾
໊Λ͑Δମ੍ͷεΫϥϜͰ Ҏ্։ൃ͕ଓ͍͍ͯΔ ϓϩδΣΫτͷ
εΫϥϜͱʁ
ΞδϟΠϧ։ൃख๏ ͷͭ
ΞδϟΠϧ։ൃͷਐΊํ wؔऀతͷୡͷͨΊɺ͓ޓ͍ʹڠྗ͠ ߹͍ͳ͕ΒਐΊΔ wར༻ऀͷԠؔऀ͔ΒͷϑΟʔυόοΫ Λܧଓతʹಘͳ͕ΒɺܭըΛௐ͢Δ w։ൃνʔϜ௨ৗɺਓ͔Βਓ·ͰͰߏ͞ ΕɺਓҎ্ͷ߹ίϛϡχέʔγϣϯί ετ͕૿͑ΔͨΊɺνʔϜΛׂ͢Δ ग़యɿ4$36.#005$".15)�,
͋Εʁ
໊͑ͯΔͷʹ εΫϥϜʁ
࣮ࡍԿਓ͍Δͷʁ
ϓϩμΫτΦʔφʔ ϑϩϯτΤϯυΤϯδχΞ αʔόαΠυΤϯδχΞ σβΠφʔ ςετΤϯδχΞ εΫϥϜϚελʔ
ʙ ࣾ߹ಉνʔϜ
։ൃ͍ͯ͠Δͷ wڞ௨ͷձһج൫Λ࣋ͬͨ&$αΠταΠτͷ ϑϩϯτΤϯυ w ͭϑϧεΫϥον w ͭ$.4ͷΧελϚΠζ
ϑϧεΫϥον $.4 9)5.- $44
։ൃͷྲྀΕ
։ൃͷྲྀΕ Ҋ ݅ ൃ ੜ
Ҋ݅ൃੜ wϓϩμΫτΦʔφʔ͔Βͷґཔ w ϓϩμΫτΦʔφʔΑΓɺ։ൃνʔϜʹʮ͜͏͍ͬͨػೳ ΛʙࠒʹϦϦʔε͍ͨ͠ʯͱ͍͏༰͕ల։͞ΕΔ wओ୲ΛܾΊΔ w σβΠφʔɺϑϩϯτΤϯυΤϯδχΞͷϝΠϯ୲ऀ Λܾఆ
༷ ݕ ౼ ։ൃͷྲྀΕ Ҋ ݅ ൃ ੜ
༷ݕ౼ wσβΠφʔͷݕ౼ࣄ߲ w ը໘ભҠʗϒϨΠΫϙΠϯτผϨΠΞτʗ6*ʗจݴ w ࣮ݱՄ൱ʹ͍ͭͯϝΠϯ୲ΤϯδχΞʹ֬ೝ wϑϩϯτΤϯυΤϯδχΞͷݕ౼ࣄ߲ w σʔλͷऔಘํ๏ʗ σβΠφ͔Βͷ૬ஊͷ্
6*ͷ࣮ݱੑ ͷݕ౼
༷ݕ౼ σβΠφ ͜ͷબࢶ෦ʹ͍ͭͯɺσβΠϯΛΧελϚΠζͨ͠ϓϧμϯʹ͍ͨ͠ ͷͰ͕͢ɺ࣮ݱՄೳͰ͔͢ʁ ϑϩϯτΤϯυΤϯδχΞ ϓϧμϯඪ४ػೳͷͷΛຬͨͨ͠ܗͰϑϩϯτΤϯυͰ࠶ݱ͢Δͷ ݁ߏ͕͔͔Γͦ͏Ͱ͢ɻ ΩʔϘʔυͰը໘Λૢ࡞͞ΕΔ࣌ͷڍಈɺจࣈ͕ଟ͍࣌ͷݟͤํͳͲɺݕ ౼ࣄ߲͕ଟ͘ɺϦϦʔεر࣌ظΛߟ͑Δͱࠓճͷ߹ϥδΦϘλϯͱ͢Δͷ Ͳ͏Ͱ͠ΐ͏͔ɻ
σβΠφ ͳΔ΄ͲɺͰ͋ΕϥδΦϘλϯͰͷ6*Λݕ౼ͯ͠Έ·͢ʂ
༷ ݕ ౼ σ β Π ϯ Ϩ Ϗ
ϡ ʔ ։ൃͷྲྀΕ Ҋ ݅ ൃ ੜ
σβΠϯϨϏϡʔ wϝΠϯσβΠφʔ͕ݕ౼ͨ͠σβΠϯΛઆ໌ Λߦͳ্ͬͨͰօͰϨϏϡʔ͢Δձٞମ w ϓϩμΫτΦʔφʔɾσβΠφʔɾΤϯδχΞɾςετΤ ϯδχΞશͯͷׂͷਓ͕ࢀՃ͢Δࣄ͕·͍͠ w ։ൃ༰ ༷ ͷڞ௨ΠϝʔδΛ࣋ͯΔঢ়گʹ͠ɺ֓ࢉ
Λग़͠ɺ࣮ʹணखͰ͖ΔࣄΛΰʔϧͱ͍ͯ͠Δ w ݕ౼͖͢༰ͷਫ਼্͕͕Γɺେ·͔ͳϦϦʔε·Ͱ ͷΠϝʔδ͕Ͱ͖ΔΑ͏ʹͳΔ
σβΠϯϨϏϡʔ wϑϩϯτΤϯυϨϏϡʔ؍ྫ w σβΠϯͦͷͷͷ֬ೝʢશ৽نͰͳ͍߹ʹσβΠ ϯύλʔϯ͔Β֎Ε͍ͯͳ͍͔ʣ w ΞχϝʔγϣϯΠϯλϥΫγϣϯͷ༗ແ w ঢ়ଶʹԠͨ͡ཁૉͷग़͚͕͋͠Δ͔ w
ϩʔσΟϯάΛೖΕΔ͔Ͳ͏͔ͷݕ౼ w ίϯϙʔωϯτԽͰ͖ͦ͏ͳՕॴͷચ͍ग़͠ w ੳ༻ʹԿ͔Πϕϯτઃఆ͕ඞཁ͔Ͳ͏͔
༷ ݕ ౼ σ β Π ϯ Ϩ Ϗ
ϡ ʔ ࣮ ʗ ς ε τ ઃ ܭ ։ൃͷྲྀΕ Ҋ ݅ ൃ ੜ
࣮ wܾఆ༷ͨ͠ʹج͖ͮɺҙຯͷ͋Δࡉ͔͍୯ ҐͰλεΫΛ࡞ΓɺΤϯδχΞͰ୲͠ͳ͕ Β࣮ΛਐΊΔ
࣮ wରԠڥʗϒϥβ 8JOEPXT.BD"OESPJE J04
࣮ w࣮ͨ͠ͷɺ(JU-BCͷ.FSHF3FRVFTU ͷػೳΛͬͯɺϨϏϡʔΛෳ໊Ͱ࣮ࢪ͢Δ
ςετઃܭ w࣮ͱฒߦͯ͠ɺςετΤϯδχΞʹΑΔςετ ઃܭ͕࣮ࢪ͞ΕΔ wςετઃܭʹ͋ͨΓෆ໌σβΠφʔΤϯ δχΞɺ߹ʹΑͬͯϓϩμΫτΦʔφʔʹ࣭ ͕͋Γɺ༷͕Ξοϓσʔτ͞ΕΔࣄ͕͋Δ wςετઃܭྃͷࡍʹɺ࣮ؔऀ͕ςετ ༰ʹ͍ͭͯϨϏϡʔΛ࣮ࢪ͢Δ
༷ ݕ ౼ σ β Π ϯ Ϩ Ϗ
ϡ ʔ ς ε τ ࣮ ߦ σ ό ο ά ʗ อ ཹ ݕ ౼ ࣮ ʗ ς ε τ ઃ ܭ ։ൃͷྲྀΕ Ϧ Ϧ ʔ ε Ҋ ݅ ൃ ੜ
ϓϩδΣΫτͷྲྀΕ
Ϧ Ϧ ʔ ε Ҋ ݅ ൃ ੜ อ ཹ
ݕ ౼ ς ε τ ྃ ϓϩδΣΫτͷྲྀΕ
ϓϩδΣΫτͷྲྀΕ Ϧ Ϧ ʔ ε Ҋ ݅ ൃ ੜ อ
ཹ ݕ ౼ ς ε τ ྃ
ϓϩδΣΫτͷྲྀΕ Ϧ Ϧ ʔ ε Ҋ ݅ ൃ ੜ อ
ཹ ݕ ౼ ς ε τ ྃ ܭ ը ৼ Γ ฦ Γ ܭ ը ৼ Γ ฦ Γ εϓϦϯτ εϓϦϯτ
શମͰ໊͕ͩ Ҋ݅ผʹνʔϜ͕ ϑϨΩγϒϧʹੜ·Ε͍ͯΔ
ใͷू
εΫϥϜΠϕϯτ wεϓϦϯτܭը wσΠϦʔεΫϥϜʢேձʣ wεϓϦϯτৼΓฦΓ ˠ͜ͷؒɺ,15๏ͰৼΓฦΓΛ͠ଓ͚ͯɺ վળ׆ಈߦͳ͍ͬͯΔ
աڈʹڍ͕ͬͨ՝ͱ վળ๏
ҙຯ͕͗͢ΔλεΫ w՝ɿԿΛͨ͠Β͍͍͔Α͘Θ͔Βͳ͍ w ʮ˓˓ը໘ͷઃܭʯʮ˓˓ػೳͷ։ൃʯͱ͍ͬͯɺ Ͳ͔͜ΒͲ͜·Ͱ͔Θ͔Βͳ͍ wվળɿλεΫʹ໌֬ͳྃ݅Λઃఆ͢Δ w λεΫͷର͕୭͕ݟ࣮ͯࢪͰ͖Δ༰ʹͳ͍ͬͯΔ w ඞཁͳϓϩηε͕͋Δ߹ɺͦΕ͕࣮ࢪ͞Ε͍ͯΔࣄ
w Ռ͕ଘࡏ͢Δ߹ɺՌ͕ఴ͞Ε͍ͯΔࣄ
։ൃྃࡁΈػೳͷ֬ೝ w՝ɿ࣮ σβΠϯΈࠐΈ Λ֬ೝ͢Δࡍʹɺ ֬ೝ͕͍͠ը໘͕͋Δ w ಛघͳΤϥʔൃੜ࣌ɺ͍͔ͭ͘ભҠ͠ͳ͍ͱݟΕͳ͍ ը໘ͳͲ wվળɿσόοάػೳΛ༻ҙ w
Ϣʔβঢ়گʹΑͬͯҟͳΔใΛݻఆʹͨ͠ϦϯΫू Έ͍ͨͳͷΛ࡞
σΠϦʔεΫϥϜͷ࣌ؒԽ w՝ɿਓ͕૿͑Δʹ͋ͨΓσΠϦʔεΫϥϜ ͕͘ͳΔ w શһɺલ࣮ࢪʴࠓ࣮ࢪ༧ఆΛใࠂ͍ͯͨ͠ wվળɿҊ݅ผͷใࠂ w Ҋ݅ͷϝΠϯ୲ऀΛத৺ʹҊ݅͝ͱʹτϐοΫ૬ஊ ࣄ߲ͷใࠂʹมߋ
͜ͷΑ͏ʹͯ͠ɺ ϝϯόʔશһ͕ओମతʹ ߟ͑ɾಈ͖ɾॿ͚߹͏͜ͱͰ ͜ͷϓϩδΣΫτ ΄΅ϝϯόʔͷͳ͠Ͱ Λܴ͍͑ͯ·͢
ΏΊΈʹ͓͚Δ ϑϩϯτΤϯυΤϯδχΞ
ϑϩϯτΤϯυΤϯδχΞͬͯ Ͳ͔͜ΒͲ͜·ͰΔͷʁʁ
ΫϦΤΠςΟϒدΓ ΤϯδχΞϦϯάدΓ ͦΕͧΕʹಘҙྖҬΛ࣋ͭ
ΫϦΤΠςΟϒدΓ wεΩϧൣғ w ը૾ϓϩτλΠϓπʔϧͰදݱ͞ΕͨσβΠϯͷҙਤ Λཧղ͠ɺ)5.-$44+BWB4DSJQUͰΈ্͛ɺදݱ͢ Δ w ӡ༻Λݟਾ͑ͨ)5.-$44ߏΛઃܭ͢Δ w ϒϥβͷαϙʔτঢ়گʹ߹ΘͤͨίʔσΟϯάΛߦ͏
ΤϯδχΞϦϯάدΓ wεΩϧൣғ w Έ্͛ΒΕͨ)5.-$44+BWB4DSJQUΛΞϓϦέʔγϣ ϯͱͯ͠࠷దͳܗͱͳΔΑ͏ʹɺϥΠϒϥϦϑϨʔϜϫʔ ΫΛ༻͍ͯߏங͢Δ
ࣾͷਪٕज़πʔϧ
7VFY 3JPUY
ͲΜͳਓ͕ ϑϩϯτΤϯυΤϯδχΞ Λ͍ͬͯΔͷʁ
എܠͷҧ͍ w༷ʑͳόοΫϘʔϯ w αʔόαΠυ όοΫΤϯυ ͷ։ൃ͔ΒϑϩϯτΤϯυͷ ։ൃʹ w ωΠςΟϒΞϓϦͷ։ൃ͔ΒϑϩϯτΤϯυͷ։ൃʹ w
σβΠφʔ͔ΒϑϩϯτΤϯυͷ։ൃʹ w ϚʔΫΞοϓΤϯδχΞ ίʔμʔ ͔ΒϑϩϯτΤϯυͷ ։ൃʹ w ͍͖ͳΓϑϩϯτΤϯυͷ։ൃʹ
ͭͷؾ࣭ wָ͍ͨ͠ w (SFBTFNPOLFZϒοΫϚʔΫϨοτ
None
None
ͭͷؾ࣭ wศརʹ͍ͨ͠ w ΦϑΟεڥʹϑϩϯτΤϯυͷٕज़Ͱศརʹ w͙͢ࢼͯ͠Έ͍ͨ w ৽͍͠ͷ͕ग़͖ͯͨΒͱΓ͋͑ͣࢼͯ͠ΈΔ
͓߹ͤઌʛגࣜձࣾΏΊΈ ʢ୲ɿછʣ εϚʔτγΣΞϘʔυ Ծ໊ ˞ࢼ࡞ͷҝɺԽ ༧ఆؚΊ ͓ͯ͠Γ·ͤΜɻ ΦϑΟεͷத৺ʹ εϚʔτͳใΛɻ ɾάϥϑΟοΫ6*
ɾؾީมಈʹదԠ ɾۈଵཧ ɾײతͳૢ࡞ײ ɾϚϧνσόΠεରԠ ɾ*P5σόΠε࿈ܞ ɾࣾࢼ࡞ʮεϚʔτϘλϯʯ ɾ"NB[PO&DIP%PU ɾCPU ֦ுೳ ׆༻ ɾ֎෦αʔϏε࿈ܞ ɾఱؾɺۭௐػثɺ࿏ઢͳͲ 1PJOU ˞Πϝʔδ
ಘҙྖҬΛ࣋ͪ αϙʔτ͠߹͍ͳ͕Β ͷͮ͘ΓΛ͢Δ͜ͱ͕͖ ͦΜͳϝϯόʔ͕ ἧ͍ͬͯ·͢
+PJOVT ࣗͰߟ͑ͯͷͮ͘ΓΛ͢Δ͜ͱ͕͖ͳ ΤϯδχΞɾσβΠφʔืूதʂ
ژຊࣾ ౦ژຊࣾ ࡳຈຊࣾ େࡕຊࣾ ݄ ʙ ࡕٸژઢӊؙӺెา ژࢢӦԼమ࢛Ӻెา ౦ٸాԂࢢઢࡾݢӺెา ౦ٸੈా୩ઢࡾݢӺెา
+3ࡳຈӺెา ࡳຈԼమೆઢࡳຈӺెา ೆւͳΜӺెา ͦͷଞ࿏ઢͳΜӺెาʙ !8F8PSL ˞ืू৬छͦΕͧΕͷॴɾ࣌ظʹΑΓมಈ͠·͢
ࠓޙษڧձͳͲओ࠵͍ͯ͘͜͠ͱ༧ఆ͓ͯ͠Γ·͢ʂ ڵຯ͋ΔํϑΥϩʔ͓ئ͍͠·͢ʂ UX!BLUVFIS
5IBOLZPV