Next Generation Web Application Architecture
•
19 likes•3,746 views
Ruby Sapporo Night vol.14 共演者のスライドはこちら: http://d.hatena.ne.jp/tricknotes/20120225/p1
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Next Generation Web Application Architecture
Similar to Next Generation Web Application Architecture (15)
More from Koji SHIMADA
More from Koji SHIMADA (20)
Recently uploaded
Recently uploaded (9)
Next Generation Web Application Architecture
- 1. リッチクライアント 時代のWebアプリケーション アーキテクチャ パターンについて考える Next Generation Web Application Architecture. 2012-02-21 Ruby Sapporo Night vol.14 アップルストア札幌 日本Rubyの会 Ruby札幌 しまだ こうじ SHIMADA Koji 2012年2月23日木曜日
- 2. ...はるかな彼方の昔、ある場所で、何もなく無菌状態の空間 を漂っていた、でたらめに集まった原子の小さな集合に、そ れは深刻な外傷を与えた。そして、異常な、とてもありそう もないパターンで原子たちを離れないように結びつけてし まった。このようなパターンは自分自身をコピーするという ことを早いうちに覚えてしまい(これはパターンが非凡なもの であることの一面を示している) 、パターンが漂うすべての 惑星で、塊状の災難が引き起こされ続けた。このようにして 宇宙に生命が誕生したのである。 『銀河ヒッチハイク・ガイド』 2012年2月23日木曜日
- 3. しまだ こうじ 島田 浩二 Photo by tmaeda 2012年2月23日木曜日
- 10. 2012年2月23日木曜日
- 11. 2012年2月23日木曜日
- 12. よろしく お願いします 2012年2月23日木曜日
- 13. リッチクライアント 時代のWebアプリケーション アーキテクチャ パターンについて考える Next Generation Web Application Architecture. 2012-02-21 Ruby Sapporo Night vol.14 アップルストア札幌 日本Rubyの会 Ruby札幌 しまだ こうじ SHIMADA Koji 2012年2月23日木曜日
- 14. お品書き ✓ クライアントMVCって何だろう ✓ もういちどMVC ✓ MVC系のパターンの系譜について ✓ もういちどクライアントMVC 2012年2月23日木曜日
- 15. 2012年2月23日木曜日
- 16. Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. 2012年2月23日木曜日
- 17. Demo https://github.com/snoozer05/backbone-tiny-example 2012年2月23日木曜日
- 19. Martin Fowler said photo by pragdave 2012年2月23日木曜日
- 20. MVCはさまざまな解釈をされてしまっ ているにも関わらず、それら全てが MVC という名前で記述されている。 もしそれで混乱しないようなら、あな たも伝言ゲームによるMVCの誤解の犠 牲者の可能性がある。 http://martinfowler.com/eaaDev/uiArchs.html 2012年2月23日木曜日
- 21. 現在のWebアプリケーション 開発でよく耳にするMVC http://www.flickr.com/photos/indigoskies/6523275513/ 2012年2月23日木曜日
- 22. MVC Model 2 当時 のWebアプリケーションに MVCアーキテクチャを当てはめたもの http://www.flickr.com/photos/indigoskies/6523275513/ 2012年2月23日木曜日
- 23. MVCのオリジナル ではない 2012年2月23日木曜日
- 25. 30 Smalltalk MVC 2011 3 30 http://www.smalltalk-users.jp/Home/gao-zhi/dai30kaismalltalkbenkyoukai 2012年2月23日木曜日
- 26. MVC • Model-View-Controller • XEROX PARC LRG Trygve Mikkjel Heyerdahl Reenskaug 1978-1979 – MODELS - VIEWS – CONTROLLERS • http://d.hatena.ne.jp/digitalsoul/20100913/1284330448 – DynaBook • • • http://www.smalltalk-users.jp/Home/gao-zhi/dai30kaismalltalkbenkyoukai 2012年2月23日木曜日
- 27. Model-View- Controller • • 1987 • (FXIS) • 3 • 1988 OJT http://www.smalltalk-users.jp/Home/gao-zhi/dai30kaismalltalkbenkyoukai 2012年2月23日木曜日
- 29. Model-View- Controller • MVC – Smalltalk – • • • http://www.smalltalk-users.jp/Home/gao-zhi/dai30kaismalltalkbenkyoukai 2012年2月23日木曜日
- 31. MVC • MVC • MVC • MVC http://www.smalltalk-users.jp/Home/gao-zhi/dai30kaismalltalkbenkyoukai 2012年2月23日木曜日
- 32. MVC • • • • • • http://www.smalltalk-users.jp/Home/gao-zhi/dai30kaismalltalkbenkyoukai 2012年2月23日木曜日
- 33. MVC • • – changed: – update: – – • • http://www.smalltalk-users.jp/Home/gao-zhi/dai30kaismalltalkbenkyoukai 2012年2月23日木曜日
- 34. MVC • (VC) • M VC – ( ) ( ) • on:aspect:menu: • • http://www.smalltalk-users.jp/Home/gao-zhi/dai30kaismalltalkbenkyoukai 2012年2月23日木曜日
- 35. Martin Fowler said photo by pragdave 2012年2月23日木曜日
- 36. 率直に言って、古典的なMVCは 今のリッチクライアントに対しては あまり用をなしません。 http://martinfowler.com/eaaDev/uiArchs.html 2012年2月23日木曜日
- 37. 対話型システムのMVC系 アーキテクチャの系譜 2012年2月23日木曜日
- 38. MVC系アーキテクチャパターン ✓ Presentation Model ✓ Application Model ✓ MVVM ✓ MVP 2012年2月23日木曜日
- 39. MVC系アーキテクチャパターン ✓ Presentation Model ✓ Application Model ✓ MVVM ✓ MVP 2012年2月23日木曜日
- 40. Presentation Model ✓ ドメインロジックとプレゼンテー ションロジックをモデルの層で分離 ✓ View は Model の手前に置かれ た Presentation Model を監 視する 2012年2月23日木曜日
- 41. Presentation Model Controller Presentation View 監視 Model Model 2012年2月23日木曜日
- 42. 古典的なMVCが 持っていた問題を 解決しようとしたもの 2012年2月23日木曜日
- 43. 古典的なMVCが持っていた問題 ✓ システムに存在するロジックは ビジネスロジックだけじゃない ✓ プレゼンテーションロジックの 置き場が問題 ✓ MVC では View か Model におくしか無い 2012年2月23日木曜日
- 44. Presentation Model Controller Presentation View 監視 Model Model 2012年2月23日木曜日
- 45. Presentation Model ✓ Application Model ✓ Visual Works でのアプローチ ✓ Model-View ViewModel ✓ WPF でのアプローチ 2012年2月23日木曜日
- 46. MVC系アーキテクチャパターン ✓ Presentation Model ✓ Application Model ✓ MVVM ✓ MVP 2012年2月23日木曜日
- 47. Model View Presenter ✓ 入力制御はOSさんがやってくれる のでコントローラさんが退場 ✓ 直接 View 側を操作したいプレゼ ンテーションロジックもあった ✓ ロジックを持つ側で直接いじれる 人が必要 2012年2月23日木曜日
- 48. Model View Presenter View Presenter (V/C) 操作も可 監視 Model 2012年2月23日木曜日
- 50. Controller と Presenter は 生い立ちの異なるもの 2012年2月23日木曜日
- 51. 整理 2012年2月23日木曜日
- 52. MVC系アーキテクチャパターン ✓ Presentation Model ✓ Application Model ✓ MVVM ✓ MVP 2012年2月23日木曜日
- 53. MVC系アーキテクチャパターン ドメインロジック以外のロジック をどこに置いて、それと他のコン ポーネントをどううまく協調させ るかの実践の歴史 2012年2月23日木曜日
- 54. 最近の JavaScript ライブラリ ✓ Backbone.js ✓ Knockout.js ✓ JavaScriptMVC ✓ Batman.js 2012年2月23日木曜日
- 55. Rails の世界でも ✓ Cells ✓ Draper ✓ ... 2012年2月23日木曜日
- 56. Web アプリケーションの 世界にも、リッチクライア ントと大規模化によってプ レゼンテーションロジック 問題との戦いが本格化しつ つある 2012年2月23日木曜日
- 57. Martin Fowler said photo by pragdave 2012年2月23日木曜日
- 58. MVCはさまざまな解釈をされてしまっ ているにも関わらず、それら全てが MVC という名前で記述されている。 もしそれで混乱しないようなら、あな たも伝言ゲームによるMVCの誤解の犠 牲者の可能性がある。 http://martinfowler.com/eaaDev/uiArchs.html 2012年2月23日木曜日
- 60. MVC Model 2 当時 のWebアプリケーションに MVCアーキテクチャを当てはめたもの http://www.flickr.com/photos/indigoskies/6523275513/ 2012年2月23日木曜日
- 61. MVC Model 2 当時 のWebアプリケーションに MVCアーキテクチャを当てはめたもの ではなく http://www.flickr.com/photos/indigoskies/6523275513/ 2012年2月23日木曜日
- 62. MVC系アーキテクチャパターン ✓ Presentation Model ✓ Application Model ✓ MVVM ✓ MVP 2012年2月23日木曜日
- 63. まだ(僕が)しっくりきていないこと ✓ プレゼンテーションロジックにもド メインロジックにもうまくおけない ようなロジックもあるような... ✓ クライアント側に何を置いてサーバ 側に何を置いてそれらがどう協調す べきか 2012年2月23日木曜日
- 64. Is this answer? https://gist.github.com/1362110 2012年2月23日木曜日
- 65. 先人の知恵に学びつつ さらなる実践と議論が 必要そう 2012年2月23日木曜日
- 66. 続く 2012年2月23日木曜日
- 67. その他の情報へのポインタ ✓ WPF 向けのモデル - ビュー - プレゼン ター - ビューモデル設計パターン http://msdn.microsoft.com/ja-jp/magazine/hh580734.aspx ✓ 開発者が知っておくべき、6つのUIアー キテクチャ・パターン http://www.atmarkit.co.jp/fdotnet/chushin/greatblogentry_10/ greatblogentry_10_01.html 2012年2月23日木曜日
- 68. リッチクライアント 時代のWebアプリケーション アーキテクチャ パターンについて考える Next Generation Web Application Architecture. 2012-02-21 Ruby Sapporo Night vol.14 アップルストア札幌 日本Rubyの会 Ruby札幌 しまだ こうじ SHIMADA Koji 2012年2月23日木曜日
- 69. ご清聴 ありがとう ございました 2012年2月23日木曜日
- 70. Ruby Sapporo Night 2012-02-23(Thu) Apple Store, Sapporo vol.14 2012年2月23日木曜日