Design Patterns

2022/06/20 (增加連結)
2022/12/13 (增加投影片)

介紹

• Software Architecture: The Most Important Architectural Patterns You Need to Know

  • Layered Architecture

  • Pipe and Filter

  • Client Server

  • Model View Controller

  • Event Driven Architecture

  • Microservices Architecture

• Software Architecture - The Difference Between Architecture and Design

  • Software Architecture Patterns

    • Serverless Architecture

    • Event-Driven Architecture

    • Microservices Architecture

  • Design Patterns

    • Factory Pattern

    • Adapter Pattern

• Software design pattern (wikipedia)

• Is It Time to Get Over Design Patterns?

  • A brief history of design patterns

  • The cost of complexity

  • Ambiguous extensibility

  • Mismatching and bad fits

  • The antidote: Be simple

  • Patterns are a design language

    • The real value of design patterns is not prescriptive (telling you what to do). It’s descriptive (telling others what you’ve done). Design patterns aren’t recipes. They’re a language.

• My Top 4 Patterns for Writing Simple Code

  • Pattern 1: Abstract Factory

  • Pattern 2: Delegator

  • Pattern 3: Builder / Named Params

  • Pattern 4: Enricher

    • This pattern isn’t in the G-o-4 book, but it’s most closely related to chain of responsibility and the template method

• Design Pattern - 資源總整理

  • PIN 點部落

    • 策略模式筆記

    • 觀察者模式

    • 裝飾者模式筆記

    • 工廠方法模式筆記

    • 抽象工廠模式筆記

    • 獨體模式(Singleton Pattern)

    • 命令模式筆記 - 前篇(Simple Command Pattern)

    • 命令模式筆記-後篇(Command Pattern)

    • 樣板方法模式(Template Method Pattern)

    • 表象模式(Facade Pattern)

    • 反覆器模式(Iterator)

    • 從反覆器模式到合成模式(Composite Pattern)

    • 狀態模式(State Pattern)

  • 91 點部落

    • ASP.NET由淺入深系列

      • [ASP.NET]91之ASP.NET由淺入深 不負責講座 Day14 – Object Oriented (1)

      • [ASP.NET]91之ASP.NET由淺入深 不負責講座 Day15 – Abstract與Interface

      • [ASP.NET]91之ASP.NET由淺入深 不負責講座 Day16 – 高內聚、低耦合

      • [ASP.NET]91之ASP.NET由淺入深 不負責講座 Day17 – 單一職責原則

      • [ASP.NET]91之ASP.NET由淺入深 不負責講座 Day18 – 開放封閉原則

      • [ASP.NET]91之ASP.NET由淺入深 不負責講座 Day19 – LoD/LKP 最少知識原則

      • [ASP.NET]91之ASP.NET由淺入深 不負責講座 Day20 – ISP 介面隔離原則

      • [ASP.NET]91之ASP.NET由淺入深 不負責講座 Day21 - LSP 里氏替換原則

      • [ASP.NET]91之ASP.NET由淺入深 不負責講座 Day22 - DIP 依賴反轉原則

    • 重構之路系列

      • [ASP.NET]重構之路系列v1 – UI, Business logic, Data access概念分開

      • [ASP.NET]重構之路系列v4 – 簡單使用interface之『你也會IoC』

      • [ASP.NET]重構之路系列v6 –抽象來看程式是否符合DRY原則

        • Template Method

      • [ASP.NET]重構之路系列v10 – 責任鏈模式的應用

      • [.NET]重構之路系列v11 –用責任鏈模式打破討厭的switch case

      • [.NET]重構之路系列v12 –用 Decorator Pattern 讓職責分離與組合

      • [.NET]重構之路系列v13–避免直接相依外部組件，以加解密為例

        • Adapter

      • [ASP.NET]重構之路番外篇 –Refactoring to Patterns

• SOLID (詳參: SOLID：五則皆變 )

  • Single-Responsibility

  • Open-Closed Principle

    • Decouple External Services From Core UI Code : And reduce the size of your future PRs with the Open/Closed Principle

  • Liskov Substitution Principle

  • Interface Segregation Principle

    • Interface Segregation Principle: Your only way to be a super competent developer

  • Dependency-Inversion Principle

    • Dependency Inversion Principle: How Google Developers write code

  • Improve Your Code With The SOLID Principles

  • The S.O.L.I.D Principles in Pictures

  • 5 Problems Faced When Using SOLID Design Principles — And How To Fix Them

• Code Principles Every Programmer Should Follow: YAGNI, Law of Demeter, Single Responsibility and other useful principles for better coding.

• 設計模式的逆襲 (by Teddy Chen)

  • 設計模式簡史（上）

  • 設計模式簡史（下）

  • Agile software development (by Robert C. Martin) & Object-Oriented Software Construction (by Bertrand Meyer)

    • SOLID：五則皆變

    • 亂談軟體設計（1）：Cohesion and Coupling

    • Program to an interface

    • 亂談軟體設計（2）：Open-Closed Principle

    • 亂談軟體設計（3）：Single-Responsibility Principle

    • 亂談軟體設計（4）：Liskov Substitution Principle

    • 亂談軟體設計（5）：Dependency-Inversion Principle

    • 亂談軟體設計（6）：Single Choice Principle

  • 盤點 Design Patterns

    • Teddy建議學習順序為：

      • Singleton、Factory Method、Adapter、Composite、Command、Observer

      • Builder、Abstract Factory、Facade、Proxy、State、Template Method

      • Bridge、Strategy、Visitor、Mediator、Iterator、Prototype

      • Decorator、Flyweight、Chain of Responsibility、Interpreter、Memento

  • Design Patterns 分成三大類

    • Patterns relying on abstract coupling

      • 就是『program to an interface, not an implementation』

        • Program to an interface

      • Creational patterns

        • Factory Method、Builder、Prototype

          • Software Design Patterns: Factories Are Not Builders : The difference between Factory and Builder design patterns

      • Structural patterns

        • Bridge、Adapter、Proxy

      • Behavioral patterns

        • State、Observer、Command、Visitor、Interpreter、Mediator、Strategy

    • Patterns based on recursive structures

      • 這一類的 patterns 就是有遞迴結構

      • Composite(S)， Chain of Responsibility(B)， Decorator(S)

    • Other patterns

      • Abstract Factory(C)， Flyweight(S)， Singleton(C)， Template Method(B)

  • Force

    • Force是什麼？

    • 了解Force讓你做出好設計（1）：自然界與設計界的Force

    • 了解Force讓你做出好設計（2）：一個軟體設計範例

    • 藉由問「為什麼」來尋找Force

  • 設計模式的逆襲：種子篇

  • Creational Design Patterns

    • Creational Patterns要解決什麼問題(上)?

      • 直接在需要產生物件的時候把物件給new出來

      • 用Reflection的方式來產生物件

      • 用Simple Factory pattern

    • Creational Patterns要解決什麼問題(中)?

      • 用clone（Prototype pattern）的方式來產生物件。

      • 用Singleton pattern

        • 尋找Force實驗6：Singleton篇

      • 用Object Pool pattern

    • Creational Patterns要解決什麼問題(下)?

      • 用Factory Method pattern

        • Simple Factory Method

        • Polymorphic Factory Method

        • Class Factory Method (Static Factory)

        • Understanding the Factory Method Design Pattern

      • 用Abstract Factory pattern

        • Design Pattern 比對(2) Factory Method和 Abstract Factory的異同

        • 設計模式 - 工廠方法及抽象工廠

      • 用Builder pattern

        • Simplifying Object Creation With The Builder Pattern

        • Learn Builder Design Pattern

  • Structural Design Patterns

    • Structural Patterns要解決什麼問題(上)?

      • Adapter

        • 尋找Force實驗3：Adapter Pattern篇

      • Facade

        • 尋找Force實驗4：Facade篇

      • Proxy

        • 尋找Force實驗5：Proxy篇

    • Composite

  • Behavioral Design Patterns

    • Behavioral Patterns要解決什麼問題(一)?

    • Command

    • Observer

      • 尋找Force：Observer篇

    • Template Method

    • Strategy

    • State

      • 重新整理State Pattern

      • 尋找Force實驗2：State Pattern篇

      • Design Pattern 比對(1) Strategy and State的異同

      • Vending Machine design — A State design pattern approach

• Modern-Day Architecture Design Patterns for Software Professionals

  • Circuit Breaker

  • Command and Query Responsibility Segregation (CQRS)

  • Event Sourcing

  • Sidecar

  • Backend-for-Frontend

  • Strangler

• 3 Useful Design Patterns I Use Frequently

  • Strategy Pattern

  • Publish-Subscribe Pattern

  • Proxy Pattern

• The 7 Most Important Software Design Patterns

  • Singleton

  • Factory Method

  • Strategy

  • Observer

  • Builder

  • Adapter

  • State

Java

• 8 design patterns that every developer should know (Java)

  • Singleton

  • Initialization On Demand Holder

  • The Strategy and the Factory Pattern

  • Fluent Builder

  • Chain of Responsibility

  • Template Method

  • State Pattern

• Famous Java Design Patterns

  • Factory

  • Singleton

  • Adapter

  • Decorator

  • Facade

  • Observer

• Design patterns in java

  • Singleton

  • Factory

  • Decorator

  • Composite

  • Adapter

  • Prototype

  • Facade

  • Proxy

  • Iterator

• The Command Pattern in Java

JavaScript

• Basic Building Blocks of JavaScript Design Patterns

  • Abstraction

  • Encapsulation

  • Polymorphism

  • Inheritance

• Advanced Javascript Design Patterns

• The Comprehensive Guide to JavaScript Design Patterns

• Learning JavaScript Design Patterns (ebook)

• Software Design Patterns in JavaScript

• Learn JavaScript Design Patterns in 5 Minutes

• JavaScript Design Patterns

  • Creational Design Patterns

    • The In-Depth Guide to Creation Patterns in JavaScript

    • Design Patterns in JavaScript: Creational

    • Constructor Pattern

    • Factory Pattern

    • Prototype Pattern

    • Singleton Pattern

  • Structural Design Patterns

    • Design Patterns in JavaScript: Structural

    • Adapter Pattern

    • Composite Pattern

    • Decorator Pattern

    • Facade Pattern

    • Flyweight Pattern

    • Proxy Pattern

  • Behavioral Design Patterns

    • Chain of Responsibility Pattern

    • Command Pattern

    • Iterator Pattern

    • Mediator Pattern

    • Observer Pattern

    • State Pattern

    • Strategy Pattern

    • Template Pattern

• Understanding Design Patterns in JavaScript

  • Module Pattern

  • Revealing Module Pattern

  • Singleton Pattern

  • Factory Pattern

  • Decorator Pattern

• Design patterns in modern JavaScript development

  • Singleton pattern

  • Observer pattern

  • Facade pattern

• Commonly Used Design Patterns in JavaScript

  • Singleton

  • Iterator

  • Factory

• JS Design Patterns

  • Singleton

  • Factory

  • Iterator

  • Decorator

• JavaScript Design Patterns

  • Constructor Pattern

  • Module Pattern

  • Revealing Module Pattern

  • Singleton Pattern

  • Observer Pattern

  • Publish/Subscribe Pattern

  • Mediator Pattern

  • Prototype Pattern

  • Command Pattern

  • Facade Pattern (structural pattern)

  • Factory Pattern (creational pattern)

  • Mixin Pattern

• Elegant patterns in modern JavaScript: Ice Factory

• 4 Useful JavaScript Design Patterns You Should Know

  • Strategy Pattern

  • Publish–subscribe pattern

  • Decorator Pattern

  • Chain of Responsibility Pattern

• 4 JavaScript Design Patterns You Should Know

  • Module

  • Prototype

  • Observer

  • Singleton

• A LOOK AT POPULAR JAVASCRIPT DESIGN PATTERNS

  • The Module Design Pattern

  • The Singleton Design Pattern

  • The Mediator Design Pattern

• 7 JavaScript Design Patterns Every Developer Should Know

• JavaScript Design Patterns — Composition, Inheritance, and Configuration

• The Secret to Building Performance Libraries

  • Flyweight Pattern

• Using the Delegation Pattern over Inheritance in JavaScript

• Dependency Injection

  • Node.js advanced pattern: Dependency Injection Container

  • How To Embed A Dependency Injection In javascript

  • Does Dependency Injection Have a Place In Javascript?

• Adapter

  • Design Patterns: Adapter

  • JavaScript Design Patterns — Adapters and Facades

  • Adapter Pattern in a nutshell

• Bridge

  • The Bridge Pattern — Design Patterns meet the Frontend

  • Bridge Pattern in a nutshell

  • The Bridge & Facade Design Patterns in JavaScript

• Builder

  • 4 Dangerous Problems in JavaScript Easily Solved by the Builder Design Pattern

  • The Builder Pattern in JavaScript

  • The Builder Design Pattern

• Command

  • Design Patterns: Command

• Composite

  • The Power of the Composite Design Pattern in JavaScript

  • We Need to Talk About Composition Patterns in Object-Oriented JavaScript

  • Composite Pattern in a nutshell

• Decorator

  • Basic JavaScript Design Patterns — Decorators, Facades, and Proxies

  • Decorator Pattern in a nutshell

• Facade

  • JavaScript Design Patterns — Adapters and Facades

  • Basic JavaScript Design Patterns — Decorators, Facades, and Proxies

  • The Bridge & Facade Design Patterns in JavaScript

  • Design Patterns in Javascript: Facade

  • The Facade Design Pattern in JavaScript

• Factory

  • JavaScript Design Patterns Part 1: The Factory Pattern

  • JavaScript Design Patterns: The Factory Pattern

  • How JavaScript works: the factory design pattern + 4 use cases

  • Factory & Module patterns in Javascript

• Iterator

  • Understanding the Iterator Design Pattern Using the Dev.to and Medium Social Networks

  • Understanding Iterator Pattern in JavaScript/Typescript using Symbol.Iterator

  • Understanding Design Patterns: Iterator using Dev.to and Medium social networks!

• Mediator

  • The Mediator Pattern in JavaScript

• Memento

  • The Power of Memento Design Pattern in JavaScript

• Module

  • The Power of the Module Pattern in JavaScript

  • JavaScript Design Pattern — Module Pattern

    • What is a Closure?

    • Module Pattern

    • The Usage With IIFE

    • The Usage With Export Keyword

    • The Usage With Class

    • Bonus: The Usage With TypeScript

  • Improve your coding style using Module Pattern

• Null Object

  • Design Patterns: Null Object: Avoid conditional complexity using this pattern

• Observer

  • The Power of the Observer Pattern in JavaScript

  • Observer vs Pub-Sub pattern

  • Observer Design Pattern in JavaScript

  • The Observer Pattern in JavaScript — the Key to a Reactive Behavior

• Prototype

  • The Prototype Pattern in JavaScript

• Proxy

  • Basic JavaScript Design Patterns — Decorators, Facades, and Proxies

• Publisher/Subscriber

  • JavaScript Design Patterns Part 2: The Publisher/Subscriber Pattern

  • Observer vs Pub-Sub pattern

  • The Publish Subscribe Pattern In JavaScript

  • The Publisher/Subscriber Pattern in JavaScript

  • Implementing a Messaging Service in Plain JavaScript : implementing a Messaging Service JavaScript module to handle communication between components implementing the Messaging Pattern, more specifically the publish/subscribe messaging pattern.

• State

  • The State Design Pattern in JavaScript

  • Simplify Your Objects with State Pattern in JavaScript

• Strategy

  • Keep it Simple with the Strategy Design Pattern (Javascript)

  • Avoid ugly If/else blocks & make your code modular with Strategy

  • Design Patterns: Using the Strategy Pattern in JavaScript

  • Make Your Code More Scalable With The Strategy Pattern

Typescript

• Adapter

  • Design Patterns In TypeScript — Adapter

  • Design Patterns With TypeScript Examples: Adapter

• Bridge

  • Bridge Pattern in TypeScript

• Command

  • The Command Pattern in TypeScript — Encapsulating Logic to Increase Maintainability

• Decorator

  • Decorator Pattern in TypeScript

• Composite

  • The Composite Pattern for TypeScript Developers

• Factory

  • Factory pattern - Type script implementation with type map

  • Factory Pattern in TypeScript

  • Singleton & Factory Patterns With TypeScript

  • Design Patterns In TypeScript — Factory

• Facade

  • Facade Pattern in TypeScript

• Singleton

  • Design Patterns with TypeScript: Singleton

• Strategy

  • Design Patterns with Typescript: Strategy

  • Design Patterns With TypeScript Examples: Strategy

  • Design Patterns In TypeScript — Strategy

React

• React Design Patterns

• React | Design Patterns

  • HOC Pattern (Higher Order Component Pattern)

  • Contianer and Presentational Components Pattern

    • 回應中: One thing to add is that with hooks, Container/Presentation pattern is not recommended anymore. This pattern strongly couples logic into our components.

  • Provider Pattern

  • Hooks Pattern

• React component patterns

  • Container

  • Presentational

  • Higher order components (HOC’s)

  • Render callback

• React patterns you should know

  • Global app data and cross-cutting concerns

    • react-redux / react-router

      • Provider

      • Higher Order Components (HOCs)

    • Context API

  • Render props

• How To Master Advanced React Design Patterns — Compound Components

• How To Master Advanced React Design Patterns — Context API

• How To Master Advanced React Design Patterns — Render Props

• Essential React Hooks Design Patterns

Kotlin

• Common Design Patterns for Android with Kotlin

  • Creational

    • Builder

    • Dependency Injection

    • Singleton

  • Structural

    • Adapter

    • Facade

  • Behavioral

    • Command

    • Observer

    • Model View Controller

    • Model View ViewModel

    • Clean Architecture

Android (Java)

• Android 常用的 Design Pattern I (Java)

  • Adapter

  • Singleton

  • Bridge

  • Observer

  • Factory Method

• Android 常用的 Design Pattern II (Java)

  • Composite

  • Chain of Responsibility

  • Decorator

  • Template Method

Swift

• Separating Concerns With The Delegate Pattern (Swift)

• Top 5 Design Patterns in Swift for iOS App Development

  • Builder

  • Adapter

  • Decorator

  • Facade

  • Template Method

.Net

• Learning Design Pattern in 30 real-case practices (c# & Python)

  • [Design Pattern] Introduction

  • [Design Pattern] 準備開發環境

  • 謀略設計模式! 學習首重策略! (Strategy 策略模式)

當一開始的時候，先利用文字檔來儲存log，如果一開始，多花一點小功夫，多寫一個interface(ILogger)

//For current iteration

ILogger logger = new TextLogger();

(new MyTask(logger)).Run();

等準備好了，只要改這個部分，其他的就不需要動了

//Refine in next iteration

ILogger logger = new DatabaseLogger();

(new MyTask(logger)).Run();

• • 雞同鴨講也可以通! (Interpreter 解譯器模式)

  • 職場第一條規則：事情不要接了傻傻做，而是要交給負責的人! (Chain of Responsibility 職責鍊模式)

  • 不用看書就會，但不一定會唸的... (Facade 外觀模式)

  • 橋來橋去! 以需求大化小，小化無(抽象)為目標! (Bridge 橋接模式)

  • 江湖走跳，轉接頭很重要! (Adapter 適配器模式)

  • DBA說換資料庫的帳號密碼，結果我花了一天改連線資訊$#&@#! (Factory 工廠模式)

    • Static factory

    • Abstract factory

    • Generic factory (C#)

  • 收到一筆要建立複製人軍隊的訂單怎麼辦? (Prototype 原型模式)

  • 為什麼裝潢師傅做出來的不是我想要的? 你需要... (Builder 建造者模式)

  • 老闆最大的興趣：異動組織! 但是下個月又調回來了... (Composite 組合模式)

  • 標準永遠有例外! 但是千萬不要以為自己可以改標準... (Decorator 裝飾者模式)

  • 程式需要瘦身! (Flyweight 享元模式)

  • 老闆說給客戶的報價要有彈性! 但是只能多算不能少算! (Proxy 代理模式)

  • 一樣米養百種人! (Template Method 樣板方法)

  • 別再孤軍奮戰! 做好做滿第一件事情先找到能調用資源的人! (Mediator 中介者模式)

  • 想不起昨天做了什麼? 吃銀杏和記憶口香糖不如試試... (Memento 備忘錄模式)

  • 別讓老闆和USER再問你好了沒? 隨時更新工作狀態吧! (State 狀態模式)

  • 優惠方案每天變! 購物車怎麼結帳才不會算到手抽筋? (Visitor 訪問者模式)

  • 你每天在用，但是可能不知道的... (Iterator 迭代器模式)

  • 讓你當一天艾森豪，來指揮諾曼地登陸作戰! (Command 命令模式)

  • 察言觀色! 敵不動，我不動! (Observer 觀察者模式)

  • 別再因為發號碼牌重複被客訴! (Singleton 單例模式)

  • [Design Pattern實例] 在策略模式使用委派解耦合 (Strategy)

網頁上遺漏了部分的程式碼:

[HttpPost]

public IActionResult Index(string fileType, FreightOrder fo)

{

ModelState.Clear();

IFoStrategy stg = null;

if (fileType.Equals("1"))

{

stg = new FoStrategyAppend();

ViewBag.Strategy = "採用策略：累加原單之數量";

}

else

{

stg = new FoStrategyReplace();

ViewBag.Strategy = "採用策略：覆蓋原單之數量";

}

stg.Query = DataAccessService.Query;

stg.Update = DataAccessService.Update;

updateFreightOrder(fo, stg);

return View(fo);

}

• • [Design Pattern實例] 在ASP.NET Core利用建造者模式來製造View Model (Builder)

  • [Design Pattern實例] 在ASP.NET Core利用狀態模式來製造View Model (State)

  • [Design Pattern實例] 使用單例模式實做線性分配器(1/2) (Singleton)

  • [Design Pattern實例] 使用單例模式實做線性分配器(2/2) (Singleton)

  • [Design Pattern] Retrospective 回顧

• .NET Design Patterns

• Design Patterns in C#

  • Builder Design Pattern and Fluent Builder

  • Fluent Builder Interface With Recursive Generics

  • Faceted Builder

  • Factory Method

  • Singleton

  • Adapter

  • Composite

  • Decorator

  • Command

  • Strategy

• Design Pattern Implementation using C#

  • Singleton Design Pattern

  • Factory Design Pattern

  • Factory Method Design Pattern

  • Abstract Factory Design Pattern,

  • Builder Design Pattern,

  • Prototype Design Pattern

  • Adapter Design Pattern

  • Bridge Design Pattern

  • Decorator Design Pattern

  • Composite Design Pattern

  • Flyweight Design Pattern

  • Memento Design Pattern

  • Mediator Design Pattern

  • Observer Design Pattern

  • Iterator Pattern