概要

Bridge Patternは、機能と実装を分離して拡張しやすくするデザインパターンです。

今回示すサンプルプログラムの設計

メッセージ送信アプリを例とし、様々なプラットフォーム（SMS、Eメール、Slack）で送信できるように、Bridge Patternを使ってみましょう✉️

送信するメッセージをコンソールに出力します💻

機能が「MessageSenderクラス」と、それを拡張する「TextMessage」や「RichMessage」クラスを指し、実装が「MessageSendingImplementationインターフェース」と、それを実装する「SmsSender」や「EmailSender」クラスを指します。

サンプルコード

まず、抽象クラスと具象クラスを定義します。

abstract class MessageSender {
  constructor(protected implementation: MessageSendingImplementation) {}
  abstract send(message: string): void;
}

interface MessageSendingImplementation {
  sendMessage(message: string): void;
}

class SmsSender implements MessageSendingImplementation {
  sendMessage(message: string): void {
    console.log(`【SMS送信】${message}`);
  }
}

class EmailSender implements MessageSendingImplementation {
  sendMessage(message: string): void {
    console.log(`【Eメール送信】${message}`);
  }
}

メッセージの種類によって機能を拡張します。

class TextMessage extends MessageSender {
  send(message: string): void {
    this.implementation.sendMessage(`テキストメッセージ送信: ${message}`);
  }
}

class RichMessage extends MessageSender {
  send(message: string): void {
    this.implementation.sendMessage(`リッチメッセージ送信: ***${message}***`);
  }
}

実際に使ってみましょう🖐️

const smsSender = new SmsSender();
const emailSender = new EmailSender();

const textSms = new TextMessage(smsSender);
const textEmail = new TextMessage(emailSender);
const richSms = new RichMessage(smsSender);
const richEmail = new RichMessage(emailSender);

textSms.send("こんにちは！");    // 【SMSで送信】テキストメッセージ送信: こんにちは！
textEmail.send("こんにちは！");  // 【Eメールで送信】テキストメッセージ送信: こんにちは！
richSms.send("こんにちは！");    // 【SMSで送信】リッチメッセージ送信: ***こんにちは！***
richEmail.send("こんにちは！");  // 【Eメールで送信】リッチメッセージ送信: ***こんにちは！***