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
300
フロントエンドをMonorepo化しない話
マルチレポのリポジトリをモノレポにしようとしたが、やめました。その主な理由は人員不足です。
kasikasikasi
December 20, 2022
Tweet
Share
More Decks by kasikasikasi
See All by kasikasikasi
デザインシステム導入前夜
kasikasikasi
0
250
Laravel多言語化対応
kasikasikasi
0
980
Other Decks in Programming
See All in Programming
【YAPC::Hakodate 2024】TypeScriptエンジニアが感じたPerlのここが面白い
kimitashoichi
1
480
本編では話さない Zig の話
andpad
2
120
Piniaの現状と今後
waka292
2
520
レガシーな Android アプリのリアーキテクチャ戦略
oidy
1
160
GPU Hash Table | レイトレ合宿10
yknishidate
0
330
のびしろを広げる巻き込まれ力:偶然を活かすキャリアの作り方/oso2024
takahashiikki
1
250
Why I Choose NetBeans for Jakarta EE
ivargrimstad
0
850
Програмиране с Rust, ФМИ, 2024
nikolads
0
120
cgroup v2 support in Kubeadm
kentatada
0
220
実践サーバーレスパフォーマンスチューニング ~その実力に迫る~ / Practical Serverless Performance Tuning ~A Close Look at its Power~
seike460
PRO
2
230
モジュラモノリス、その前に / Modular monolith, before that
euglena1215
8
750
組織に自動テストを書く文化を根付かせる戦略(2024秋版) / Building Automated Test Culture 2024 Autumn Edition
twada
PRO
9
3.6k
Featured
See All Featured
Being A Developer After 40
akosma
85
590k
BBQ
matthewcrist
85
9.2k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
7.6k
How to Ace a Technical Interview
jacobian
275
23k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
1.9k
Speed Design
sergeychernyshev
23
550
Navigating Team Friction
lara
183
14k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Ruby is Unlike a Banana
tanoku
96
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
The Invisible Side of Design
smashingmag
297
50k
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ͷεΩʔϚͷߋ৽Ͱ͖͍ͯͳ͍ • ։ൃମݧ͕ѱ͍ • ݸਓͷײ
ϚϧνϨϙͰӡ༻͕ϕλʔ
͓ΘΓ