このワークシートは[url=https://www.geogebra.org/m/twxxx3yq]Math by Code[/url]の一部です。[br][br][url=https://www.geogebra.org/m/twxxx3yq#material/ch7eqtsm]オブザーバーパタン[/url]の親子ガモは疎結合で親は子に細かい指示をしないことがうまくいくパタンでした。[br][url=https://www.geogebra.org/m/twxxx3yq#material/rnwtuzcb]メディエータパタン[/url]は同僚が密に結合してトラブルになることを、仏のDさんが結合を切り相談を一元対応してました。[br][br]今回は、疎結合、イベントドリブンという２つの視点にかかわる２パタンを見ていこう。

[size=150]＜OOP:Observer＞[br][/size]import math[br]# ==========================================[br]# 【クラスO】子ガモ（親を凝視追従する義務がある）[br]# ==========================================[br]class ObserverContract:[br]    def update(self, updated_value):[br]        """親に追従すべしのメソッド"""[br]        raise NotImplementedError()[br][br]# ==========================================[br]# 【クラスS】被凝視者（親ガモのシステム）[br]# ==========================================[br]class Subject:[br]    """親ガモは子ガモリストを管理するが、子ガモに変化を通知して、追従を促すが、[br]    子ガモのことを何も知らない。疎結合"""[br]    def __init__(self):[br]        self._observers = [] # 子ガモのリスト[br][br]    def attach(self, observer: ObserverContract):[br]        """子ガモの追加"""[br]        self._observers.append(observer)[br][br]    def notify(self, new_value):[br]        """自分の変化を背中で子ガモへの追従を促す。"""[br]        for observer in self._observers:[br]            observer.update(new_value) [br]# ==========================================[br]# 【カスタマイズ】ユーザーが作る必死な子ガモたち（Oのサブクラス化）[br]# ==========================================[br][br]class RealObserver(ObserverContract):[br]    """子ガモ1号"""[br]    def update(self, updated_value):[br]        print(f"1号：親は {updated_value}㎜進みました。急ごう！")[br]class AboutObserver(ObserverContract):[br]    """子ガモ2号"""[br]    def update(self, updated_value):[br]        print(f"2号：親が {math.floor(updated_value/10)}cm ぐらい進んだみたい。少し動こう。 ")[br]class LazyObserver(ObserverContract):[br]    """子ガモ3号"""[br]    def update(self, updated_value):[br]        print(f"3号：約 {math.floor(updated_value/100 + 0.5)}ｍすすんだ。でも、なんとかなるさ。 ")[br][br][br]# ==========================================[br]# 親鳥の具体的なデータ（計算コア）[br]# ==========================================[br]class MathDataCore(Subject):[br]    def __init__(self):[br]        super().__init__()[br]        self._g = 0 [br][br]    def change_value(self, new_g):[br]        self._g = new_g[br]        print(f"[親データ] は{self._g}になった。すると、 ")[br]        self.notify(self._g)[br][br]# １. 親子ガモ登場と登録[br]parent_data = MathDataCore()[br]parent_data.attach(RealObserver())[br]parent_data.attach(AboutObserver())[br]parent_data.attach(LazyObserver())[br][br]# ２．親データの値に子ガモが追従するはず ---[br]parent_data.change_value(15)[br]parent_data.change_value(111)[br]parent_data.change_value(199)[br][OUT][br][親データ] は15になった。すると子ガモたちは、 [br]1号：親は 15㎜進みました。急ごう！[br]2号：親が 1cm ぐらい進んだみたい。少し動こう。 [br]3号：約 0ｍすすんだ。でも、なんとかなるさ。 [br][親データ] は111になった。すると子ガモたちは、 [br]1号：親は 111㎜進みました。急ごう！[br]2号：親が 11cm ぐらい進んだみたい。少し動こう。 [br]3号：約 1ｍすすんだ。でも、なんとかなるさ。 [br][親データ] は199になった。すると子ガモたちは、 [br]1号：親は 199㎜進みました。急ごう！[br]2号：親が 19cm ぐらい進んだみたい。少し動こう。 [br]3号：約 2ｍすすんだ。でも、なんとかなるさ。 [br][br]

[b][size=150]＜FP:Observer＞[br][/size][/b][br][*]毎度のことですが、クラスはすべて関数にしましょう。[/*][*]子ガモはただのメッセージ（発言・行動）をする関数たちになります。[/*][*]親ガモのparent_data.attach(...) という処理も不要です。[/*][*]子ガモを関数リストとしてかくだけで登録完了です。[/*][*][br][/*][*]OOPでは通知（[code]ObserverContract[/code]）を定義し毎回 [code]new[/code] してましたが、FPでは親[code]Subject[/code] クラスは関数の入ったリスト（[code]duck_observers[/code]）をループで回して直接実行する関数になります。[/*][*]イベント駆動における親子の疎結合を維持しています。[br][code]change_parent_value[/code] 関数は、自分が呼び出している関数（[code]real_observer_action[/code] など）の具体的な中身を一切知りません。[/*][*]ただ、リストに入っている関数（子ガモたち）に値を渡して実行しているだけです。[/*][br]import math[br][br]# ==========================================[br]# 1. サブクラスの代わり（通知された時に動く純粋な処理関数群）[br]# ==========================================[br]# 子ガモはそれぞれ単一の関数になります。[br]def real_observer_action(updated_value):[br] print(f"1号：親は {updated_value}㎜進みました。急ごう！")[br]def about_observer_action(updated_value):[br] print(f"2号：親が {math.floor(updated_value / 10)}cm ぐらい進んだみたい。少し動こう。")[br]def lazy_observer_action(updated_value):[br] print(f"3号：約 {math.floor(updated_value / 100 + 0.5)}ｍすすんだ。でも、なんとかなるさ。")[br][br]# ==========================================[br]# 2. フレームワーク側（高階関数によるイベント通知ロジック）[br]# ==========================================[br]# 登録されている関数（子ガモたち）のリストに、一斉に値を通知して実行する関数[br]def [b]notify_observers[/b](observers: list, new_value):[br] for observer_func in observers:[br] observer_func(new_value)[br][br]# 親データの状態を変更し、同時に通知を行う関数[br]def change_parent_value(observers: list, new_g):[br] print(f"[親データ] は{new_g}になった。すると、 ")[br] # 保持している関数リストに対して値を通知（実行）する[br] [b]notify_observers[/b](observers, new_g)[br][br]# ==========================================[br]# 3. 実行[br]# ==========================================[br]# 1. 親子ガモの登場と登録（子ガモは単なる関数のリスト）[br]duck_observers = [[br] real_observer_action,[br] about_observer_action,[br] lazy_observer_action[br]][br][br]# 2. 親データの値に子ガモ（関数）が追従する[br]change_parent_value(duck_observers, 15)[br]change_parent_value(duck_observers, 111)[br]change_parent_value(duck_observers, 199)[br][br]関数になった親に子ガモたち（関数リスト）と値を渡すだけ。子ガモの管理という操作がなくても、投げた関数リストによって、関数リストが反応するだけ。[br][br][b]子ガモ３号を加えても、親ガモへの渡し方も、親ガモの行動も何も変わらない。[br]これが疎結合だね。[br][/b]

[b][size=150]＜OOP:Mediator＞[/size][/b][br]メディエータでは、同僚（部品）たちを疎結合にして、仏のDさんに紐づけ、部品の相談を一元管理することで、部品同士の衝突を防止していました。[br][color=#0000ff][br]# ==========================================[br]# 【クラスMediator】仏のDさんの契約書[br]# ==========================================[br][/color]class MediatorContract:[br]    """手の平に乗せる契約の仕方は、名前のサインと対象イベントだけでOK"""[br]    def consult(self, component_name, event_type, value=None):[br]        raise NotImplementedError()[br][br][color=#0000ff]# ==========================================[br]# 【クラスControl or Colleague：画面の部品】互いに会話しない部品たち[br]# ==========================================[br][/color]class ControlComponent:[br]    """部品同士は会話しない。分断されている"""[br]    def __init__(self, name: str, mediator: MediatorContract):[br]        [url=http://self.name/]self.name[/url] = name[br]        self.mediator = mediator[br]        self.visible = True[br]        self.value = None[br]    """ユーザーの要求が来たら、自分の変化をDさんに伝えるだけ"""[br]    def changed(self, event_type, value=None):[br]        self.value = value[br]        self.mediator.consult(self, event_type, value)[br][br][color=#0000ff]# ==========================================[br]# 【カスタマイズ】　ユーザが詳細すべてを実装する。[br]# ==========================================[br][/color]class BuddhaD(MediatorContract):[br]    def __init__(self):[br]        # 調停する対象のオブジェクトたちを紐づける[br]        self.A = ControlComponent("CheckboxA", self)[br]        self.B = ControlComponent("DropdownB", self)[br]        self.C = ControlComponent("TextInputC", self)[br][br]    """【Dは「調停」という名のもとに、A,B,Cを手の平にのせて一元管理する】"""[br]    def consult(self, component, event_type, value=None):[br][br]        # 1. チェックボックスAが動いたとき[br]        if [url=http://component.name/]component.name[/url] == "CheckboxA" and event_type == "TOGGLE":[br]            if self.A.value == "ON":[br]                print("[Dさん調停] AさんがONになりましたね。BさんはリストXを表示してください。Cさんは出番待ちです。")[br]                self.B.visible = True[br]                self.B.value = "リストX表示中"[br]                self.C.visible = False[br]            elif self.A.value == "OFF":[br]                print("[Dさん調停] AさんがOFFになりました。Bさんは身を隠し、Cさん（テキスト入力）が表に出てください。")[br]                self.B.visible = False[br]                self.C.visible = True[br][br]        # 2. ドロップダウンリストBが動いたとき[br]        elif [url=http://component.name/]component.name[/url] == "DropdownB" and event_type == "SELECT":[br]            if self.B.value == "Y":[br]                print("[Dさん調停] Bさんで'Y'が選ばれました。Cさんの入力欄に'Y'を自動代入します。")[br]                self.C.value = "Y"[br]            elif self.B.value == "Z":[br]                print("[Dさん調停] Bさんで'Z'が選ばれました。Cさんは空欄にして入力待ちにしてください。")[br]                self.C.value = ""[br][br]        # 3. テキスト入力Cに文字が打ち込まれたとき[br]        elif [url=http://component.name/]component.name[/url] == "TextInputC" and event_type == "INPUT":[br]            if self.C.value == "P":[br]                print("[Dさん調停] Cさんに特異点'P'が入力されました！大局的判断により、Aさんを非表示にします。")[br]                self.A.visible = False[br][br]# 仏のDさん（場）が誕生。手の平にのる部品に略名をつける。[br]d_san = BuddhaD()[br]A=d_san.A[br]B=d_san.B[br]C=d_san.C[br][br]# ここから、仏のDさんの大活躍がスタート！[br][br]print("--- 1. ユーザーがチェックボックスAを『ON』にした ---")[br]A.changed("TOGGLE", "ON")[br]print(f" -> [その結果] Bの表示:{B.visible}, Cの表示:{C.visible}\n")[br][br]print("--- 2. ユーザーがドロップダウンBで『Y』を選択した ---")[br]B.changed("SELECT", "Y")[br]print(f" -> [その結果] Cの自動入力値: '{C.value}'\n")[br][br]print("--- 3. ユーザーがチェックボックスAを『OFF』にした ---")[br]A.changed("TOGGLE", "OFF")[br]print(f" -> [その結果] Bの表示:{B.visible}, Cの表示:{C.visible}\n")[br][br]print("--- 4. テキストCに、禁断の文字『P』が入力された ---")[br]C.changed("INPUT", "P")[br]print(f" -> [その結果] Aの表示:{A.visible}")[br][br][OUT][br]--- 1. ユーザーがチェックボックスAを『ON』にした ---[br][Dさん調停] AさんがONになりましたね。BさんはリストXを表示してください。Cさんは出番待ちです。[br] -> [その結果] Bの表示:True, Cの表示:False[br][br]--- 2. ユーザーがドロップダウンBで『Y』を選択した ---[br][Dさん調停] Bさんで'Y'が選ばれました。Cさんの入力欄に'Y'を自動代入します。[br] -> [その結果] Cの自動入力値: 'Y'[br][br]--- 3. ユーザーがチェックボックスAを『OFF』にした ---[br][Dさん調停] AさんがOFFになりました。Bさんは身を隠し、Cさん（テキスト入力）が表に出てください。[br] -> [その結果] Bの表示:False, Cの表示:True[br][br]--- 4. テキストCに、禁断の文字『P』が入力された ---[br][Dさん調停] Cさんに特異点'P'が入力されました！大局的判断により、Aさんを非表示にします。[br] -> [その結果] Aの表示:False

[b][size=150]＜FP：Mediator＞[/size][/b][br]FPではこれまで構築してきた「イミュータブルなバケツリレー」と「パターンマッチング」の考え方を組み合わせます。[br]そして、「すべての部品の状態をまとめた1つの辞書（State）」と「イベントを受け取って新しいStateを返す純粋な調停関数consult_mediator」に分離します。[br]３つの部品というよりもStateというオブジェクトがconsult_mediatorの処理で変化する。[br]だから、ステートパタンにもなっているといえます。[br][b][color=#0000ff]ステートの１つ１つ別名でイミュータブルな生成なので、ステートトラベルが過去に遡っても可能になります。ステート名を入れると、その状態に飛べますからね。[br][/color][/b]状態変化についてはReactでよく使う[b]スプレッド構文[/b]を使います。[br]# Pythonでのイミュータブルな辞書更新[br][b]updated_state = {[br] **state,[br] component_name: {[br] **state[component_name], [br] "value": value[br] }[br]}[/b]とあるのは、[br]Reactでの…の展開上書きのスプレッド構文と同じ仕様で、記号が…が**に変わっただけです。[br]setSingleState(prevState => ({[br] ...prevState,[br] [component_name]: {[br] ...prevState[component_name],[br] value: value[br] }[br]}));[br]この仕様によって、一度展開されて、[b]変更した部品の変更した要素の状態だけ上書きされる[/b]。[br]それが、別の状態変数で別名でバケツリレーされるので、状態変化履歴ができますね。[br][b][color=#0000ff]仏のDさんはFPによってタイムトラベラーになったのです。[br][/color][/b][br]#Mdiator FP[br]# ==========================================[br]# 1. 初期状態の定義（イミュータブルな辞書データ）[br]# ==========================================[br]# 各コンポーネントの状態（visible, value）を一つの「状態（State）」として一元管理します。[br]initial_state = {[br] "A": {"visible": True, "value": None},[br] "B": {"visible": True, "value": None},[br] "C": {"visible": True, "value": None}[br]}[br][br]# ==========================================[br]# 2. 調停者側（純粋関数による状態遷移ロジック）[br]# ==========================================[br]# 現在の状態（state）とイベント情報を受け取り、不変性を保ったまま「新状態」を新状態名で作成して返します。[br]def consult_mediator(state: dict, component_name: str, event_type: str, value=None) -> dict:[br] # ユーザーの入力を現在の状態に反映したベースとなる状態を作成[br] updated_state = {[br] **state,[br] component_name: {**state[component_name], "value": value}[br] }[br] # マッチングのために条件をタプルにまとめる[br] match (component_name, event_type, value): [br] # 1. チェックボックスAが動いたとき[br] case ("A", "TOGGLE", "ON"):[br] print("[Dさん調停] AさんがONになりましたね。BさんはリストXを表示してください。Cさんは出番待ちです。")[br] return {**updated_state,"B": {"visible": True, "value": "リストX表示中"},"C": {**updated_state["C"], "visible": False}}[br] case ("A", "TOGGLE", "OFF"):[br] print("[Dさん調停] AさんがOFFになりました。Bさんは身を隠し、Cさん（テキスト入力）が表に出てください。")[br] return {**updated_state,"B": {**updated_state["B"], "visible": False},"C": {**updated_state["C"], "visible": True}}[br] # 2. ドロップダウンリストBが動いたとき[br] case ("B", "SELECT", "Y"):[br] print("[Dさん調停] Bさんで'Y'が選ばれました。Cさんの入力欄に'Y'を自動代入します。")[br] return {**updated_state,"C": {**updated_state["C"], "value": "Y"}}[br] case ("B", "SELECT", "Z"):[br] print("[Dさん調停] Bさんで'Z'が選ばれました。Cさんは空欄にして入力待ちにしてください。")[br] return {**updated_state,"C": {**updated_state["C"], "value": ""}}[br] # 3. テキスト入力Cに文字が打ち込まれたとき[br] case ("C", "INPUT", "P"):[br] print("[Dさん調停] Cさんに特異点'P'が入力されました！大局的判断により、Aさんを非表示にします。")[br] return {**updated_state,"A": {**updated_state["A"], "visible": False}}[br] # 該当しないイベントは状態をそのまま返す[br] case _:[br] return updated_state[br]# ==========================================[br]# 3. 実行（不変なバケツリレー）[br]# ==========================================[br]# アプリケーション全体の「状態の履歴」が定数のように積み重なっていきます[br]state_v0 = initial_state[br][br]print("--- 1. ユーザーがチェックボックスAを『ON』にした ---")[br]state_v1 = consult_mediator(state_v0, "A", "TOGGLE", "ON")[br]print(f" -> [その結果] Bの表示:{state_v1['B']['visible']}, Cの表示:{state_v1['C']['visible']}\n")[br]print("--- 2. ユーザーがドロップダウンBで『Y』を選択した ---")[br]# 常に「直前の状態」を入力として引き渡します[br]state_v2 = consult_mediator(state_v1, "B", "SELECT", "Y")[br]print(f" -> [その結果] Cの自動入力値: '{state_v2['C']['value']}'\n")[br]print("--- 3. ユーザーがチェックボックスAを『OFF』にした ---")[br]state_v3 = consult_mediator(state_v2, "A", "TOGGLE", "OFF")[br]print(f" -> [その結果] Bの表示:{state_v3['B']['visible']}, Cの表示:{state_v3['C']['visible']}\n")[br]print("--- 4. テキストCに、禁断の文字『P』が入力された ---")[br]state_v4 = consult_mediator(state_v3, "C", "INPUT", "P")[br]print(f" -> [その結果] Aの表示:{state_v4['A']['visible']}")[br][br][b][size=150]＜振り返り＞[br][/size][br][/b][b]通知の疎結合（Observer）[br][/b]親ガモは「管理・お世話する」という執着を捨て[br]背中を追いかけていることになっている子ガモ「関数リスト」に値を通知して各個に反応のきっかけを[br]与える。子ガモたちはもちろん、なんの干渉も交流も予想されていない。[br][br][b]変化の疎結合（Mediator）[br][/b]部品を疎結合にして、相談者と部品すらも疎な関係にしたFPの疎結合。[br]状態変化からの流れ作業となり、通知というイベントさえ希薄になる関係性。[br]しかし、それだけではなかった。[br]「その場の状態を直接書き換える」というイベントドリブンの罠、情報の更新という名の破壊をやめる。[br]古い状態とイベントを掛け合わせて「新築の歴史（State）」を別名で積み重ねていく。[br]ただ上書きされて、忘れ去らるのではなく古きを訪ねることが可能な歴史としての状態の累積。[br][br][br][b][color=#0000ff][size=200]疎結合が、疎結合のよさが、[br][/size][/color][size=200][color=#0000ff]FPによる通知と変化のしくみ[/color][/size][/b]によって、[br]くっきりと浮かび上がりましたね。[br][br]これらがイミュータブルな変数の存在に関係があることがわかりましたね。[br][br][color=#9900ff][u][b][size=150]課題：Geogebraの変数がイミュータブルかどうかを確認するにはどうしますか。[br][/size][/b][/u][/color][br]数式にa=3などと入力します。[br]ボタンツールの見出しに[a=a+3]とかき、[br]スクリプトとしてsetValue(a, a+3)とかきます。[br]さて、ボタンを押すとどうなるでしょうか。[br]数式のaの値は3ずつ増えた値に上書きされています。[br]これは同名のaの値の別のメモリが作られたわけではないはずですね。[br]geogebraは同姓同名をゆるしませんから。[br]だから、同名のaが可変ということは、[br]geogebraの変数は可変型であるということがわかりますね。