PHPカンファレンス関西2013「関心を分離するってどういうこと？」講演資料

Slide 1

Slide 1 text

関心を分離するってどういうこと？ PHPメンターズ後藤秀宣 @hidenorigoto 1 PHPカンファレンス関西2013 2013.06.01 13೥6݄1೔౔༵೔

Slide 2

Slide 2 text

対象の方 2 13೥6݄1೔౔༵೔

Slide 3

Slide 3 text

対象の方 • なんとなく動くものは作れるけど、よりよい作り方を知りたい 2 13೥6݄1೔౔༵೔

Slide 4

Slide 4 text

対象の方 • なんとなく動くものは作れるけど、よりよい作り方を知りたい • 今後もPHPを使い続けていいのか迷っている 2 13೥6݄1೔౔༵೔

Slide 5

Slide 5 text

対象の方 • なんとなく動くものは作れるけど、よりよい作り方を知りたい • 今後もPHPを使い続けていいのか迷っている • エンジニアとして成長したいが、何を学ぶべきか分からない 2 13೥6݄1೔౔༵೔

Slide 6

Slide 6 text

1. HTML 3 13೥6݄1೔౔༵೔

Slide 7

Slide 7 text

4 13೥6݄1೔౔༵೔

Slide 8

Slide 8 text

5 13೥6݄1೔౔༵೔

Slide 9

Slide 9 text

6 13೥6݄1೔౔༵೔

Slide 10

Slide 10 text

7 全部一体となったHTML HTML 文書の構造とデータ CSS 見た目分離 13೥6݄1೔౔༵೔

Slide 11

Slide 11 text

8 HTML 文書の構造とデータ CSS 見た目 13೥6݄1೔౔༵೔

Slide 12

Slide 12 text

8 HTML 文書の構造とデータ CSS 見た目 13೥6݄1೔౔༵೔

Slide 13

Slide 13 text

8 HTML 文書の構造とデータ CSS 見た目 13೥6݄1೔౔༵೔

Slide 14

Slide 14 text

8 HTML 文書の構造とデータ CSS 見た目相手の詳細を知らない 13೥6݄1೔౔༵೔

Slide 15

Slide 15 text

9 相手の詳細を知らない • 相手の仕事は相手に任せる • 信頼する • 自分の仕事だけに集中する Separation of Concerns 関心事の分離 13೥6݄1೔౔༵೔

Slide 16

Slide 16 text

関心事の分離 • 大きな問題を小さく分けて扱う • Separation of Concerns(SoC) • ソフトウェア開発で常に課題とされてきた • 関心事の分離を促進するために、新しいパラダイムが生まれる 10 13೥6݄1೔౔༵೔

Slide 17

Slide 17 text

アーキテクチャー 11 13೥6݄1೔౔༵೔

Slide 18

Slide 18 text

アーキテクチャー • 分離したものを全体として機能させるための、ゆるい制約、基盤 11 13೥6݄1೔౔༵೔

Slide 19

Slide 19 text

アーキテクチャー • 分離したものを全体として機能させるための、ゆるい制約、基盤 • HTMLとCSSとを分離して扱えるアーキテクチャー • Webデザイナーさん、HTMLコーダーさんは、このアーキテクチャーをベースに仕事をしている 11 13೥6݄1೔౔༵೔

Slide 20

Slide 20 text

分離のデメリット • HTMLを書く人とCSSを書く人が同じであったりする • HTMLとCSSを同時に考えていることも多い • 分かれていることで、思考の中断が起きる 12 13೥6݄1೔౔༵೔

Slide 21

Slide 21 text

分離のデメリット • HTMLを書く人とCSSを書く人が同じであったりする • HTMLとCSSを同時に考えていることも多い • 分かれていることで、思考の中断が起きる 12 道具で歴史を進める 13೥6݄1೔౔༵೔

Slide 22

Slide 22 text

13 13೥6݄1೔౔༵೔

Slide 23

Slide 23 text

14 13೥6݄1೔౔༵೔

Slide 24

Slide 24 text

15 command + E 13೥6݄1೔౔༵೔

Slide 25

Slide 25 text

16 13೥6݄1೔౔༵೔

Slide 26

Slide 26 text

16 関心事の分離に基づく構造 13೥6݄1೔౔༵೔

Slide 27

Slide 27 text

16 関心事の分離に基づく構造編集作業時に扱いたい単位での統合 13೥6݄1೔౔༵೔

Slide 28

Slide 28 text

17 ここまでのまとめ • 関心事を分離して扱う • 分離して扱うための基盤がある • 分離して扱うことで、より大きな、複雑な問題へ立ち向かっていける 13೥6݄1೔౔༵೔

Slide 29

Slide 29 text

分離とメンタルモデル 18 13೥6݄1೔౔༵೔

Slide 30

Slide 30 text

分離とメンタルモデル • 人が現実世界の何かを概念化したもの 18 13೥6݄1೔౔༵೔

Slide 31

Slide 31 text

分離とメンタルモデル • 人が現実世界の何かを概念化したもの • HTMLとCSSの分離 • 標準的な分離方法 • 話が通じやすい 18 13೥6݄1೔౔༵೔

Slide 32

Slide 32 text

分離とメンタルモデル • 人が現実世界の何かを概念化したもの • HTMLとCSSの分離 • 標準的な分離方法 • 話が通じやすい 18 分離の仕方メンタルモデル 13೥6݄1೔౔༵೔

Slide 33

Slide 33 text

分離の仕方 19 13೥6݄1೔౔༵೔

Slide 34

Slide 34 text

分離の仕方 • MVC • レイヤー化アーキテクチャー • ドメイン駆動設計 • 歴史的なコンポーネント • デザインパターン • オブジェクト指向 • アスペクト（AOP） 20 13೥6݄1೔౔༵೔

Slide 35