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
PicoRuby on Rails
makicamel
2
120
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
750
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
270
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
510
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
10k
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
8.5k
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
230
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
130
ふつうの技術スタックでアート作品を作ってみる
akira888
0
460
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
160
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
690
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
120
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
960
YesSQL, Process and Tooling at Scale
rocio
173
14k
Designing for Performance
lara
610
69k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Code Reviewing Like a Champion
maltzj
524
40k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
How STYLIGHT went responsive
nonsquared
100
5.6k
Become a Pro
speakerdeck
PRO
28
5.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Visualization
eitanlees
146
16k
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ͷεΩʔϚͷߋ৽Ͱ͖͍ͯͳ͍ • ։ൃମݧ͕ѱ͍ • ݸਓͷײ
ϚϧνϨϙͰӡ༻͕ϕλʔ
͓ΘΓ