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
2年運用したサービスのフロントをReactで書き換えたい話
Search
dachi023
October 12, 2016
Programming
5
2.1k
2年運用したサービスのフロントをReactで書き換えたい話
16.10.12 tech_eight_react
dachi023
October 12, 2016
Tweet
Share
More Decks by dachi023
See All by dachi023
AI時代のリアーキテクチャ戦略 / Re-architecture Strategy in the AI Era
dachi023
0
230
チーム開発を円滑に進めるためのOSS / Lightning TechTalks 20231102
dachi023
0
420
なぜその技術を使うのか? / Connehito marche online 20201112
dachi023
0
810
リモートワークの導入から3ヶ月 / Connehito marche online 20200311
dachi023
2
3k
急に大量のHTMLが必要になったこと、ありませんか? / BIT VALLEY INSIDE vol8
dachi023
0
8k
ママリのweb技術の今と未来 / mamari's front-end present and future
dachi023
2
1.4k
beginner_react_flux
dachi023
1
440
エンジニアがUIデザインをしてみた話
dachi023
1
1.3k
Other Decks in Programming
See All in Programming
CLI ツールを Go ライブラリ として再実装する理由 / Why reimplement a CLI tool as a Go library
ktr_0731
3
510
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
hiliteeternal
0
270
構造化・自動化・ガードレール - Vibe Coding実践記 -
tonegawa07
0
150
MySQL9でベクトルカラム登場!PHP×AWSでのAI/類似検索はこう変わる
suguruooki
1
240
iOS開発スターターキットの作り方
akidon0000
0
200
Bedrock AgentCore ObservabilityによるAIエージェントの運用
licux
8
280
Jakarta EE Meets AI
ivargrimstad
0
350
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
210
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
710
What's new in Adaptive Android development
fornewid
0
110
効率的な開発手段として VRTを活用する
ishkawa
1
180
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
1k
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
What's in a price? How to price your products and services
michaelherold
246
12k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Navigating Team Friction
lara
187
15k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Transcript
ӡ༻ͨ͠αʔϏεͷ ϑϩϯτΛ3FBDUͰॻ͖͍͑ͨ 3FBDUษڧձWPMٸελʔτΞοϓΛࢧ͑Δ3FBDUٕज़-5 $POOFIJUP JOD ՈͷຖΛͬͱসإʹɻ
ϓϩϑΟʔϧ 3ZP"EBDIJ $POOFIJUP *OD'SPOUFOEFOHJOFFS !EBDIJ !EBDIJ@
࠷ۙͷग़དྷࣄ w ഏʹ͕݀։͖·ͨ͠ w පӃ৯ຯ͕ബ͍ w ୀӃޙʹϥʔϝϯΛ৯ͨ w ͘͢͝ඒຯ͔ͬͨ͠Ͱ͢ʜ ͡ΊͯͷೖӃ
w 3FBDUΛಋೖ͍ͨ͠ w Ϟμϯͳڥͮ͘Γ w طଘίʔυͷϦϑΝΫλ w 3FBDUͷಋೖ ͢༰
3FBDUΛಋೖ͍ͨ͠ 3FBDUษڧձWPMٸελʔτΞοϓΛࢧ͑Δ3FBDUٕज़-5
3FBDUΛಋೖ͍ͨ͠ཧ༝ w %0.ૢ࡞͔Βղ์͞Ε͍ͨ w 'MVYͰঢ়ଶཧΛෳࡶԽͤ͞ͳ͍ w ϑϩϯτपΓΛϞμϯʹ͍ͯ͘͠ ଞʹ͍Ζ͍Ζ 3FBDUҠߦͷϝϦοτ
2"ΞϓϦ XFCϝσΟΞ Ϋϥυιʔγϯά ϚϚϦαϙʔλʔζ ϚϚϦ ϚϚϦ2 $POOFIJUPͷϚϚϦࣄۀ
2"ΞϓϦ XFCϝσΟΞ Ϋϥυιʔγϯά ϚϚϦαϙʔλʔζ ϚϚϦ ϚϚϦ2 $POOFIJUPͷϚϚϦࣄۀ ࠓճͷλʔήοτ
Ϋϥυιʔγϯά ϚϚϦαϙʔλʔζ ϚϚϦαϙʔλʔζʹͨ͠ཧ༝ ࠓճͷλʔήοτ w ϚϚϦ2ΞϓϦ w 4&0Λؾʹ͠ͳͯ͘ྑ͍ w ࣮ܦݧ͕ଟ͍
ݟ͕͋Δ ͳͥαϙʔλʔζ͔
͔͠͠ w OQNܦ༝ͱ%-͕ڞଘ w SFRVJSFFYQPSU͑ͳ͍ w ίʔυશͯ&4 w K2VFSZͱ#BDLCPOF͕ϝΠϯ w
ϑΝΠϧઍߦͷίʔυ 3FBDUͷಋೖʹ·ͩԕ͍
3FBDUΛ࢝ΊΔલʹ w ϞμϯͳڥΛ༻ҙ͢Δ w طଘίʔυͷϦϑΝΫλΛ͢Δ ಋೖͷͨΊͷ४උ
Ϟμϯͳڥͮ͘Γ 3FBDUษڧձWPMٸελʔτΞοϓΛࢧ͑Δ3FBDUٕज़-5
Ϟμϯͳڥͮ͘Γ w ґଘϥΠϒϥϦΛશͯOQNͰཧ w XFCQBDLͰϏϧυ͢Δ w #BCFMͰ&4·ͰରԠ ͬͨ͜ͱ
Ϟμϯͳڥͮ͘Γ w ະ༻όʔδϣϯෆ໌ͷϥΠϒϥϦ͕͋Δ w ͍ͬͯͨϥΠϒϥϦશͯOQNରԠ͍ͯͨ͠ w όʔδϣϯ͕͔Βͳ͍ͷ࠷৽ʹͯ͠ΈΔ ಈ͍ͨΒϥοΩʔɺಈ͔ͳ͔ͬͨΒमਖ਼ w Γସ͑ͨΒHJUSNIPHFKTͯ͠ফ͍ͯ͘͠
ґଘϥΠϒϥϦΛશͯOQNͰཧ
Ϟμϯͳڥͮ͘Γ w SFRVJSFFYQPSU͕Ͱ͖Δڥͮ͘Γ w XBUDINPEFͰߴͳࠩϏϧυ w େͨ͠ΠϨΪϡϥʔͳ͘ҠߦͰ͖ͨ w ͍͍ͩͨMPBEFSͰαΫοͱղܾ͢Δ w
શͯOQNཧʹͨ͠ͷ͕ྑ͔ͬͨ XFCQBDLͰϏϧυ͢Δ
Ϟμϯͳڥͮ͘Γ w ࡦఆ͞Ε༷ͨͲΜͲΜऔΓࠐΈ͍ͨ w ಛʹ&4͕͋Δͱ͋Γ͕͍ͨ w XFCQBDLΛհͯ͠Ϗϧυ͢ΔͷͰCBCFMMPBEFSͰରԠ #BCFMͰ&4·ͰରԠ
طଘίʔυͷϦϑΝΫλ 3FBDUษڧձWPMٸελʔτΞοϓΛࢧ͑Δ3FBDUٕज़-5
طଘίʔυͷϦϑΝΫλ w SFRVJSFFYQPSUΛ͏ w &4ͷه๏Ͱॻ͘ w -JOUFSΛͬͯίʔυͷܗ ͬͨ͜ͱ
طଘίʔυͷϦϑΝΫλ w άϩʔόϧͳఆٛΛফͯ͠FYQPSU͢ΔΑ͏ʹमਖ਼ w ઍߦ͋ΔϑΝΠϧΛෳʹׂͯ͠ݟ௨͠ͷѱ͞վળ w ݺͼग़͠ճ͕গͳ͍ͷ͔ΒΔͱؾ࣋ͪతʹָ w ίʔυશମͷӨڹগͳ͍ w
6UJMܥͱ͔࠷ޙʹؾ߹͍ೖΕͯΔ SFRVJSFFYQPSUΛ͏
طଘίʔυͷϦϑΝΫλ w ߏจܥΛ༏ઌతʹऔΓࠐΜͰॻ͖͍͑ͯ͘ w GVODUJPO B C ˠ B C
\^ w WBSΛMFU DPOTUʹஔ͖͑Δ w ৽͍ؔ͠ॻ͖͑ʹ͕͔͔࣌ؒΔͷ͕ଟ͍ w ػೳ࣮தͱ͔ʹ৮ͬͨ෦Λ͍ͭͰʹ͢ &4ͷه๏Ͱॻ͘
طଘίʔυͷϦϑΝΫλ w ਓʹΑͬͯॻ͖ํʹΒ͖͕ͭ͋ͬͯϝϯςͮ͠Β͍ w &4-JOUΛಋೖ w FTMJOUSFDPNNFOEFEͰҾ͔͔ͬͬͨ෦Λ·ͣमਖ਼ w ऴΘͬͨΒϧʔϧΛՃͯͦ͠ΕΛमਖ਼ɺΛ܁Γฦ͢ -JOUFSΛͬͯίʔυͷܗ
هࣄॻ͍ͨ✏ &4-JOUΛ్தͰಋೖͨ͠ͱ͖ͷFTMJOUSDͷઃఆͱӡ༻ํ๏ʹ͍ͭͯߟ͑ͨ IUUQUFDIDPOOFIJUPDPNFOUSZ
&4-JOUͷಋೖ w Πϯσϯτεϖʔε w վߦίʔυ-' w WBS༻ېࢭ w ηϛίϩϯෆཁ SFDPNNFOEFEҎ֎ͷϧʔϧ
ϦϑΝΫλͨ݁͠Ռ w ϦϑΝΫλظؒϲ݄ w ΊͪΌΊͪΌݮͬͨݟ௨͠ྑ͘ͳͬͨ େ෯ͳίʔυͷॖ
3FBDUͷಋೖ 3FBDUษڧձWPMٸελʔτΞοϓΛࢧ͑Δ3FBDUٕज़-5
ਐḿͲ͏Ͱ͔͢ʁ w ·ͩͰ͖͍ͯͳ͍ w ผ࡞ۀʹϦιʔε͍ͯͯͨ ࣍εϥΠυ ະணख
3FBDUԽਐΜͰ͍Δ w αʔϏεͱͦͷཧػೳͷີ݁߹͕ى͖͍ͯΔ w ཧػೳΛΓग़ͯ͠σεΫτοϓΞϓϦԽ͍ͯ͘͠ w 3FBDU 'MVY 'MVY6UJMT Ͱ࣮
w ্ཱ͔ͪ͛ͨΓͰࠓਓͰ։ൃத ཧػೳͷ&MFDUSPOԽ
ࠓޙͷ࡞ઓ w #BDLCPOF7JFXΛ3FBDU$PNQPOFOUʹॻ͖͍͑ͯ͘ w IBOEMFCBSTͷ࣮KTYͱͯ͠$PNQPOFOUʹؚ·ͤΔ ίʔυͷॻ͖͑
ࠓޙͷ࡞ઓ w 'MVY6UJMTʹ͢Δ༧ఆ w ബ͘'MVYͷαΠΫϧΛಋೖͰ͖Δ w 3FEVY΄Ͳͷ༏ल͞ඞཁͳ͍ 'MVYϑϨʔϜϫʔΫ
ࠓޙͷ࡞ઓ w ࠷ऴతʹK2VFSZґଘΛʹ͍ͨ͠ w $44ʹͰ͖ΔՕॴ$44Ͱॻ͖͢ w 6UJMJUZతʹ͍ͬͯΔ෦MPEBTIͳͲʹ͍ͯ͘͠ K2VFSZͷআ
͍͞͝ʹ 3FBDUษڧձWPMٸελʔτΞοϓΛࢧ͑Δ3FBDUٕज़-5
͍͞͝ʹ w ͙͢ʹղܾͰ͖ΔͰͳ͍ w ͍ͰݟΔͷ͕େࣄ w ಓʹ͢៉ྷʹ͍ͯ͘͠ w 3FBDUͱϞμϯ+4ͷѪ͕͋ΕΓ͛ΒΕΔ ͘͢͝େมͰ͢
͍͞͝ʹ ࠓޙؤுΓ·͢
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ $POOFIJUP JOD ՈͷຖΛͬͱসإʹɻ 3FBDUษڧձWPMٸελʔτΞοϓΛࢧ͑Δ3FBDUٕज़-5