Renovateを使ってフロントエンドのバージョンアップを改善した話 | PR TIMES 開発者ブログ

2024/02/16 19 users React Renovate リポジトリ ライブラリ コード

こんにちは、フロントエンドエンジニアの小張です。Renovateを使ってフロントエンドのパッケージやライブラリのバージョンアップを改善したことについて紹介します。 PR TIMESではReactに関するコードを、monorepoとしてprtimes-frontendという1つのリポジトリで管理しています。 このリポジトリは作成されてから2年ほど... 続きを読む

monorepo で開発時にパッケージの変更を build なしで他のパッケージに反映する方法

2023/11/18 5 users BUILD Scripts dist tsc src

{ "name": "lib-a", "version": "0.0.0", "type": "module", "main": "dist/index.js", "scripts": { "build": "rm -rf dist && tsc" } } この場合、lib-a の src/index.ts を変更だけしても lib-b には反映されません。なぜなら lib-b は lib-a の dist/index.js を参照しているため、build を実行して dist ディレクト... 続きを読む

モノレポにすべきか、レポジトリを分割すべきか

2023/05/24 197 users Twitter レポジトリ リポジトリ バス 言及

先日 フロントエンドの Monorepo をやめてリポジトリ分割したワケ というブログがバズっていた。そのおかげか、Twitter でもモノレポに関する言及がちょこちょこあった。一家言あるドメインなので書きたい。ただの一家言(a.k.a お気持ち)なのでぜひ皆さんの意見も聞いてみたい。 tl;dr 別に自分はどっち派とかではなく、... 続きを読む

フロントエンドの Monorepo をやめてリポジトリ分割したワケ - カミナシ エンジニアブログ

2023/05/21 85 users React manabusakai リポジトリ 坂井 カミナシ

こんにちは。ソフトウェアエンジニアの坂井 (@manabusakai) です。 カミナシのプロダクトは、管理者の方が使う Web アプリに React、現場の方が使う iPad / iPhone アプリに React Native を採用しています。 どちらもフロントエンドの技術スタックを採用していることもあり、先日までは Monorepo と Yarn Workspaces の... 続きを読む

Renovate の大量の Pull Request を処理する技術 - スタディサプリ Product Team Blog

2022/02/17 18 users Renovate SRE suzuki-shunsuke

こんにちは。 SRE の @suzuki-shunsuke です。 Terraform Monorepo に対する Renovate の大量の Pull Request を処理するための技術について紹介します。 背景 過去ブログで何度か紹介しているように、弊プロダクトでは Terraform の Monorepo を管理しています。 先日、 CI を AWS CodeBuild から GitHub Actions + tfa... 続きを読む

turborepo で monorepo の差分ビルド

2022/01/06 11 users turborepo package.json ビルドツール

Turborepo vercel が開発した monorepo 環境のためのビルドツールです。vercel ですが next 非依存です。 turborepo が何を解決するか node.js に限らず monorepo 環境下では、それぞれの内部モジュールのビルドは個別に行われることが多いです。ここでいう内部モジュールは、 package.json を持つディレクトリ単位、と... 続きを読む

amplify でモノレポのパッケージをデプロイする最小構成

2021/08/17 6 users Amplify alias package.json 標準

今思えばすごく簡単な話でしたが、monorepo を実現する最小構成が分からなくてちょっとつまづいたのでメモです。 そもそも monorepo 用の設定はいるのか？ amplify は標準で monorepo 用のサポートや機能が存在しています。 ユーザーからしてみれば、root の package.json から 各 workspace への alias を貼っておき、r... 続きを読む

Amplify + Nx (React + Typescript) で爆速で monorepo 環境を構築する - Techtouch Developers Blog

2020/12/09 20 users Amplify React TypeScript 爆速 環境

この記事はテックタッチアドベントカレンダー9 日目の記事です。 8 日目は ポエマー masaru 氏による 少女に何が起ったか ～少女が他人のウェブサーバー構成を知るまでにやったいくつかのこと、そしてその結末～ でした。 ただのポエムかと思いきやかなりコアなセキュリティの話だったのでとても勉強になりました。 テッ... 続きを読む

LernaとYarn WorkspacesでMonorepo管理 - Cybozu Inside Out | サイボウズエンジニアのブログ

2020/04/21 5 users npm Lerna リポジトリ サイボウズエンジニア 小林

こんにちは、フロントエンドエキスパートチームの小林（@koba04）です。 本記事では、Lerna と Yarn Workspaces を使った Monorepo 管理について解説します。 Monorepoとは 本記事では、単一のリポジトリで複数のモジュールやパッケージ（今回の場合は npm パッケージ）を管理する手法を Monorepo と呼んでいます。 有名... 続きを読む

lernaでのmonorepoにおけるリリースフロー(Fixed/Independent) | Web Scratch

2019/01/26 41 users fixed INDEPENDENT YARN Lerna パー

一つのリポジトリで複数のパッケージを管理する際にはLernaとYarnのワークスペースを組み合わせて運用するmonorepoにすることが多いです。 lerna/lerna: A tool for managing JavaScript projects with multiple packages. LernaにはFixed(すべてのパッケージが同じバージョン)とIndependent(パッケージごとに異なるバー... 続きを読む

React Nativeハイブリッドアプリへの挑戦 ~ Part2: 導入/Bridge ~ - Quipper Product Team Blog

2018/09/10 39 users Quipper Product Team Blog 導入

モバイルエンジニアの@hotchemiです。 Part1からすっかり時間が空いてしまい恐縮ですが引き続き弊社のReact Nativeハイブリッドアプリの取り組みについて語っていければと思います。 段階的なインテグレーション 前回のエントリでmonorepoへの移行とCIの整備について語りましたが、今回は実際にどの様にインテグレーショ... 続きを読む

React Nativeハイブリッドアプリへの挑戦 ~Part1: Monorepo/CI~ - Quipper Product Team Blog

2018/07/01 63 users Quipper Product Team Blog 挑戦

モバイルエンジニアの@hotchemiです。 数週間前にReact Native at Airbnb(非公式の日本語訳)が世間を賑わせましたが、皆様いかがお過ごしでしょうか。 弊社でもここ数ヶ月Nativeで書かれたスタディサプリのiOS/AndroidアプリにReact Nativeを部分的に導入していく、いわゆるハイブリッドアプリ開発体制に挑戦しており、... 続きを読む

Lerna を使って、 Babel や React が採用している monorepo を試してみる - Qiita

2016/01/06 47 users repository Qiita React Lerna 複数

monorepo とは 複数の npm package を 単一の git repository で管理すること 例えば Babel では、 100 以上の npm package が単一の git repository で管理されている https://github.com/babel/babel/tree/master/packages package 毎に repository を作る場合と... 続きを読む