デザインパターンの使い方をパタン・ランゲージとの比較から考える / design-pattern-usage-inspired-by-pattern-language

by Kazuki Higashiguchi

Slide 1

Slide 1 text

Slide 2

Slide 2 text

https://fortee.jp/object-oriented-conference-2020/proposal/11ec9777-ea5c-48b8-81c5-f9b840d89548

Slide 3

Slide 3 text

© - BASE, Inc. デザインパターンの使い⼿の “間違い” “デザインパターンを⾒る場合、たいていの⼈はそのパターンが提供する解決策を重視します。（中略）しかし、これを前提にすると、間違った⽅向に進んでしまうのです。” アラン‧シャロウェイ, ジェームズ‧R‧トロット著∕村上雅章訳『オブジェクト指向のこころ』 10.4 デザインパターンの使⽤ https://www.amazon.co.jp/dp/4621066048

Slide 4

Slide 4 text

© - BASE, Inc. 分量上仕⽅ない現象とも⾔える “Alexander のパターンは扱う問題を強調しているが、我々のデザインパターンは解決法についてより詳細に記述している。” ErichGamma、RichardHelm、RalphJohnson、 JohnVlissides著∕本位⽥真⼀、吉⽥和樹監訳『オブジェクト指向における再利⽤のためのデザインパターン改訂版』 6.3 パターンのコミュニティ https://www.amazon.co.jp/dp/4797311126

Slide 5

Slide 5 text

© - BASE, Inc. どう “間違えて” いる？ “問題そのものを理解することなしに、問題領域の中からパターンが適⽤できそうな部分を探し出すというアプローチを取ってしまうと、何をするかは⾒当がつくものの、いつそれを使うのかや何故それを使うのかといったことが判らないままになってしまうわけです。” アラン‧シャロウェイ, ジェームズ‧R‧トロット著∕村上雅章訳『オブジェクト指向のこころ』 10.4 デザインパターンの使⽤

Slide 6

Slide 6 text

© - BASE, Inc. “正しく使う” ヒントはないか “Christopher Alexander は、建築物や社会に存在するパターンを初めて研究した建築家で、それらを⽣成するための「パターン⾔語」を開発した。我々は彼の本に何度も勇気づけられてきた。” ErichGamma、RichardHelm、RalphJohnson、 JohnVlissides著∕本位⽥真⼀、吉⽥和樹監訳『オブジェクト指向における再利⽤のためのデザインパターン改訂版』 6.3 パターンのコミュニティ

Slide 7

Slide 7 text

Slide 8

Slide 8 text

© - BASE, Inc. About me • BASE BANK, Inc. / Dev Division / Tech Lead • PHP, Go, Python, AWS etc • 関連発表 • 「デザインパターンを出⾃から深く理解する」 / PHPカンファレンス沖縄 2019 前夜祭 • 「ブランコの⽐喩はどこから来たのか」 / 第142回 PHP勉強会 Kazuki Higashiguchi (@hgsgtk)

Slide 9

Slide 9 text

東野⾼等学校事務室 - 投稿者⾃⾝による作品, CC 表⽰-継承 4.0, https://commons.wikimedia.org/w/ index.php?curid= によるパタン‧ランゲージを知る

Slide 10

Slide 10 text

© - BASE, Inc. Christopher Alexander https://en.wikipedia.org/wiki/ Christopher_Alexander • 1936年ウィーン出⾝の都市計画家‧建築家 • 主なキーワード • 「パタン‧ランゲージ」 • 「無名の質（Quality Without A Name)」 https://www.amazon.co.jp/dp/   https://www.amazon.co.jp/dp/ https://www.amazon.co.jp/dp/ https://www.amazon.co.jp/dp/ X https://www.amazon.co.jp/dp/

Slide 11

Slide 11 text

© - BASE, Inc. アレグザンダーが追い求めた建築像 “すべての建築の⽬的、その幾何学的構成の⽬的とは、⽣き⽣きとした場所をもたらすことである。建築の中⼼的課題は、⼈が⽣きるに値する暮らしを送れるように、⽣き⽣きとした⼼地よさ、深い満⾜— 時には刺激—を維持し、促進するような構造を想像することである。このような⽬的が忘れ去られたとき、語るに⾜る建築など全く存在しない。” Christopher Alexander 著『The Battle for the Life and Beauty of the Earth: A Struggle Between Two World-Systems』 https://global.oup.com/academic/product/the-battle-for-the-life-and- beauty-of-the-earth-9780199898077?cc=jp&lang=en&

Slide 12

Slide 12 text

⻑坂⼀郎著『クリストファー‧アレグザンダーの思考の軌跡―デザイン⾏為の意味を問う』 https://www.amazon.co.jp/dp/4395320465 “デザインの究極的な⽬標は形だ”

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

⻑坂⼀郎著『クリストファー‧アレグザンダーの思考の軌跡―デザイン⾏為の意味を問う』 Ⅱ デザインの⾒⽅ https://www.amazon.co.jp/dp/4395320465 “すべてのデザインの問題は、次の⼆つの実在の間に適合性をもたらそうとする努⼒から始まる。その⼆つの実在とは、求める形とそのコンテクストである。”

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

© - BASE, Inc. (補⾜)イメージの段階コンテクスト形要求適合イメージの世界の中でデザインが進んでいく現実コンテクスト形イメージ https://archi.fukuicompu.co.jp/products/architrendzero/download/ zumen/04_heimenzu.pdf Cons) : 間接的であるため間違える可能性 2: 処理対象の情報量増加に耐えられない

Slide 21

Slide 21 text

Slide 22

Slide 22 text

クリストファー‧アレグザンダー再考 | 難波和彦 http://db.10plus1.jp/backnumber/article/articleid/1378/ “彼は形とコンテクストをすべて記号化し、デザイナーの経験や勘に頼っているこれまでの曖昧なプロセスに代えて、デザイン‧プロセスを誰もが理解できるようにグラスボックス化‧⺠主化しようとした。その後アレグザンダーの⽅法は⼤きく転回するが、デザイン‧プロセスのグラスボックス化‧⺠主化をめざすという⽬標は現在に⾄るまで変わっていない。”

Slide 23

Slide 23 text

“It was important from the beginning, because one of the characteristics of any good environment is that every part of it is extremely highly adapted to its particularities. That local adaptation can happen successfully only if people (who are locally knowledgeable) do it for themselves.” Keynote Speech to the OOPSLA Convention by Christopher Alexander https://www.patternlanguage.com/archive/ieee.html

Slide 24

Slide 24 text

© - BASE, Inc. (補⾜)思考の変遷：ツリー構造からセミラチス構造へ 1964. 『形の合成に関するノート』 • 数学的に解ける問題 • 要求条件を細分化 • ツリー構造に還元 http://www.girlwonder.com/tag/cybernetics 1965. 『都市はツリーではない』 • 「⼈⼯都市」を批判、ツリー構造となる • 「⾃然都市」は、⼀つの場所が複数の役割を同時に担うセミラチス構造 https://www.researchgate.net/figure/Semilattice-a-and-Tree-Structures-b-Source-A-City-is-Not-a-Tree-4_fig1_333821711

Slide 25

Slide 25 text

クリストファー‧アレグザンダー再考 | 難波和彦 http://db.10plus1.jp/backnumber/article/articleid/1378/ “建設的ダイアグラムの中には、状況が変化してもくり返し現われるものがある。それをパタンとして抽出し、パタンのネットワークすなわちパタンによって綴られた⾔語としてセミラチスな環境をつくり出そうとするのがパタン‧ランゲージである。”

Slide 26

Slide 26 text

Slide 27

Slide 27 text

© - BASE, Inc. パタン‧ランゲージの構造パタンはどれも同⼀のフォーマットにまとめられるコンテクストパターン名問題解決結果井庭崇著,編集∕中埜博, ⽵中平蔵, 江渡浩⼀郎, 中⻄泰⼈, ⽻⽣⽥栄⼀『パターン‧ランゲージ: 創造的な未来をつくるための⾔語 (リアリティ‧プラス)』第3 章政策⾔語＝政策デザインのパターン‧ランゲージをつくるフォースの対⽴‧葛藤（＝コンフリクト）フォースの対⽴‧葛藤の解消

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

https://www.simonvandyk.co.za/writes/ / / /software-design-patterns-in-c-uml デザイン‧パターン == パタン‧ランゲージ ?

Slide 34

Slide 34 text

https://www.youtube.com/watch?v= LdFA-_zfA

Slide 35

Slide 35 text

“So far, as a lay person trying to read some of the works that have been published by you in this field, it looks to me more as though mainly the pattern concept, for you, is an inspiring format that is a good way of exchanging fragmentary, atomic, ideas about programming. Indeed, as I understand it, that part is working very well. But these other two dimensions, ( ) the moral capacity to produce a living structure and ( ) the generativity of the thing, its capability of producing coherent wholes—I haven't seen very much evidence of those two things in software pattern theory” Keynote Speech to the OOPSLA Convention by Christopher Alexander https://www.patternlanguage.com/archive/ieee.html

Slide 36

Slide 36 text

Slide 37

Slide 37 text

© - BASE, Inc. フォーマット > GoF視点の類似点 . 既存システムを観察してその中にあるパターンを⾒つけることを基礎においている .パターンを記述するためのテンプレートを持っている（=フォーマット） . 形式⾔語ではなく⾃然⾔語と多数の例を使⽤し、それぞれのパターンに理論的な根拠を与えている ErichGamma、RichardHelm、RalphJohnson、JohnVlissides著∕本位⽥真⼀、吉⽥和樹監訳『オブジェクト指向における再利⽤のためのデザインパターン改訂版』 6.3 パターンのコミュニティ

Slide 38

Slide 38 text

“I understand that the software patterns, insofar as they refer to objects and programs and so on, can make a program better. That isn't the same thing, because in that sentence "better" could mean merely technically efficient, not actually "good." Again, if I'm translating from my experience, I would ask that the use of pattern language in software has the tendency to make the program or the thing that is being created is morally profound—actually has the capacity to play a more significant role in human life.” Keynote Speech to the OOPSLA Convention by Christopher Alexander https://www.patternlanguage.com/archive/ieee.html

Slide 39

Slide 39 text

Slide 40

Slide 40 text

“熟達したデザイナー（エンジニア）とそうでないデザイナー（エンジニア）の差を埋めるために、パターン‧ランゲージが⽤いれるようになった。（中略）そこにはユーザーは登場せず、デザイナーとユーザーのコラボレーションは視野から外れてしまった。”（井庭崇⽒）井庭崇著,編集∕中埜博, ⽵中平蔵, 江渡浩⼀郎, 中⻄泰⼈, ⽻⽣⽥栄⼀『パターン‧ランゲージ: 創造的な未来をつくるための⾔語 (リアリティ‧プラス)』序章創造的な未来をつくるための⾔語 https://www.amazon.co.jp/dp/4766419871

Slide 41

Slide 41 text

© - BASE, Inc. ⽣成能⼒ > GoF視点の相違点 . 建築物には数千年の歴史があり、利⽤できる古典も多い。ソフトウェアシステムの場合は歴史がずっと短く、古典と呼べるものはほとんどない . Alexanderはパターンを利⽤する優先順位を付けたが、我々は順位を付けていない . Alexanderのパターンは扱う問題を強調しているが、我々のデザインパターンは解決⽅法についてより詳細に記述している .Alexanderは提案したパターンによって完全な建築物が⽣成できると主張しているが、我々は提案したパターンによって完全なプログラムが⽣成できるとは主張していない ErichGamma、RichardHelm、RalphJohnson、JohnVlissides著∕本位⽥真⼀、吉⽥和樹監訳『オブジェクト指向における再利⽤のためのデザインパターン改訂版』 6.3 パターンのコミュニティ

Slide 42

Slide 42 text

“Alexander の⾒⽅によれば、本書に⽰したパターンはパターン⾔語を構成してはいない。構築されたソフトウェアシステムの多様性を考えると、ステップバイステップにアプリケーション設計指針を与えるような完璧なパターン集合を提供することは困難である” ErichGamma、RichardHelm、RalphJohnson、 JohnVlissides著∕本位⽥真⼀、吉⽥和樹監訳『オブジェクト指向における再利⽤のためのデザインパターン改訂版』 6.3 パターンのコミュニティ

Slide 43

Slide 43 text

“デザインパターンは、ソフトウェアのための広範なパターン⾔語の⼀部に過ぎない” ErichGamma、RichardHelm、RalphJohnson、 JohnVlissides著∕本位⽥真⼀、吉⽥和樹監訳『オブジェクト指向における再利⽤のためのデザインパターン改訂版』 6.3 パターンのコミュニティ

Slide 44

Slide 44 text

© - BASE, Inc. 「町」‧「建築」‧「施⼯」の中で「建築」のみを扱う「町」江渡浩⼀郎著『パターン、Wiki、XP 時を超えた創造の原則 (WEB+DB PRESS plus)』章デザインパターン http://gihyo.jp/magazine/wdpress/plus/978-4-7741-3897-8 「建築」「施⼯」アーキテクチャデザインパターン実装パターン ex. SmallTalkベストプラクティス ex. Layersパターン, MVCパターン

Slide 45

Slide 45 text

Slide 46

Slide 46 text

Photo by Caspar Camille Rubin on Unsplash デザインパターンを使う

Slide 47

Slide 47 text

Slide 48

Slide 48 text

Slide 49

Slide 49 text

Slide 50

Slide 50 text

Slide 51

Slide 51 text

© - BASE, Inc. プロダクトマネジメントトライアングル “ソフトウェア会社におけるプロダクトは事実上、⼈々がアクセスできる環境にデプロイされたコードで構成されている。全てのプロダクトは三つのこと、開発者、ユーザー、ビジネスで繋がっている。” 【翻訳】プロダクトマネジメントトライアングル https://ninjinkun.hatenablog.com/entry/the-product-management-triangle-ja

Slide 52

Slide 52 text

Slide 53

Slide 53 text

Slide 54

Slide 54 text

Slide 55

Slide 55 text

Slide 56

Slide 56 text

User:Akendall - 投稿者⾃⾝による作品, CC 表⽰-継承 3.0, https://commons.wikimedia.org/w/index.php? curid= によるデザインパターンを補完する

Slide 57

Slide 57 text

Slide 58

Slide 58 text

“Alexander は創造⼒が不要だとは⾔っていない。彼の提案したパターンの中には、その建築物を使⽤する⼈の習慣を理解しなければ使いこなせないものもあるし、彼が設計の ʻ詩’ を信じると⾔うとき、それは、パターン⾔語を超えた熟練レベルの存在が前提となっている。” ErichGamma、RichardHelm、RalphJohnson、 JohnVlissides著∕本位⽥真⼀、吉⽥和樹監訳『オブジェクト指向における再利⽤のためのデザインパターン改訂版』 6.3 パターンのコミュニティ

Slide 59

Slide 59 text

“⼀つの指針としては、デザイン‧パターンを構成する、よりクリエイティブでより根源的な「デザイン‧プリンシンプル」（設計原則）をエンジニアがしっかりと学び、⾝体化する。”（⽻⽣⽥栄⼀）井庭崇著,編集∕中埜博, ⽵中平蔵, 江渡浩⼀郎, 中⻄泰⼈, ⽻⽣⽥栄⼀『パターン‧ランゲージ: 創造的な未来をつくるための⾔語 (リアリティ‧プラス)』第4章パターン‧ランゲージとネイチャー‧オブ‧オーダー https://www.amazon.co.jp/dp/4766419871

Slide 60

Slide 60 text

“（デザインパターンの）もう⼀つの有効な学習⽅法は、デザインパターンの本質的なメカニズム、およびそれが基にしている原則と戦略を学ぶというものです。（中略）これは実際のところ、「後にパターンと呼ばれることになる解決策」を考えだした開発者の考え⽅、価値観を学ぶということなのです。” アラン‧シャロウェイ, ジェームズ‧R‧トロット著∕村上雅章訳『オブジェクト指向のこころ』 14 デザインパターンの原則と戦略

Slide 61

Slide 61 text

© - BASE, Inc. 背後にある原則によって補完する • （SOLID原則） • 単⼀責任原則（Single Responsibility Principle） • 開放/閉鎖原則（open/closed principle） • 依存性逆転原則（dependency inversion principle） • リスコフ置換原則（Liskov substitution principle） • 流動性要素のカプセル化 • etc アラン‧シャロウェイ, ジェームズ‧R‧トロット著∕村上雅章訳『オブジェクト指向のこころ』 14 デザインパターンの原則と戦略

Slide 62

Slide 62 text

Photo by Sorasak on Unsplash まとめ

Slide 63

Slide 63 text

Slide 64

Slide 64 text

“パターンが有効となるのは、あなたの思考を助ける道具として使⽤する場合であり、パターンを解決策につながる解答と捉えるべきではありません。” アラン‧シャロウェイ, ジェームズ‧R‧トロット著∕村上雅章訳『オブジェクト指向のこころ』 14.6 健全な猜疑⼼

Slide 65

Slide 65 text

“その結果何が起きたかというと、無⽬的なデザインパターンの乱⽤です。⽬的はわからないけど、デザインパターンを盛り込んだ⽅がソフトウェアが⾼級になるらしい、なんてとんでもない迷信がはびこったのです。⽬的のないパターンはただの難読化です。” GoF デザインパターンチートシート | ちょうぜつ Advent Calendar Day | @tanakahisateru https://qiita.com/tanakahisateru/items/df d f d a a

Slide 66

Slide 66 text

Slide 67

Slide 67 text

© - BASE, Inc. 参考⽂献 • アラン‧シャロウェイ, ジェームズ‧R‧トロット著∕村上雅章訳『オブジェクト指向のこころ』 • ErichGamma、RichardHelm、RalphJohnson、JohnVlissides著∕ 本位⽥真⼀、吉⽥和樹監訳『オブジェクト指向における再利⽤のためのデザインパターン改訂版』 • Keynote Speech to the OOPSLA Convention by Christopher Alexander • https://www.patternlanguage.com/archive/ieee.html • https://www.youtube.com/watch?v= LdFA-_zfA • 江渡浩⼀郎著『パターン、Wiki、XP 時を超えた創造の原則 (WEB+DB PRESS plus)』

Slide 68

Slide 68 text

© - BASE, Inc. 参考⽂献 • C‧アレグザンダー著∕平⽥翰那訳『パタン‧ランゲージ―環境設計の⼿引』 • C‧アレグザンダー著∕平⽥翰那訳『時を超えた建設の道』 • 井庭崇著,編集∕中埜博, ⽵中平蔵, 江渡浩⼀郎, 中⻄泰⼈, ⽻⽣⽥栄⼀『パターン‧ランゲージ: 創造的な未来をつくるための⾔語 (リアリティ‧プラス)』 • ⻑坂⼀郎著『クリストファー‧アレグザンダーの思考の軌跡―デザイン⾏為の意味を問う』 • Christopher Alexander 著『The Battle for the Life and Beauty of the Earth: A Struggle Between Two World-Systems (Center for Environmental Structure)』

Slide 69

Slide 69 text

© - BASE, Inc. 参考⽂献 • クリストファー‧アレグザンダー再考 | 難波和彦 • http://db. plus .jp/backnumber/article/articleid/ / • クリストファー‧アレグザンダー著∕稲葉武司, 押野⾒邦英訳『形の合成に関するノート/都市はツリーではない』 • 【翻訳】プロダクトマネジメントトライアングル • https://ninjinkun.hatenablog.com/entry/the-product- management-triangle-ja • GoF デザインパターンチートシート | ちょうぜつ Advent Calendar Day | @tanakahisateru • https://qiita.com/tanakahisateru/items/df d f d a a