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
240
React Native ことはじめ
nitaking
0
240
2021-06-24 最近のビルドツール調べてみた
nitaking
0
140
Fishのススメ
nitaking
0
72
Blitz.jsの紹介
nitaking
1
1k
Expo WEB × Next.js は実用できるのか?
nitaking
3
1k
react-hooks-loggerつくった話
nitaking
0
510
あの震えるインタラクションを実装したい
nitaking
1
1.4k
アプリリリースまでのつらみあれこれ
nitaking
0
650
Other Decks in Technology
See All in Technology
コミュニティと計画的偶発性理論 - 出会いが人生を変える / Life-Changing Encounters
soudai
PRO
7
1.3k
Exadata Database Service on Dedicated Infrastructure セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
1
360
ZOZOTOWNフロントエンドにおけるディレクトリの分割戦略
zozotech
PRO
14
4.9k
ドキュメントはAIの味方!スタートアップのアジャイルを加速するADR
kawauso
3
200
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
2
20k
生成AI利用プログラミング:誰でもプログラムが書けると 世の中どうなる?/opencampus202508
okana2ki
0
190
人を動かすことについて考える
ichimichi
2
310
Claude Code x Androidアプリ 開発
kgmyshin
1
540
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.6k
あなたの知らない OneDrive
murachiakira
0
230
帳票Vibe Coding
terurou
0
130
Rethinking Incident Response: Context-Aware AI in Practice - Incident Buddy Edition -
rrreeeyyy
0
130
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
223
9.9k
Documentation Writing (for coders)
carmenintech
73
5k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
780
Building an army of robots
kneath
306
46k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
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で煩雑さを解消できるかも まとめ
みんな使ってみてね!