Lage
Finally a task runner that truly understands the structure of my workspaces! —Jason Gore, Microsoft Loop Seriously, never build more than onceBuilding once is painful enough! Lage will remember what is done before and skip any work that is not needed. Lage even skips the work based on your changes… really!
ã‚‚ã¯ã‚„ pnpm 㨠Turborepo 㧠Monorepo 環境作れるã‹ã‚‰
ã“ã®è¨˜äº‹ã«ã¤ã„㦠ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ã€‚ 先日ã€pnpm + Turborepo + lerna-lite ã§ä½œã£ãŸ Monorepo 環境ã®è§£èª¬è¨˜äº‹ã‚’書ãã¾ã—㟠👇 今回ã¯ç°¡æ˜“的㪠Monorepo 環境を作ã£ã¦ä¸Šè¨˜ã®æ§‹æˆã‚’解説ã—ã¦è¡Œã“ã†ã‹ã¨æ€ã„ã¾ã™ 💪 ( 最低é™ã® Monorepo 機能ã—ã‹ãªã„ã®ã§éœ€è¦ã¯ã‚ã‚‹ã‹ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒ... )
Git submoduleを使ã£ã¦ãƒžãƒ«ãƒãƒªãƒã‚¸ãƒˆãƒªãªMonorepoを管ç†ã™ã‚‹
LINEæ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚ LINEヤフー Tech Blog ã“ã‚“ã«ã¡ã¯ã€LINEフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚»ãƒ³ã‚¿ãƒ¼ã®çŽ‰ç”°ã§ã™ã€‚新春をåä¹—ã‚‹ã«ã¯ã™ã“ã—é…ã„ã§ã™ãŒã€æ˜¨å¹´é–‹å‚¬ã—ãŸã€ŒUIT新春Tech blogã€ã‚’今年も開催ã—ã¾ã™ï¼ 本日ã‹ã‚‰5日間4日間ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«æºã‚ã‚‹UITã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ¯Žæ—¥æŒã¡å›žã‚Šã§è¨˜äº‹ã‚’公開ã—ã¾ã™ã€‚ãœã²æœ€å¾Œã¾ã§è¦‹ã«æ¥ã¦ãã ã•ã„。 Monorepo フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ãŠã‘ã‚‹Monorepo toolã¯ã€å¤§è¦æ¨¡ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’効率よã管ç†ã™ã‚‹æ‰‹æ®µã¨ã—ã¦ã€ã“ã“æ•°å¹´ã§æ™®åŠãŒé€²ã¿ã¾ã—ãŸã€‚Lernaã‚„Nxã€npmã‚„yarnã®Workspace機能ãªã©ã€ã™ã§ã«çš†ã•ã‚“も使ã£ã¦ã„る例ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 Monorepoを実ç¾ã™ã‚‹ãƒ„ールã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ã©ã®ãƒ„ールも共通ã—ã¦ä»¥
Next.js アプリケーションã®å…±é€šã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé–‹ç™º - クックパッド開発者ブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚レシピサービス開発部ã®kaorun343ã§ã™ã€‚クックパッドã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ページã«ãŠã‘る開発者体験å‘上ã®ãŸã‚ã«ã€ãƒ¬ã‚·ãƒ”サービスã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ Next.js 㨠GraphQL ã®ã‚·ã‚¹ãƒ†ãƒ ã«ç½®ãæ›ãˆã¦ã„る話ã«ã¦ç´¹ä»‹ã—ãŸã¨ãŠã‚Šã€Next.jsã¨GraphQLを用ã„ãŸãƒ¢ãƒ€ãƒ³ãªç’°å¢ƒã¸ã¨ç§»è¡Œã‚’進ã‚ã¦ã„ã¾ã™ã€‚例ãˆã°ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã§URLãŒãƒˆãƒƒãƒ—ページ㮠/ ã§ã‚れ㰠Railsã€ãƒ¬ã‚·ãƒ”詳細ページ㮠/recipe/:id ã§ã‚れ㰠Next.js アプリã«ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ç¾åœ¨ã§ã¯ãƒ¬ã‚·ãƒ”詳細ページã ã‘ã§ã¯ãªã検索çµæžœãƒšãƒ¼ã‚¸ã‚„ã¤ãã‚Œã½è©³ç´°ãƒšãƒ¼ã‚¸ã€MYフォルダページãªã©ã‚‚Next.jsアプリケーションã«ç½®ãæ›ã‚ã£ã¦ã„ã¾ã™ã€‚今回ã¯ãã®ç§»è¡Œã«ã‚ˆã‚Šç”Ÿã˜ãŸèª²é¡Œã¨å–り組ã¿æ–¹ã€ãã‚Œã‹ã‚‰ä½µã›ã¦å®Ÿæ–½ã—ãŸãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒæ•´å‚™ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 共通コンãƒãƒ¼ãƒãƒ³ãƒˆã®å°Žå…¥èƒŒ
Webサービス開発ã§ã®monorepo環境(Turborepo, nx)
Webサービス開発ã®æ–‡è„ˆã§ã€ãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒã‚’作る方法ã«ã¤ã„ã¦æ•´ç†ã—ã¾ã—ãŸã€‚ ※ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚‚フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚‚å…¨ã¦TypeScriptã§é–‹ç™ºã—ã¦ã„ã‚‹å‰æ ã“ã®è¨˜äº‹ã‚’書ã„ãŸèƒŒæ™¯ 世間ã§è¨€ã‚れる「モノレãƒã€ãŒã©ã®ã‚ˆã†ã«é”æˆã•ã‚Œã¦ã„ã‚‹ã®ã‹çŸ¥ã‚‰ãªã‹ã£ãŸ å‚考記事をèªã‚“ã§ã‚‹ã¨å®Ÿç¾æ–¹æ³•ãŒç•°ãªã£ã¦ã„ãŸã‚Šã€é‹ç”¨ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒè¦‹ãˆãªã‹ã£ãŸã‚Šã€ãƒ™ã‚¹ãƒˆãƒ—ラクティスãŒåˆ†ã‹ã‚Šã¥ã‚‰ã‹ã£ãŸ Turborepoã®ã‚ˆã†ãªãƒ¢ãƒŽãƒ¬ãƒãƒ„ールを導入ã™ã‚Œã°è§£æ±ºã—ãã†ã ãŒã€ã“ã®ãƒ„ールãŒä½•ã‚’ã—ã¦ãれるã®ã‹ç†è§£ã§ããªã‹ã£ãŸ モノレãƒä½•ã‚‚分ã‹ã‚‰ãªã„………ã«ãªã£ãŸ ã“ã®è¨˜äº‹ã§ã¯ãƒ¢ãƒŽãƒ¬ãƒã«é–¢é€£ã™ã‚‹ä»•çµ„ã¿ã‚’1ã¤1ã¤ä¸å¯§ã«æŠŠæ¡ã—ã€æœ€çµ‚çš„ã«ç†æƒ³çš„ãªãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒã‚’実ç¾ã™ã‚‹ã“ã¨ã‚’目指ã—ã¾ã™ã€‚ モノレãƒã¨ã¯ï¼Ÿ ã¾ãšã¯ç”¨èªžã®æ•´ç†ã‹ã‚‰ã€‚ モノレãƒã‚’ç´ ç›´ã«è¨³ã›ã°ã€Œ1ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªã€ã¨ã„ã†æ„味ã§ã—ã‹ãªãã€1ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªã§é–‹ç™ºã—ã¦ã„ã‚Œã°ãã‚Œã¯ã€Œãƒ¢ãƒŽãƒ¬ãƒã€ã¨å‘¼ã¹ãã†ã§ã™ã€‚
[TypeScript]モノレãƒç®¡ç†ãƒ„ール比較検討
モノレãƒç®¡ç†ã®ãƒ„ールを検討ã—ãŸã¨ãã®ãƒ¡ãƒ¢ Background 自分ãŒæ‰€å±žã™ã‚‹ãƒãƒ¼ãƒ ã§é–‹ç™ºã™ã‚‹ JavaScript/TypeScript ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãŒå¢—ãˆã¦ãã¦ã€åŒã˜ã‚ˆã†ãªå†…容ã®ãƒªãƒã‚¸ãƒˆãƒªãŒã„ãã¤ã‚‚å˜åœ¨ã—ã¦ã„る（n個ã¨ã™ã‚‹ï¼‰ã€‚ å¤‰æ›´ã‚’åŠ ãˆã¦ã„ãã«ã¤ã‚Œã¦ã€ãã‚Œãžã‚Œã®å·®åˆ†ãŒå¤§ãããªã‚Šã€ä»¥ä¸‹ã®ã‚ˆã†ãªå•é¡ŒãŒç™ºç”Ÿã™ã‚‹ã€‚ 開発ãŒæ¢ã¾ã£ã¦ã„るプãƒã‚¸ã‚§ã‚¯ãƒˆã®æ§‹æˆãŒå¤ããªã‚Šã€ä¿®æ£ã‚³ã‚¹ãƒˆãŒç™ºç”Ÿã™ã‚‹ 開発ãŒè¤‡æ•°åŒæ™‚進行ã—ã¦ã„ã‚‹å ´åˆã€åŒã˜ã‚ˆã†ãªå®Ÿè£…を手動ã§åŒæœŸã™ã‚‹å¿…è¦ãŒã‚ã‚‹ ã“れらã¯å…±é€šã®åŸºç›¤ç‰ãŒã‚ã‚Œã°åŠ¹çŽ‡çš„ã«ï¼ˆç†æƒ³çš„ã«ã¯n分ã®1ã®åŠ´åŠ›ã§ï¼‰é–‹ç™ºãŒå¯èƒ½ã§ã‚ã‚Šã€å°†æ¥çš„ãªã‚³ã‚¹ãƒˆã‚’考ãˆã‚‹ã¨ã€ã„ã¾ã®ã†ã¡ã«ãã®ä»•çµ„ã¿ã‚’考ãˆã¦ãŠããŸã„。 Proposed Solutions è¦ä»¶ã¯ä»¥ä¸‹ 複数ã®ãƒ‘ッケージをnpmã¨ã—ã¦publishã§ãã‚‹ アプリケーションも管ç†ã§ãã‚‹ Nx, Rush, Lerna を主è¦ãªé¸æŠžè‚¢ã¨ã—ã¦ã„ã‚‹
![[TypeScript]モノレãƒç®¡ç†ãƒ„ール比較検討](https://cdn-ak-scissors.b.st-hatena.com/image/square/e204665caf2bdc344987086461dd0424f7c8112d/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--mp4vbqB0--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BTypeScript%25255D%2525E3%252583%2525A2%2525E3%252583%25258E%2525E3%252583%2525AC%2525E3%252583%25259D%2525E7%2525AE%2525A1%2525E7%252590%252586%2525E3%252583%252584%2525E3%252583%2525BC%2525E3%252583%2525AB%2525E6%2525AF%252594%2525E8%2525BC%252583%2525E6%2525A4%25259C%2525E8%2525A8%25258E%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aokmttdhr%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2I5NmZlMjc4YTYuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
lerna/yarn/npm workspacesã¨TypeScript Project Referencesã®è¨å®šã‚’åŒæœŸã™ã‚‹ãƒ„ール
lerna/yarn/npm workspacesã¨TypeScript Project Referencesã®è¨å®šã‚’åŒæœŸã™ã‚‹ãƒ„ール TypeScript Project Referencesã¯ã€tsconfig.jsonåŒå£«ã®ä¾å˜é–¢ä¿‚を定義ã™ã‚‹ã“ã¨ã§ã€åŠ¹çŽ‡çš„ãªãƒ“ルドãŒå¯èƒ½ã«ãªã‚‹ä»•çµ„ã¿ã§ã™ã€‚ Project Referencesã®ä»•çµ„ã¿ã‚’使ã†ã“ã¨ã§ã€monorepoãªã©ä¸€ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªå†…ã§è¤‡æ•°ã®TypeScriptã§æ›¸ã‹ã‚ŒãŸãƒ‘ッケージãŒã‚ã‚‹å ´åˆã«åŠ¹çŽ‡çš„ãªã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ã‚¿ãƒ«ãƒ“ルドãªã©ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€VSCodeãªã©ã®ã‚³ãƒ¼ãƒ‰è£œå®Œã«ä½¿ã‚れるTS-Serverãªã©ã®ã‚¹ã‚ャンも効率的ã«ãªã‚Šã¾ã™ã€‚ Migrating Large TypeScript Codebases To Project References — Developer Tooling Optimizing multi-packag
@nx/react | Nx
The React plugin contains executors and generators for managing React applications and libraries within an Nx workspace. It provides: Integration with libraries such as Jest, Cypress, and Storybook.Generators for applications, libraries, components, hooks, and more.Library build support for publishing packages to npm or other registries.Utilities for automatic workspace refactoring.Setting Up @nx/
How to set up a TypeScript monorepo with Lerna
The focus of this article is enabling code navigation in a TypeScript monorepo work seamlessly without any surprises, meaning that Go to definition in an IDE will work after a fresh clone, without having to build the projects beforehand. A solution with path aliases is presented and two solutions, each with its own advantages and disadvantages, are discussed for building the packages. You can find
Lernaã¨Yarn Workspacesã§Monorepoç®¡ç† - Cybozu Inside Out | サイボウズエンジニアã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚スパートãƒãƒ¼ãƒ ã®å°æž—（@koba04）ã§ã™ã€‚ 本記事ã§ã¯ã€Lerna 㨠Yarn Workspaces を使ã£ãŸ Monorepo 管ç†ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Monorepoã¨ã¯ 本記事ã§ã¯ã€å˜ä¸€ã®ãƒªãƒã‚¸ãƒˆãƒªã§è¤‡æ•°ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚„パッケージ（今回ã®å ´åˆã¯ npm パッケージ）を管ç†ã™ã‚‹æ‰‹æ³•ã‚’ Monorepo ã¨å‘¼ã‚“ã§ã„ã¾ã™ã€‚ 有åãªã¨ã“ã‚ã ã¨ã€Babel ã‚„ Jestã€Create React App ãªã©ãŒå¾Œè¿°ã™ã‚‹ Lerna を使ã„複数パッケージをå˜ä¸€ã®ãƒªãƒã‚¸ãƒˆãƒªã§ç®¡ç†ã—ã¦ã„ã¾ã™ã€‚ ä»–ã«ã‚‚ React ã‚‚ Lerna ã¯ä½¿ã£ã¦ã„ã¾ã›ã‚“ãŒå˜ä¸€ãƒªãƒã‚¸ãƒˆãƒªã§è¤‡æ•°ãƒ‘ッケージを管ç†ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ä¸Šè¨˜ã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ラリ以外ã«ã‚‚ä¼æ¥ã§åˆ©ç”¨ã—ã¦ã„ã‚‹ npm パッケージを Monorepo ã¨ã—ã¦ç®¡ç†ã—ã¦ã„る例もã‚ã‚Šã¾ã™ã€‚下記㯠Shopify ã®ä¾‹ã§ã™ã€‚ pack
Why Lerna and Yarn Workspaces is a Perfect Match for Building Mono-Repos – A Close Look at Features and Performance
Why Lerna and Yarn Workspaces is a Perfect Match for Building Mono-Repos – A Close Look at Features and Performance This post is my take on the topic of Mono-Repo. After a brief introduction to Mono-Repos and a comparison with Multi-Repos, I go into tools for establishing Mono-Repos. I don’t want to assess in great detail what repository type is better in which circumstance. However, the goal of t
Monorepos By Example: Part 1 – codeburst
Monolithic approaches to software development have quite a bad reputation, and rightfully so. Modularization and micro… Instead we are going to explore several practical issues through example. In particular, we are going to use the Lerna tool to manage a monorepo project (a JavaScript project). The final monorepo for this series is available for download. Scaffolding Before we get into the proble
lernaã§ã®monorepoã«ãŠã‘るリリースフãƒãƒ¼(Fixed/Independent)
一ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªã§è¤‡æ•°ã®ãƒ‘ッケージを管ç†ã™ã‚‹éš›ã«ã¯Lernaã¨Yarnã®ãƒ¯ãƒ¼ã‚¯ã‚¹ãƒšãƒ¼ã‚¹ã‚’組ã¿åˆã‚ã›ã¦é‹ç”¨ã™ã‚‹monorepoã«ã™ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ lerna/lerna: A tool for managing JavaScript projects with multiple packages. Lernaã«ã¯Fixed(ã™ã¹ã¦ã®ãƒ‘ッケージãŒåŒã˜ãƒãƒ¼ã‚¸ãƒ§ãƒ³)ã¨Independent(パッケージã”ã¨ã«ç•°ãªã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³)ã®ãƒ¢ãƒ¼ãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ https://github.com/lerna/lerna#how-it-works 基本的ã«ã¯Fixedã®æ–¹ãŒé‹ç”¨ã¯ç°¡å˜ã§ã™ãŒã€ä¸è‡ªç„¶ãªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ä¸ŠãŒã‚Šæ–¹ã‚’é¿ã‘ãŸã„å ´åˆãªã©ã¯Independentã®modeを使ã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Fixed modeã¨Independent modeã§ã®ãƒ‘ッケージã®ãƒªãƒªãƒ¼ã‚¹ãƒ•ãƒãƒ¼ã«ã¤ã„ã¦è¦‹ã¦ã„ãã¾ã™
Lernaを使ã£ã¦Firebase環境ã®ãŸã‚ã®ãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒä¸€å¼ã‚’カッコよã構築ã™ã‚‹ - Qiita
Firebaseã§å¿…è¦ãªç’°å¢ƒè¨å®šã‚’ã¾ã¨ã‚ã¦ã„ãŸã‚‰æ€ã£ãŸã‚ˆã‚Šé•·ããªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ Clientã‚‚Serverã‚‚typescriptã§æ›¸ã„ãŸã‚Šå…±é€šã®lintè¨å®šãªã©ã§ç®¡ç†ã™ã‚‹å ´åˆãƒ¢ãƒŽãƒ¬ãƒå½¢å¼ã§ã‚„ã‚‹ã¨è‰¯ã„ã§ã™ã€‚ ビルド環境ã‹ã‚‰ãƒ†ã‚¹ãƒˆç’°å¢ƒã€CIã®ç’°å¢ƒã¾ã§è§£èª¬ã—ã¾ã™ã€‚ 完æˆå¾Œã®ãƒ¬ãƒã‚¸ãƒˆãƒªã¯ã“ã¡ã‚‰ã§ã™:https://github.com/kyasbal-1994/firebase-monorepo イケã¦ã‚‹ãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒæ§‹ç¯‰ Node.jsã§ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚’書ã„ãŸã‚Šã€è¤‡æ•°ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒã‚ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªå•é¡Œã«ç›´é¢ã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 共用ã§ãるコードãªã®ã«åˆ¥ã€…ã«æ›¸ã„ã¦ã‚‹ 一度æŒã£ã¦ããŸå…±ç”¨ã‚³ãƒ¼ãƒ‰ãªã®ã«å¤ããªã£ã¦ã‚‹ åŒã˜ã‚ˆã†ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãªã®ã«ãƒ‡ãƒ—ãƒã‚¤ã®è¨å®šã¨ã‹ã„ã‚ã„ã‚ãŒã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£æº¢ã‚Œã‚‹ ãƒãƒ¼ãƒ 内ã§åˆ†æ‹…ã«ã‚ˆã£ã¦çŸ¥ã‚‰ãªã„コードãŒå¢—ãˆã¦ã—ã¾ã† ã“ã®ã‚ˆã†ãªå•é¡Œã‚’解決ã™ã¹ãã€Lernaを用ã„ãŸ
橋本商会 » lernaã§monorepoã—ãŸ
monorepoã¨ã„ã†1ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªã«è¤‡æ•°ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’入れる開発手法ãŒã‚る。 ã“ã®è¨˜äº‹ã§çŸ¥ã£ãŸã€‚ å˜ä¸€ãƒªãƒã‚¸ãƒˆãƒªã§è¤‡æ•°package|projectを管ç†ã™ã‚‹ã“ã¨ã‚’monorepoã¨ã„ã†ãㆠ– ãªã£ãæ—¥å ± ãã†ã„ãˆã°RocketIOã‚„node-lindaを作ã£ã¦ã„ãŸæ™‚ã¯è‡ªä½œã®ãƒ©ã‚¤ãƒ–ラリ/パッケージãŒ3,4層ã«ç©ã¿ä¸ŠãŒã£ã¦ã„ã¦ã€å˜ä¸€ãƒ‘ッケージ内ã§ç”Ÿã˜ã‚‹ãƒã‚°ã¯ãƒ†ã‚¹ãƒˆã‚’書ã‘ã°æ½°ã›ã‚‹ã‘ã©ãƒ‘ッケージ間ã§èµ·ã“ã‚‹ãƒã‚°ã¯éžå¸¸ã«è§£æ±ºãŒé›£ã—ã‹ã£ãŸã€‚イベント発ç«ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã«ã‚ˆã‚‹ã‚‚ã®ã¨ã‹ã€‚パッケージをã¾ãŸãŒã£ãŸãƒ†ã‚¹ãƒˆã‚’ã©ã“ã«æ›¸ãã®ã‹ã¨ã„ã†å•é¡ŒãŒã‚る。 複数パッケージã§èµ·ã“ã£ãŸãƒã‚°ã¯ã©ã£ã¡ã®issueã«æ›¸ã‘ã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã—ã€ä¸¡æ–¹ã§ãƒ–ランãƒåˆ‡ã£ã¦åŒæ™‚ã«ä¿®æ£ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã—ãŸã‚Šã¨ã‹è¶…é¢å€’ã ã£ãŸã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³æ¯Žã®ä¾å˜é–¢ä¿‚ã‚‚ã€serverã®1.3ã«å¯¾å¿œã—ã¦ã‚‹ã®ã¯clientã®1.5ã§ãƒ»ãƒ»ã¨ã‹ä¾å˜é–¢ä¿‚を書ãã®ãŒã‚„
How to use yarn workspaces with Create React App and Create React Native App (Expo) to share common…
The goal of this tutorial is to make a monorepo using yarn workspaces to share common code across a Create React App (CRA) and a Create React Native App (CRNA/Expo). There are currently some issues with the projects that when fixed, these workarounds shouldn’t be needed anymore: facebook/metro#1,react-community/create-react-native-app#232,react-community/create-react-native-app#340,react-community
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Painless monorepo dependency management with Bit
GitHub - hisasann/gas-typescript-starter: 🡠Google Apps Script + TypeScript + lerna ðŸ¼
Nx: Smart Monorepos · Fast CI
TypeScript + Yarn Workspace Monorepo
{{#tags}}- {{label}}
{{/tags}}