このワークシートは[url=https://www.geogebra.org/m/twxxx3yq]Math by Code[/url]の一部です。
今まで、生成のデザインパタンを見てきました。[br][br]これからは、[b]振る舞いグループ[/b]をさぐろう。[br]振る舞いというのは、状態や変化の関係にかかわるものです。[br][br]今回は、オブザーバーパタン、ObserverPattern[br]日本語では、[b]傍観者[/b]と訳されることがある傍観者。[br]では、[b]監視人[/b]？[b]観察者[/b]？[br]いやいや、ちがいます。[br][br]GOF本では、「[b]オブジェクトの状態変更が、依存オブジェクトに通知されて、更新されるように１対多の関係を定義する[/b]。」[br]とあります。[br][br]だから、[br][b][color=#0000ff][size=150]親ガモは子に背中を見せながら気ままによろよろ進む。[br]子ガモたちは親に必死でついていくが、たまに遅れるやつもいたりするね。[br][br][/size][/color][/b]そんな親子ガモを頭に描いてみてください。[br][br]略して、[b][color=#0000ff][size=200]通知と追従[/size][/color][/b]です。[br][br]親ガモは、子ガモにいちいち、[b]ああしろ、こうしろと指示しません[/b]。[br]ただ、動いたことが[b]子ガモからはわかるように通知はします[/b]。[br]子ガモは同じようにみえても[b]実は個性豊か[/b]です。個性に応じて親を追いかけるでしょう。[br][br]そんなようすを実装してみよう。
[b][size=150]＜通知と追従パタンの実装＞[br][/size][/b]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][color=#9900ff][u][b][size=150]課題：geogebraでオブザーバーパタン、通知と追従パタンを視覚化するにはどうしましょう。[br][/size][/b][/u][/color][br]アプレットタイトルは「オブザーバー：番号の通知で数式、グラフ、対応表が変わる」[br]fx={2^(x),0.5 x+1,x^(2)+x,2 x^(3)-8 x,x^(4)-x^(3)+x+2}[br]n=slider(1,5,1)[br]a:fx(n,x)[br]text1=FormulaText(a)[br]lx={1,2,3,4,5}[br]ly={a(1),a(2),a(3),a(4),a(5)}[br]TableText({lx,ly},"|_“, 60, 80")[br]親ガモ（スライダ）の通知に応じて[br]子ガモ（グラフa、数式Text1,対応表Text2）が追従して一斉に変わるね。[br]グラフを青く太さ５くらいにし、[br]数式の文字を大きくし、[br]対応表の背景色を不透明な白にするなど、[br]好きなようにデザインしよう。[br]また、関数リストfxを変えるのもありだね。[br][br]
[b][size=150]＜振り返り＞[/size][/b][br]通知と追従というのはたいてい、[b]1対多[/b]関係とかかれたりします。[br]しかし、実際には1対１対応の関係が複数あるだけだと気付きます。[br]１通知は親１個から子リスト1個にいきます。[br]子リスト1個にわたった１通知が、子リストのメンバ1個に届きます。[br]だから、１子からみたら、１親から１通知が来ただけです。[br]ただ、多というのがインスタンスレベルでおきるのは[br]子オブジェクトが多であること、[br]子リストにいる子が多であるからです。[br]詳細にみていくと、[b][size=150][color=#0000ff]１対１のつながりの複数あるだけだ[/color][/size][/b]と気付きますね。[br][br]だから、これは、現実の複雑な現象、相互関係を分析するときに、[br]複雑に見えて、実は１対１が複数あるだけだと分解してから合成する発想につながるでしょう。[br]つまり、数学に限らず、科学的な分析や[br][b][color=#0000ff][size=150]複雑な現象を[br]単純な規則性、ルールに分解して分析したり、創造することができるという[br][size=200]希望[/size][/size][/color][/b]を与えてくれます。[br][br]たとえば、音楽には、音高、音長、音響と振動、静寂、音量、リズム、音色、時間的な変化、。。。。[br]などなど、さまざまな要素がからんでます。[br][br]でも、コード進行というやや複雑に見えるものも、この通知と追従というパタンがつかえるかもしれませんね。[br]連動して操作できるということは[br][br]データ（モデルMとなる親ガモ）ビューV（反応する子ガモたち、音）コントロールC（データ変更）[br]という[b]MVCシステムのベースが作れるね。[/b][br][br][color=#9900ff][b][u][size=150]課題：楽曲のフレーズを通知と追従パタン連携させるMVCシステム例をgeogebraで作ってみよう。[br][/size][/u][/b][/color][br]たとえば、[br]Cのダイヤトニックスケールコードは[br]C,Dm,Em,F,G,Am,B,C[br]0,1,2, 3,4,5,6,[br]コード進行をたとえば、次のようにします。[br]C,C,Am,Am,F,F,G,G[br]0,0,5,5,3,3,4,4[br]この度数差の分だけ、[br]C（親ガモ）のメロディに[br]他のコードのメロディを追従させましょう。[br]なお、CのメロディーはCを1番とする自然数で1，2，3，4，5，6，7のように、[br]ドレミファソラシドをあらわし、音長の代わりに、同じ音高数字を連続してかいてます。[br][br]#メロディの通知と追従関係を作る。[br]Rsub={1,3,5,3,1,1,1,1} #親ガモのデータM[br]#次は追従する子ガモV[br]RAm = Rsub + 5[br]RF = Rsub + 3[br]RG = Rsub + 4[br]Rj = Join(Rsub, Rsub, RAm, RAm, RF, RF, RG, RG)[br]Rj=Join(Rsub,Rsub,RAm,RAm,RF,RF,RG,RG) #メロディ音高リスト[br]T60=slider(0,80,1) #タイマーのように動かす。[br]size=Length(Rj)[br]amari=Mod(T60,size)[br]ind=if(amari==0,1,amari)[br]Px=if(T60>0,Element(Rj,ind),0) #メロディ音高リストの番号[br][br]#スピード[br]velo=slider(50,1000,1)[br]tm=60/velo[br][br]#音高を周波数に変える[br]fr={1,1.11111111111111,1.25,1.33333333333333,1.5,1.66666666666667,1.875}[br]f2=fr*2[br]f3=fr*3[br]frs=Join(f,f2,f3)[br]ff=Element(fr,If(amari≟0,1,Rj(amari)))[br]f=220 ff[br]th=f*2 π[br][br]#追従する子ガモVでもある音波[br]p(x)=Sum(Sequence(((1)/(k)) sin(th k x) (-1)^(k+1),k,1,6))[br][br]最後の仕上げで、コントロール系Cと表示系を貼り付けましょう。[br][br]#親メロディの変更ボックスです。見出しを"Cのフレーズ＝"にします。[br]textField=InputBox(Rsub)[br]#「開始」ボタンをはりつけてスクリプト記述[br]SetValue[T60,0][br]StartAnimation[T60,true][br]PlaySound(true)[br]PlaySound(p(x),0, range)[br]#「停止」ボタンをはりつけてスクリプト記述[br]StartAnimation[T60,false][br]PlaySound(false)[br]#「リセット」ボタンをはりつけてスクリプト記述[br]SetValue[T60,0][br]StartAnimation[T60,false][br]text1="[br]Cのフレーズを[br]C,C,Am,Am,F,F,G,Gにスライドして[br]演奏できます。[br]"[br]text2="コードにあわせて進行するフレーズ＝"+Rj[br][br]これで、MVCsystemができましたね。[br]もっと、シンプルにしたり、複雑化したりすることもできる。[br]この発想は、Geogebra以外にも移植できそうだね。[br][br][b]ただし、[u][size=150]音は相当悪くて、[color=#ff0000]雑音レベル[/color][/size][/u]です。[br]うるさいと思ったら数字の変化だけたどってください。[/b]