Nx活用術！モノレポ内のStorybookのパス設定自動化 - Findy Tech Blog

2024/12/03 7 users StorYBook ユーティリティ リート フロントエンド

ファインディ株式会社でフロントエンドのリードをしている新福(@puku0x)です。 Nxはモノレポ管理の便利なユーティリティとして @nx/devkit を提供しています。 今回は @nx/devkit を利用したStorybookの設定の自動化についてご紹介します。 Nxについては以前の記事で紹介しておりますので、気になる方は是非ご覧ください... 続きを読む

Nx活用術！Larger runnerの動的設定でGitHub Actionsのコスパ改善！ - Findy Tech Blog

2024/11/21 15 users GitHub Actions 設定 マシン リート 一方

ファインディ株式会社でフロントエンドのリードをしている新福(@puku0x)です。 皆さん、GitHub ActionsのLarger runnerはご存知でしょうか？ 高性能なマシンを使ってCIを実行できる一方、変更の少ない場合や計算負荷の低いCIではコストパフォーマンスが悪くなってしまいがちですよね？🤷‍♂️ この記事では、Nxの機能を利用し... 続きを読む

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

2024/10/27 21 users フロントエンド fin Findy Tech Blog 事例

ファインディ株式会社でフロントエンドのリードをしている新福(@puku0x)です。 弊社では Nx を活用してCIを高速化しています。この記事では、最近導入した Nx Agents でフロントエンドのCIをさらに高速化した事例を紹介します。 Nxについては以前の記事で紹介しておりますので、気になる方は是非ご覧ください。 tech.fin... 続きを読む

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

2024/08/05 71 users ファインディ 爆速開発 キャッシュ機構 リート フロントエンド

ファインディ株式会社でフロントエンドのリードをしております 新福(@puku0x)です。 この記事では、ファインディで導入しているモノレポ管理ツール「 Nx 」について紹介します。 モノレポとは Nxとは Nxワークスペースの作成 Nxの機能 コード生成 変更検知 依存関係の管理 キャッシュ機構 自動マイグレーション まとめ ... 続きを読む

Findyのフロントエンドにおけるメッセージ画面のパフォーマンス改善 - Findy Tech Blog

2024/07/08 22 users Findy リート フロントエンド ファインディ株式会社 転職

こんにちは、ファインディ株式会社でフロントエンドのリードをしております 新福(@puku0x)です。 この記事では、IT/Webエンジニアの転職・求人サイト Findyのメッセージ画面の改善についてご紹介します。 メッセージ画面の課題 メッセージ画面の改善 Apollo Clientキャッシュの利用 読み込み画面の条件修正 ページ設計の... 続きを読む

Findy転職フロントエンドの開発生産性を向上させるためにやったこと - Findy Tech Blog

2024/05/13 18 users Findy Tech Blog Findy 開発生産性 刷新

こんにちは、ファインディ株式会社でフロントエンドのリードをしております 新福(@puku0x)です。 この記事では、転職サービス Findy の開発チームにおける開発生産性の向上に対する取り組みをご紹介します。 以前の状況 モノリスの解体 開発基盤の刷新 コンポーネント設計の刷新 テストの拡充 CI の高速化 改善の効果 ま... 続きを読む