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

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

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

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

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

Avatar for Tech Leverages

Tech Leverages

June 30, 2023
Tweet

More Decks by Tech Leverages

See All by Tech Leverages
Google ADKのSub Agentを Agentic Workflowに移行し、 遷移成功率を改善した話
Avatar for Tech Leverages leveragestech
0
43
ハッカソンから社内プロダクトへ AIエージェント ko☆shi 開発で学んだ4つの重要要素
Avatar for Tech Leverages leveragestech
0
1.4k
2025年のデザインシステムとAI 活用を振り返る
Avatar for Tech Leverages leveragestech
0
1.6k
ディメンショナルモデリングを採用してない組織がモデリング本を通じて得られたこと
Avatar for Tech Leverages leveragestech
0
1.5k
レバレジーズのLangfuse活用事例
Avatar for Tech Leverages leveragestech
0
1.4k
CloudComposerによる大規模ETL 「制御と実行の分離」の実践
Avatar for Tech Leverages leveragestech
0
1.7k
「ELT職人」から卒業！Fivetranでデータパイプラインの構築・運用から解放され、 本来の価値創造に集中できる ようになった事例
Avatar for Tech Leverages leveragestech
0
1.4k
SpecKitでどこまでできる？ コストはどれくらい？
Avatar for Tech Leverages leveragestech
2
4.6k
未来を拓くAI技術〜エージェント開発とAI駆動開発〜
Avatar for Tech Leverages leveragestech
2
330

Other Decks in Technology

See All in Technology
私たち準委任PdEは2つのプロダクトに挑戦する ～ソフトウェア、開発支援という”二重”のプロダクトエンジニアリングの実践～ / 20260212 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
230
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.4k
22nd ACRi Webinar - ChipTip Technology Eric-san's slide
Avatar for Nao Sumikawa nao_sumikawa
0
100
Cloud Runでコロプラが挑む 生成AI×ゲーム『神魔狩りのツクヨミ』の裏側
Avatar for COLOPL Inc. colopl
0
150
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
Avatar for khmoryz khmoryz
0
210
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
5.6k
プロポーザルに込める段取り八分
Avatar for ShoheiMitani shoheimitani
1
670
Cosmos World Foundation Model Platform for Physical AI
Avatar for Takuya MINAGAWA takmin
0
980
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
Avatar for おおいし bicstone
3
130
GitHub Copilot CLI を使いやすくしよう
Avatar for Yuta Matsumura tsubakimoto_s
0
110
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
2
310
今日から始める Amazon Bedrock AgentCore
Avatar for Har1101 har1101
4
420

Featured

See All Featured
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
1.9k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
760
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
52k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
80
Visualization
Avatar for Eitan Lees eitanlees
150
17k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
130
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k

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かどうかの前に単一責務かどうか考えて