Upgrade to Pro — share decks privately, control downloads, hide ads and more …

DRY原則を誤った結果生まれた技術的負債

Avatar for Tech Leverages Tech Leverages
June 30, 2023
Technology
0
6k

 DRY原則を誤った結果生まれた技術的負債

DRY原則を誤った結果生まれた技術的負債
Avatar for Tech Leverages

Tech Leverages

June 30, 2023
Tweet

More Decks by Tech Leverages

See All by Tech Leverages
古き良き Laravel のシステムは関数型スタイルでリファクタできるのか
Avatar for Tech Leverages leveragestech
1
870
リファクタリングいつやるの？ 〜依存の整理〜
Avatar for Tech Leverages leveragestech
0
73
ディメンショナルモデリングを軽く語る
Avatar for Tech Leverages leveragestech
1
3.5k
アクターモデルによる効率的な分散システム設計
Avatar for Tech Leverages leveragestech
0
3.3k
Terraform による運用効率化の取り組みと最新のテストアプローチの紹介
Avatar for Tech Leverages leveragestech
0
3.3k
OpenFGAで拓く次世代認可基盤 〜予告編〜
Avatar for Tech Leverages leveragestech
0
3.3k
リソース・管理効率の向上だけでない、分散システムとしてのTiDBの魅力
Avatar for Tech Leverages leveragestech
0
3.3k
作ってわかる！非同期ランタイム
Avatar for Tech Leverages leveragestech
0
3.3k
レバテック開発部 技術広報 これまでとこれから
Avatar for Tech Leverages leveragestech
0
170

Other Decks in Technology

See All in Technology
Drawing with LLMs
Avatar for Rist Inc. rist
0
250
「どこにある？」の解決。生成AI(RAG)で効率化するガバメントクラウド運用
Avatar for Toru_Kubota toru_kubota
2
270
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
2.1k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
19
4.4k
Model Mondays S2E01: Advanced Reasoning
Avatar for Nitya Narasimhan, PhD nitya
0
250
Oracle Cloud Infrastructure データベース・クラウド：各バージョンのサポート期間
Avatar for oracle4engineer oracle4engineer
PRO
48
33k
メルカリにおけるデータアナリティクス AI エージェント「Socrates」と ADK 活用事例
Avatar for na0 na0
16
8.8k
Go Connectへの想い
Avatar for chiroruxx chiroruxx
0
160
dbt Cloudの新機能を紹介！データエンジニアリングの民主化：GUIで操作、SQLで管理する新時代のdbt Cloud
Avatar for Sagara sagara
0
180
Nonaka Sensei
Avatar for Yasunobu Kawaguchi kawaguti
PRO
3
590
基調講演: 生成AIを活用したアプリケーションの開発手法とは？
Avatar for Asei Sugiyama asei
1
120
マルチテナント+マルチプロダクト SaaS への AI Agent の組み込み方
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
2
240

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
47
2.8k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.4k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
349
20k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
123
52k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.3k

Transcript

  1. DRY原則を誤った結果 生まれた技術的負債

  2. TL;DR DRYかどうかの前に単一責務かどうか考えて

  3. これは本当にあった怖い話です

  4. teratailにはこんなコンポーネントが存在します

  5. teratailにはこんなコンポーネントが存在します 違い、分かりますか？

  6. <a>タグ <button>タグ

  7. HTMLタグの種類が違うだけなのに 同じスタイルを都度定義するの、面倒だな ...

  8. そうだ！propsにhrefがあるかどうかで 出し分けるように実装しよう！ DRY原則の適用だ！

  9. None
  10. None

  11. 最初はこれでも問題なかった 最初だけね...

  12. - 内部コンポーネントを制御するためのPropsが際限なく追加される - 内部で利用しているコンポーネントの機能を制御する必要が出てきた - 制御変数が多くなりすぎて内部実装が複雑になる - 他のライブラリ（ReactHookForm等）との組み込みがしづらくなる - 誰も手をつけられない神ボタンコンポーネントの☆完☆成☆

    生まれた問題点
  13. None

  14. 結局何がいけなかったの？ - DRY(Don’t Repeat Yourself) 原則の適用を間違えた - 似て非なるものを同一視してしまった - SRP(Single

    Responsibility Principle)に違反した

  15. どうすればよかったの？ - 各コンポーネントを責務という観点で独立させる - <a>タグはHTMLにおいて他のリソースへの参照を示す - <button>は文書上のフォームのコントロールや単純なボタンとしての機 能を提供する

  16. TL;DR DRYかどうかの前に単一責務かどうか考えて