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
210
チーム開発を円滑に進めるためのOSS / Lightning TechTalks 20231102
dachi023
0
410
なぜその技術を使うのか? / Connehito marche online 20201112
dachi023
0
800
リモートワークの導入から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
430
エンジニアがUIデザインをしてみた話
dachi023
1
1.3k
Other Decks in Programming
See All in Programming
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
3.8k
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
240
エラーって何種類あるの?
kajitack
5
340
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
0
740
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
450
技術同人誌をMCP Serverにしてみた
74th
1
540
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
120
Discover Metal 4
rei315
2
110
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
140
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
530
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
520
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Agile that works and the tools we love
rasmusluckow
329
21k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Speed Design
sergeychernyshev
32
1k
Designing for Performance
lara
609
69k
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
Git: the NoSQL Database
bkeepers
PRO
430
65k
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