Nx

「Assignment rules」でCIのコスト削減!Nx Agentsの新機能を使ってみました

ファインディ株式会社 でフロントエンドのリードをしております新福(@puku0x)です。 弊社では、フロントエンド系のリポジトリの多くに Nx を採用しています。 Nxは、Nx Cloudと連携することでCIの高速化やコストパフォーマンスの改善が期待できます。 直近の…

Nx活用術! @nx/enforce-module-boundaries を使いこなして依存関係を制御しよう

ファインディ株式会社 でフロントエンドのリードをしている新福(@puku0x)です。 弊社のフロントエンドの多くは、プロダクト単位のモノレポで管理されています。 Nx を用いたモノレポでは、アプリケーションや関連モジュールを「プロジェクト」として管理して…

NxのGeneratorを活用した管理画面200ページのリニューアル事例

ファインディ株式会社でフロントエンドの開発をしております千田(@_c0909)です。 この記事はFindy Advent Calendar 2024 24日目の記事です。 adventar.org 転職サービス『Findy』の管理画面リニューアルプロジェクトで、約200ページ規模の開発をしました。 …

Nx活用術!モノレポ内のStorybookのパス設定自動化

ファインディ株式会社でフロントエンドのリードをしている新福(@puku0x)です。 この記事はFindy Advent Calendar 2024 4日目の記事です。 adventar.org Nxはモノレポ管理の便利なユーティリティとして @nx/devkit を提供しています。 今回は @nx/devkit を利…

Nx活用術!Larger runnerの動的設定でGitHub Actionsのコスパ改善!

ファインディ株式会社でフロントエンドのリードをしている新福(@puku0x)です。 皆さん、GitHub ActionsのLarger runnerはご存知でしょうか? 高性能なマシンを使ってCIを実行できる一方、変更の少ない場合や計算負荷の低いCIではコストパフォーマンスが悪く…

Nx Agentsを導入してフロントエンドのCIを約40%高速化しました

ファインディ株式会社でフロントエンドのリードをしている新福(@puku0x)です。 弊社では Nx を活用してCIを高速化しています。この記事では、最近導入した Nx Agents でフロントエンドのCIをさらに高速化した事例を紹介します。 Nxについては以前の記事で紹…

ファインディの爆速開発を支えるモノレポ管理ツール「Nx」について

ファインディ株式会社でフロントエンドのリードをしております 新福(@puku0x)です。 この記事では、ファインディで導入しているモノレポ管理ツール「 Nx 」について紹介します。 モノレポとは Nxとは Nxワークスペースの作成 Nxの機能 コード生成 変更検知 …