所以你拿到了那份Code，接下來是什麽？ 聊聊如何進化成現代化應用 @ TSMC IT Community Meetup (Taipei) #5

相信大家都喜歡寫新系統，寫新 code。從頭開始沒有包袱當然好， 但當 code 誕生的那一個當下，它就舊了，更不用說以前適合的現在未必合適。
出來混的總是要還，那當我們拿到了那份 code 之後，接下來該做什麼？

在這個分享中，想要和大家一起探討當我們想要將一個 Legacy 應用進化到現代化應用時，應該做什麼，有哪些建議？

Transcript

1. 所以你拿到了那份 Code，接下來是什麽？ 聊聊如何進化成現代化應用 By Alan Tsai
2. 2 所以你拿到了那份 code 第一件事情是什麼？
3. 那份 code 是處於什麼狀態？ 3 @Alan Tsai 的學習筆記 Ref: Brownfield Application Development in .NET
4. 大家的定義可能不太一樣 4 “legacy code are any code that does not have tests” -- Working Effectively With Legacy Code, Michael Feathers @Alan Tsai 的學習筆記
5. 不是只有技術層面的問題 5 @Alan Tsai 的學習筆記 Ecosystem Version control, CI, Test, metrics … Code Architecture, patterns
6. Agenda 6 ▰Ecosystem => 從哪來，到哪去 ▻所以那份口耳相傳的文件在哪裡 ▻Arc42, C4 Model, Flowchart, Sequence diagram, Q42, ADR ▰Code => 如何到達想去的地方 ▻往 Modernize App 進化 @Alan Tsai 的學習筆記
7. Ecosystem 7
8. 大家都是哲學家 - 系統三問 8 我是誰 ▰這個應用目前的架構 和技術棧是什麼？ ▰它的核心功能和目標 是什麼？ ▰是否存在技術債務或 架構瓶頸？ @Alan Tsai 的學習筆記 我從哪裡來 ▰ 它是如何設計與發展起 來的？ ▰ 過往有過哪些重大更新 或轉型？ ▰ 它的使用者或商業需求 的變化如何影響了系統？ 我要到哪裡去 ▰ 是不是要整合新的技術 （例如雲端化、微服務 化）？ ▰ 是否需要擴展功能或提 升性能？ ▰ 長期目標是重構、漸進 遷移還是完全替換？
9. 輕量的文件架構 - Arc42 9 @Alan Tsai 的學習筆記 Communicating Software Architectures
10. 所以你的那份 code 長成什麼樣子？ 10 @Alan Tsai 的學習筆記 https://c4model.com/introduction
11. C4 Model – 4 個不同層級來看你的系統 11 @Alan Tsai 的學習筆記 https://c4model.com/introduction
12. 重要的流程展開 12 @Alan Tsai 的學習筆記 Flowchart Sequence Diagram
13. 重要的流程展開 – 請 AI 幫你畫 13 @Alan Tsai 的學習筆記 https://github.com/marketplace/mermaid-chart
14. 系統的品質指標是哪些？ 14 @Alan Tsai 的學習筆記 ISO 25010 – 2011 年版本 ISO 25010 – 2022 年 draft 版本 Shortcomings of ISO 25010 | arc42 Quality Model
15. Q42 – 總結 8 類 15 @Alan Tsai 的學習筆記
16. Q42 結構 16 @Alan Tsai 的學習筆記 How to Use this Site | arc42 Quality Model
17. 指標就出來了 17 @Alan Tsai 的學習筆記 Examples of Quality Requirements | arc42 Quality Model How to specify quality requirements | arc42 Quality Model
18. 定義出權重 – Utility Tree 18 @Alan Tsai 的學習筆記 Designing Software Architectures
19. Architecture Decision Record (ADR) 19 @Alan Tsai 的學習筆記 Building Infrastructure Platforms GitHub - joelparkerhenderson/architectur e-decision-record: Architecture decision record (ADR) examples for software planning, IT leadership, and template documentation Architectural Decision Records (ADRs) | Architectural Decision Records GitHub - npryce/adr-tools: Command-line tools for working with Architecture Decision Records
20. 一圖流 20 @Alan Tsai 的學習筆記 Architecture Communication Canvas - Software Architecture Canvas Examples - Software Architecture Canvas
21. 缺了什麼？ 21 @Alan Tsai 的學習筆記
22. Code 22
23. 大方向 – Twelve Factor App 23 What is Cloud Native?
24. 大方向 – Twelve Factor App – 在追加 3 個 24 What is Cloud Native?
25. 容器為王 25 @Alan Tsai 的學習筆記
26. 如果往細一點來看 26 @Alan Tsai 的學習筆記 Enterprise Web App Patterns
27. Reliable Web App Pattern 27 @Alan Tsai 的學習筆記 Business Context • Apply low-cost, high-value code changes. • Reach an SLO of 99.9%. • Define recovery metrics • Adopt DevOps practices. • Create cost-optimized environments. • Improve reliability and security. Architecture & Right Service • Select service support RTO, RPO • Composite SLI to achieve SLO • Data Redundancy to meet RPO Common Code Pattern • Retry pattern • Circuit Breaker pattern • Cache-Aside pattern Configuration • Authorization and Authentication • Auto Deployment/Right Size • Monitor Reliable Web App pattern for Java
28. Retry Pattern 28 @Alan Tsai 的學習筆記 Retry Strategy • Cancel • Retry immediately • Retry after delay Consideration • Impact on performance • Idempotency • Exception type Polly, Resilience4j Retry pattern
29. Circuit Breaker pattern 29 @Alan Tsai 的學習筆記 Circuit Breaker Pattern Recoverability Monitoring Manual override Concurrency …
30. Cache-Aside pattern 30 @Alan Tsai 的學習筆記 Cache-Aside pattern Lifetime of cached data Consistency Local (in-memory) caching
31. Modern Web App Pattern Decouple Architecture 31 @Alan Tsai 的學習筆記
32. Strangler Fig pattern 32 @Alan Tsai 的學習筆記 Strangler Fig Pattern
33. Queue-Based Load Leveling pattern 33 @Alan Tsai 的學習筆記 Queue-Based Load Leveling pattern
34. Health Endpoint Monitoring pattern 34 @Alan Tsai 的學習筆記 Health Endpoint Monitoring pattern https://medium.com/@sachinadi424 /keeping-kubernetes-healthy- liveness-and-readiness-probe- explained-661757b825ff
35. Conclusion 35
36. 大家都知道 – 開發只是佔據了整個 SDLC 的一小塊 36
37. 37 如果不想要變成那【份】 Code 該有的不能夠省
38. 38 不管什麼形式，標準化很重要
39. 39 最後 – 工商服務
40. 聊聊我的經歷和感受 40 @Alan Tsai 的學習筆記 • Alan Tsai • 蔡孟玹 • TSMC => Principle Engineer (8 mos) • 91APP => Software Architect (2 yrs 4 mos) • Wishing-Soft => CTO ( 1 yr 3 mos) => Software Architect ( 2 yrs 4 mos) • Cloud Riches => Technical Manager (8 mos) • HyWeb => Senior Engineer (4 yrs 9 mos) • Doggy Digital Creative Inc => Web Dev (9 mos)
41. 41 如果想要挑戰 Modernize Application 任何一項有相關經驗，想要挑戰和賺錢的人，歡迎來投 1. Frontend (React) 2. Backend (Java) 3. DBA (MariaDB) 4. Software Architect 工作地點：台北、新竹 如果想要知道更多也歡迎和我聊聊
42. 歡迎訂閲、按讚 + 分享 FB 粉絲頁 http://fb.alantsai.net Alan Tsai 的學習筆記 https://blog.alantsai.net http://yt.alantsai.net http://bili.alantsai.net 影片 contact@alantsai.net @Alan Tsai 的學習筆記 46 contact@alantsai.net
43. CREDITS Special thanks to all the people who made and released these awesome resources for free: ▰ Presentation template by SlidesCarnival ▰ Photographs by Startup Stock Photos 47 @Alan Tsai 的學習筆記