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
Googleの新しいコーディングAIエージェントJulesを使ってみた
tonionagauzzi
0
150
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
non0113
2
240
slogパッケージの深掘り
integral0515
0
160
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
520
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
2
190
Streamlitで実現できるようになったこと、実現してくれたこと
ayumu_yamaguchi
2
230
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
10k
ソフトウェア設計とAI技術の活用
masuda220
PRO
25
6.9k
TypeScriptでDXを上げろ! Hono編
yusukebe
3
870
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
4
710
PHPカンファレンス関西2025 基調講演
sugimotokei
5
1k
階層化自動テストで開発に機動力を
ickx
1
440
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Language of Interfaces
destraynor
158
25k
Side Projects
sachag
455
43k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Designing for humans not robots
tammielis
253
25k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
720
Agile that works and the tools we love
rasmusluckow
329
21k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
Scaling GitHub
holman
461
140k
Visualization
eitanlees
146
16k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
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ͷεΩʔϚͷߋ৽Ͱ͖͍ͯͳ͍ • ։ൃମݧ͕ѱ͍ • ݸਓͷײ
ϚϧνϨϙͰӡ༻͕ϕλʔ
͓ΘΓ