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
350
フロントエンドをMonorepo化しない話
マルチレポのリポジトリをモノレポにしようとしたが、やめました。その主な理由は人員不足です。
kasikasikasi
December 20, 2022
Tweet
Share
More Decks by kasikasikasi
See All by kasikasikasi
デザインシステム導入前夜
kasikasikasi
0
270
Laravel多言語化対応
kasikasikasi
0
990
Other Decks in Programming
See All in Programming
5つのアンチパターンから学ぶLT設計
narihara
1
170
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
390
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
130
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
130
RailsGirls IZUMO スポンサーLT
16bitidol
0
180
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
320
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
160
Team operations that are not burdened by SRE
kazatohiei
1
310
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.3k
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
140
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
270
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
170
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Code Review Best Practice
trishagee
69
18k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
The Cult of Friendly URLs
andyhume
79
6.5k
Done Done
chrislema
184
16k
Practical Orchestrator
shlominoach
189
11k
GitHub's CSS Performance
jonrohan
1031
460k
How STYLIGHT went responsive
nonsquared
100
5.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Visualization
eitanlees
146
16k
We Have a Design System, Now What?
morganepeng
53
7.7k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
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ͷεΩʔϚͷߋ৽Ͱ͖͍ͯͳ͍ • ։ൃମݧ͕ѱ͍ • ݸਓͷײ
ϚϧνϨϙͰӡ༻͕ϕλʔ
͓ΘΓ