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
フロントエンドをMonorepo化しない話
Search
kasikasikasi
December 20, 2022
Programming
0
230
フロントエンドをMonorepo化しない話
マルチレポのリポジトリをモノレポにしようとしたが、やめました。その主な理由は人員不足です。
kasikasikasi
December 20, 2022
Tweet
Share
More Decks by kasikasikasi
See All by kasikasikasi
デザインシステム導入前夜
kasikasikasi
0
240
Laravel多言語化対応
kasikasikasi
0
970
Other Decks in Programming
See All in Programming
An adventure of Happy Eyeballs
coe401_
1
240
RustでAWS Lambda functionをいい感じに書く
taiki45
2
150
How to implement a RubyVM with PHP?
memory1994
PRO
2
560
TypeScriptのパフォーマンス改善
yajihum
14
5.1k
TypeScriptの型とパフォーマンス (TSKaigi 2024)
ypresto
14
4.7k
HonoのRPCで真の型安全が欲しかった
kosei28
1
150
仕様と実装で学ぶOpenTelemetry
drumato
2
1.1k
Introducing Kotlin Multiplatform in an existing mobile app - Workshop Edition | AndroidMakers Paris
prof18
0
180
一文字エイリアスのすすめ
fujimura
0
200
Effectで作る堅牢でスケーラブルなAPIゲートウェイ / Robust and Scalable API Gateway Built on Effect
yasaichi
7
1.2k
freeeのエンジニアが 就活で出そうな コーディングテストを 解説してみる
freee
1
170
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
320
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
BBQ
matthewcrist
80
8.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
Into the Great Unknown - MozCon
thekraken
15
1.1k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
244
12k
What's in a price? How to price your products and services
michaelherold
238
11k
Documentation Writing (for coders)
carmenintech
60
4k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
7k
Transcript
ϑϩϯτΤϯυΛ MonorepoԽ͠ͳ͍ Arcana Meetup No.83 Ryota Kashiwagi
ࣗݾհ • ໊͋ͩ • ͔ͬ͠ʔ • ࠷ۙ • ່ͱ͓··͝ͱ͍ͯ͠·͢ •
ϝϞΞϓϦ • Apple७ਖ਼ϝϞΞϓϦ • ϦϚΠϯμʔ͍ͬͯΔ
ϑϩϯτΤϯυͷߏ WEB APP jQueryʢLaravelʣ React NativeΞϓϦ ReactʢҰ෦ʣ
ϚϧνϨϙϑϩϯτΤϯυͷ՝ • WebʢReact෦ʣͰΞϓϦͷػೳ͕ཉ͍࣌͠ʹೋॏͰ࣮͢Δඞཁ͕͋Δ • ڞ௨ԽͰ͖͍ͯͳ͍ • ઃఆϑΝΠϧʢTypeScriptɺPrettierɺESLintͳͲʣ • packageͷߋ৽͕Ͱ͖͍ͯͳ͍ •
ख͕ճΒͳ͍ • graphqlͷεΩʔϚͷߋ৽Ͱ͖͍ͯͳ͍ • ։ൃମݧ͕ѱ͍ • ݸਓͷײ
ͦ͜ͰMonorepo⚡
Monorepoͱ • ୯ҰͷϨϙδτϦͰιʔείʔυΛཧ͢Δํ๏ • npmͰཧ͍ͯ͠ΔϑϩϯτΤϯυͷϦϙδτϦΛ·ͱΊΔ WEB APP jQueryʢLaravelʣ React NativeΞϓϦ
ReactʢҰ෦ʣ Monorepoʂʂ
Monorepoͨ͠ࡍ ͷσΟϨΫτϦߏ ϚϧνϨϙʢࠓͷߏʣ Monorepo • ϑΥʔϚολʔcon f igܥΛϧʔτσΟ ϨΫτϦʹஔ •
αϒσΟϨΫτϦʢappsҎԼʣ base.con f igΛಡΈࠐΉܗʹ͢Δ • appsʹappͱwebͷΞϓϦέʔγϣϯΛ ஔ͢Δ • uiͱnavigation/routingΞϓϦέʔ γϣϯ͝ͱʹཧ͢Δ • sharedappͱwebͷڞ௨෦Λநग़͠ ஔ͢Δ • ओʹϩδοΫ෦ • package.jsonϧʔτσΟϨΫτϦͰڞ ༗
Monorepo͍͍͡ΌΜ👍
🍊ʻjQueryͰ͍͍Μ͡ΌͶ
React͔ΒjQueryʹҠߦ͢Δ • ReactΤϯδχΞෆ • զʑPHPerͩ • ৽نొ͚ͩReactͰཧ͢Δํ͕ίετ • ޙͷ֦ுੑΛؚΊReactΛಋೖ͕ͨ͠ɺݱঢ়ͳͦ͞͏ •
αʔϏεΛ࣋ଓՄೳʹ͢Δ • ٕज़తʹνϟϨϯδϯάͳ͜ͱΛ͠ͳ͍ํ͕͍͍ • ҆ఆՔಇୈҰ WEB jQuery ReactʢҰ෦ʣ
ϚϧνϨϙϑϩϯτΤϯυͷ՝ • WebʢReact෦ʣͰΞϓϦͷػೳ͕ཉ͍࣌͠ʹೋॏͰ࣮͢Δඞཁ͕͋Δ • ڞ௨ԽͰ͖͍ͯͳ͍ • ઃఆϑΝΠϧʢTypeScriptɺPrettierɺESLintͳͲʣ • packageͷߋ৽͕Ͱ͖͍ͯͳ͍ •
ख͕ճΒͳ͍ • graphqlͷεΩʔϚͷߋ৽Ͱ͖͍ͯͳ͍ • ։ൃମݧ͕ѱ͍ • ݸਓͷײ
ϚϧνϨϙͰӡ༻͕ϕλʔ
͓ΘΓ