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を知り、monorepoに苦しんだ話
Search
nitaking
July 06, 2018
Technology
1
1.1k
monorepoを知り、monorepoに苦しんだ話
WEB界隈LT会 2018-07-06
keyword: lerna, monorepo, yarn workspaces, react-native
nitaking
July 06, 2018
Tweet
Share
More Decks by nitaking
See All by nitaking
人は30分でLT資料を作って発表できるのか
nitaking
0
180
React Native ことはじめ
nitaking
0
200
2021-06-24 最近のビルドツール調べてみた
nitaking
0
99
Fishのススメ
nitaking
0
54
Blitz.jsの紹介
nitaking
1
940
Expo WEB × Next.js は実用できるのか?
nitaking
3
1k
react-hooks-loggerつくった話
nitaking
0
460
あの震えるインタラクションを実装したい
nitaking
1
1.3k
アプリリリースまでのつらみあれこれ
nitaking
0
540
Other Decks in Technology
See All in Technology
【Startup CTO of the Year 2024 / Audience Award】アセンド取締役CTO 丹羽健
niwatakeru
0
1k
障害対応指揮の意思決定と情報共有における価値観 / Waroom Meetup #2
arthur1
5
480
インフラとバックエンドとフロントエンドをくまなく調べて遅いアプリを早くした件
tubone24
1
430
いざ、BSC討伐の旅
nikinusu
2
780
AWS Lambda のトラブルシュートをしていて思うこと
kazzpapa3
2
180
Making your applications cross-environment - OSCG 2024 NA
salaboy
0
190
Amazon CloudWatch Network Monitor のススメ
yuki_ink
1
210
Can We Measure Developer Productivity?
ewolff
1
150
Introduction to Works of ML Engineer in LY Corporation
lycorp_recruit_jp
0
120
第1回 国土交通省 データコンペ参加者向け勉強会③- Snowflake x estie編 -
estie
0
130
Security-JAWS【第35回】勉強会クラウドにおけるマルウェアやコンテンツ改ざんへの対策
4su_para
0
180
プロダクト活用度で見えた真実 ホリゾンタルSaaSでの顧客解像度の高め方
tadaken3
0
100
Featured
See All Featured
Unsuck your backbone
ammeep
668
57k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
Navigating Team Friction
lara
183
14k
Statistics for Hackers
jakevdp
796
220k
What's in a price? How to price your products and services
michaelherold
243
12k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Producing Creativity
orderedlist
PRO
341
39k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
A better future with KSS
kneath
238
17k
Intergalactic Javascript Robots from Outer Space
tanoku
269
27k
Agile that works and the tools we love
rasmusluckow
327
21k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Transcript
株式会社エアークローゼット bruno / @nitaking_ monorepoを知り monorepoに苦しんだ 話
今日話すこと monorepoって? monorepoのメリット/デメリット 通常のリポジトリとどう違うのか lerna / yarn workspaces
monorepoってなに?
1リポジトリで 複数projectを管理 monorepoってなに?
こんな感じ npm npm npm ・・・
仕組み A B C ・・・ お互いに symlink で参照 module └A↗
module └A↗ └B↗
通常のプロジェクト 1リポジトリ 1プロジェクト
こんな感じ npm npm npm
こんな感じ npm npm npm submodule でお互いに参照 など
monorepoのメリット
monorepoのメリット 依存関係がシンプル
通常のリポジトリ A B C Aの修正をしたい
通常のリポジトリ A B C Aの修正をしたい 依存
通常のリポジトリ A B C Aの修正をしたい 依存 依存
通常のリポジトリ A B C Aの修正をしたい BとCの修正が必要 依存 依存
通常のリポジトリ A 修正 & リリース
通常のリポジトリ A 修正 & リリース B 修正 & リリース
通常のリポジトリ A B C 修正 & リリース 修正 & リリース
修正 & リリース
通常のリポジトリ 簡単な修正なのに煩雑な作業 依存関係の確認が複雑 ロールバック時も手間 大量のプルリクエスト ?
A B 依存 依存 C monorepo Aの修正をしたい
A B C monorepo リリース1回で済む 修正 呼出元をリファクタ
monorepo 便利じゃん
独立性の高いパッケージ = monorepoのメリット少 パッケージ単位で権限設定したい monorepoに不向きなシーンも
monorepoの デメリット
monorepoの デメリット リポジトリが巨大に
1) cloneだけでも一苦労 2) 全部パッケージのインストール遅い 3) 大量のnpmの管理 デメリット facebookのgitは15GBオーバー(google調べ) 巨大リポジトリ
Lerna Yarn そこで
Lerna マルチパッケージ管理ツール パッケージの一括操作が可能 root A B `lerna bootstrap` で 全パッケージ
`npm install` module module
Yarn npmより速くイケてる jsパッケージマネージャー root A B lerna × yarn =
リポジトリの容量を減らせる module module module
Yarn workspaces hoist root A B module module module 共通するmoduleをrootにhoist(引き上げる)
パッケージはrootのmoduleを参照するようになる moduleの共通化 = スリムに = ビルド時間短縮
Yarn workspaces rootパッケージインストールを4秒待つ代わりに lerna bootstrapの時間が1/25に 出典:One vs. many — Why we moved
from multiple git repos to a monorepo and how we set it up https://hackernoon.com/one-vs-many-why-we-moved-from-multiple-git-repos-to-a-monorepo-and-how-we-set-it-up-f4abb0cfe469 なし あり
これがベスト・プラクティス? Yarn workspaces
しかし うまくいかないことも
トラブル React Native @0.55.4 - metro bundler がroot module参照できない -
RN => root ・・・ NG - RN => 他pkg => root ・・・ NG ReactNativeは workspaces に対応できなかったが、 WEBは快適に運用することが可能。 Yarn workspaces
まとめ
話したこと monorepoについて monorepoのメリット/デメリット 通常のリポジトリとの違い lerna / yarn workspaces
lerna × yarn workspaces は良いよ (ReactNativeはうまくいかなかったけども) 複数パッケージあるならば 早期から導入を検討しても良いのかも monorepoで煩雑さを解消できるかも まとめ
みんな使ってみてね!