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.2k
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
230
React Native ことはじめ
nitaking
0
230
2021-06-24 最近のビルドツール調べてみた
nitaking
0
130
Fishのススメ
nitaking
0
72
Blitz.jsの紹介
nitaking
1
1k
Expo WEB × Next.js は実用できるのか?
nitaking
3
1k
react-hooks-loggerつくった話
nitaking
0
500
あの震えるインタラクションを実装したい
nitaking
1
1.4k
アプリリリースまでのつらみあれこれ
nitaking
0
650
Other Decks in Technology
See All in Technology
Witchcraft for Memory
pocke
1
740
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
2
7.6k
Southwest airlines®️ USA Contact Numbers: Complete 2025 Support Guide
oliversmith12
0
110
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
410
KubeCon + CloudNativeCon Japan 2025 Recap
ren510dev
1
360
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
motoyoshi_kakaku
2
910
Tech-Verse 2025 Global CTO Session
lycorptech_jp
PRO
0
1.6k
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
140
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
950
生成AIで小説を書くためにプロンプトの制約や原則について学ぶ / prompt-engineering-for-ai-fiction
nwiizo
6
4k
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
2
570
PO初心者が考えた ”POらしさ”
nb_rady
0
190
Featured
See All Featured
How to Ace a Technical Interview
jacobian
277
23k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
We Have a Design System, Now What?
morganepeng
53
7.7k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Bash Introduction
62gerente
614
210k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
960
BBQ
matthewcrist
89
9.7k
Making Projects Easy
brettharned
116
6.3k
Side Projects
sachag
455
42k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
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で煩雑さを解消できるかも まとめ
みんな使ってみてね!