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
170
React Native ことはじめ
nitaking
0
190
2021-06-24 最近のビルドツール調べてみた
nitaking
0
97
Fishのススメ
nitaking
0
53
Blitz.jsの紹介
nitaking
1
930
Expo WEB × Next.js は実用できるのか?
nitaking
3
990
react-hooks-loggerつくった話
nitaking
0
450
あの震えるインタラクションを実装したい
nitaking
1
1.3k
アプリリリースまでのつらみあれこれ
nitaking
0
530
Other Decks in Technology
See All in Technology
AWS CodePipelineでコンテナアプリをデプロイした際に、古いイメージを自動で削除する
smt7174
1
100
Vueで Webコンポーネントを作って Reactで使う / 20241030-cloudsign-vuefes_after_night
bengo4com
4
2.5k
omakaseしないための.rubocop.yml のつくりかた / How to Build Your .rubocop.yml to Avoid Omakase #kaigionrails
linkers_tech
3
740
物価高なラスベガスでの過ごし方
zakky
0
380
新卒1年目が挑む!生成AI × マルチエージェントで実現する次世代オンボーディング / operation-ai-onboarding
cyberagentdevelopers
PRO
1
170
Product Engineer Night #6プロダクトエンジニアを育む仕組み・施策
hacomono
PRO
1
470
Shift-from-React-to-Vue
calm1205
3
1.3k
プロダクト成長に対応するプラットフォーム戦略:Authleteによる共通認証基盤の移行事例 / Building an authentication platform using Authlete and AWS
kakehashi
1
150
10分でわかるfreeeのQA
freee
1
3.4k
日経電子版におけるリアルタイムレコメンドシステム開発の事例紹介/nikkei-realtime-recommender-system
yng87
1
510
コンテンツを支える 若手ゲームクリエイターの アートディレクションの事例紹介 / cagamefi-game
cyberagentdevelopers
PRO
1
130
Commitment vs Harrisonism - Keynote for Scrum Niseko 2024
miholovesq
6
1.1k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
14
1.9k
Producing Creativity
orderedlist
PRO
341
39k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.4k
What's in a price? How to price your products and services
michaelherold
243
12k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
What's new in Ruby 2.0
geeforr
342
31k
Making the Leap to Tech Lead
cromwellryan
132
8.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Bash Introduction
62gerente
608
210k
The Cult of Friendly URLs
andyhume
78
6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
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で煩雑さを解消できるかも まとめ
みんな使ってみてね!