Slide 1
Slide 1 text
Sansan株式会社
部署 名前
持続可能な開発のための
ミニマリズム
TECH BATON in 東京 〜うちのフロントエンド進化のツボ ！コード⻑持ちのための技術〜
pvcresin
Slide 2
Slide 2 text
⿃⼭らいか / pvcresin
所属 Sansan で Eight の Webエンジニア
興味 フロントエンド / デザイン / 型
趣味 アニメ / お笑い / 謎解き
⾃⼰紹介
Slide 3
Slide 3 text
ミニマリズムとは
Slide 4
Slide 4 text
minimal（最⼩限）+ ism（主義）
Slide 5
Slide 5 text
必要最⼩限まで要素を減らす考え⽅
Slide 6
Slide 6 text
- 依存ライブラリ
- 技術の地層
- コード本体
持続可能な開発のために減らしているもの
Slide 7
Slide 7 text
依存ライブラリ を減らす
Slide 8
Slide 8 text
依存ライブラリを減らす
- 簡単なものであれば、⾃作して置き換え
- 例: Lodashの関数はES6で1-2⾏で書けるものも多い
- Web標準に準拠
- 例: 簡単なDialogやTooltipは専⽤ライブラリをやめてみる
→ 運⽤時間やbundle sizeが削減され、Web標準のキャッチアップにも
Slide 9
Slide 9 text
技術の地層 を減らす
Slide 10
Slide 10 text
- 同じ役割で新しい技術を導⼊する場合は、古い部分も移⾏していく
- 例: jQuery → React → Svelte
- 例: XHR → Axios → fetch
技術の地層を減らす
→ コードの⼀貫性が保たれ、モダン化が促進し、⼈もAIも学習が容易に
Slide 11
Slide 11 text
コード本体 を減らす
Slide 12
Slide 12 text
- 未使⽤コードの削除
- 例: ESLint, ts-unused-exports, Knip
- メンテが重く、利⽤率が低いマイナーUIの簡素化や削除
- 例: 誰も使ってないDnDによる並び替え機能
- 例: ほぼ起こり得ないエラーのための専⽤UI
コード本体を減らす
→ コードリーディングが容易に
Slide 13
Slide 13 text
得られる効果
Slide 14
Slide 14 text
得られる効果
- 運⽤時間が減り、議論や実装の時間が増加
- コードの書き⽅が整理され、AI⽣成コードの品質が向上
- 技術スタックがモダンになり、⼈材採⽤・育成がしやすく
Slide 15
Slide 15 text
まとめ
Slide 16
Slide 16 text
- 持続可能な開発のため、
依存ライブラリ・技術の地層・コード本体を減らすことを⽇々意識
- これにより、プロダクトの価値向上に必要な
開発時間の確保と組織⼒の強化を同時に達成
まとめ
Slide 17
Slide 17 text
No content