Nxはいいぞ！ monorepoプロジェクトにおける差分検知を活用した型チェック最適化

by karukan029

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

© Findy Inc. Findy Conference 3つの特徴 8 1. 集客数UP ⽇本のテックカンファレンスをキュレートしたサイトにより、カンファレンスの集客に貢献。 (Findy Conference) 2. All in One ⾃由なフォーム作成‧複数トラック‧オンライン配信‧当⽇受付管理など、カンファレンスに必要な機能が集約。 3. 管理⼯数の削減企業ごとのスポンサーポータルなど、運営関わる様々な⼯数を削減すること可能。申込‧スポンサー管理‧データ活⽤までを⼀気通貫して利⽤。

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

© Findy Inc. 16 変更検知とキャッシュ活⽤ ● 変更があったプロジェクトと依存関係のあるプロジェクトのみを対象に、npm-scriptsやCIで実⾏するコマンドを実⾏できる ○ プロジェクトの依存関係を適切に管理することで、不要な実⾏をスキップできる ■ typecheckなど低速なタスクの実⾏をスキップできる ■ プロジェクトの構成を継続的に改善することが重要 ○ 依存関係が⼩さい変更ほどCIが早く終わる ■ 変更を適切な粒度に保ち、影響範囲を管理することがCIの⾼速化にも結びつく

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

© Findy Inc. 22 変更検知とキャッシュ活⽤ ● 変更があったプロジェクトと依存関係のあるプロジェクトのみを対象に、npm-scriptsやCIで実⾏するコマンドを実⾏できる ○ プロジェクトの依存関係を適切に管理することで、不要な実⾏をスキップできる ■ typecheckなど低速なタスクの実⾏をスキップできる ■ プロジェクトの構成を継続的に改善することが重要 ○ 依存関係が⼩さい変更ほどCIが早く終わる ■ 変更を適切な粒度に保ち、影響範囲を管理することがCIの⾼速化にも結びつく

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

© Findy Inc. 25 まとめ ● Nxは、モノレポやアプリケーションのビルド、テストの実⾏、コード⽣成などの機能を備えた統合的なツール ● 変更検知とキャッシュ活⽤により、依存関係のあるプロジェクトのみを対象にコマンドを実⾏ ● Nxの恩恵を最⼤限受けるためには、プロジェクトの依存関係を適切に整理することが重要 ● コード量の増加によるCI実⾏時間の増加‧開発体験低下に課題感を感じたらNxのことを思い出してください！