MVP（MVVM）とクリーンアーキテクチャに関する理解 - Qiita
概要 クリーンアーキテクチャのキモはUseCasesが依存関係の頂点にいることだと思うし原典でもそう書かれている。 Qiita他の記事でそこをないがしろにしていきなり登場人物を複数用意して実装の話をしていたり そもそも実装サンプル読んだらそうなってない（依存方向が間違ってる）のもあったりして、もやもやした。 またクリーンアーキテクチャとMVPは両立できるのだが、まるで排他的な別物かのように書かれている記事があったりするのも気になった。 MVPとクリーンアーキテクチャ Robert Martinによる原典を見ると、クリーンアーキテクチャで大事なのは依存ルールとある。 ユースケース・エンティティを内側に、壊れやすい外界を外側に置いて、内側にのみ依存させるのがキモであり、それ以外はどこにどういった実装を施すかは詳細には書かれてないし、状況によりけりでレイヤーも増えるともある。 MVPでいうMは、
MVVMのModelにまつわる誤解 - the sea of fertility
こちらに移転してきて初めての記事です。 最近たまに話題になるので書いておきます。MVVMのModelについて誤解されやすい部分のお話です。最近よく議論してるasync/awaitの話とは関係がありません。なおこの話は以下のスライドを理解している事が前提となります。 共有したい理解(ゴール) ViewModelはModelの影 ModelについてViewModelが行うことは、イベントに対する反応と戻り値のないメソッドの呼び出ししかない事 これについての理解を共有できるよう説明していきます。 VIewModelはModelの影 スライドにもしつこく書きましたが、MV○(MVVMやMVC/MVP)のModelは大変分厚くなるし、アプリケーション間で使いまわすことなんてできません。ModelはUIを意識しない？？いや、何度も言っていますが、意識はする必要があるんです。ただUI実装の知識が必要ない
MVVM for iOS
iOSアプリケーションの開発にMVVMアーキテクチャの考えを持ち込んで設計を見直そうという話をしました
Two-Way Data Binding
Let’s build a temperature converter app in Backbone, React, Angular, Meteor and vanilla JavaScript. Vanilla JS °C ⇄ °F Vanilla JS is our baseline. Input values are synchronised using two event handlers, one on each input field. function c2f(c) { return 9/5 * c + 32 } function f2c(f) { return 5/9 * (f - 32) } var celsius = document.getElementById('celsius') var fahrenheit = document.getElementById(
Vue.js - The Progressive JavaScript Framework | Vue.js
The Progressive JavaScript Framework An approachable, performant and versatile framework for building web user interfaces. Why Vue Get Started Install Get Security Updates for Vue 2 Approachable Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Performant Truly reactive, compiler-optimized rendering system that rarely requires manual optimization.
第2回 マークアップ vs. ツリー | gihyo.jp
Webのフロントエンドで仕事をしているみなさんに質問があります。あなたにとってWebのプログラミングは、HTMLというマークアップを読み書きすることですか。それともDOM（Document Object Model）というツリー構造の操作でしょうか。今回は、この2つの関係を考えてみたいと思います。 マークアップ主義とテンプレートエンジン HTMLを書くのは簡単です。テキストにいくつかタグを付け足せば最低限のHTMLはすぐにできあがります。プログラミングの必要なDOM操作と比べると、このわかりやすさはHTMLの大きな利点です。 Web開発がマークアップの読み書きだと答えた人の多くは、おそらくRuby 用のERBやJava のJSP（JavaServer Pages）、Python向けのJinjaなど、サーバサイドで動くテンプレートエンジンを使っていることでしょう。テンプレートエンジンはH
MSDN Magazine: Cutting Edge - MVP パターンによる Web フォームの強化
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 MVP パターンによる Web フォームの強化 Dino Esposito モデル - ビュー - コントローラー (MVC: Model-View-Controller) パターンの登場は、ソフトウェア開発においては重大な出来事です。MVC は、懸案事項を切り分けてアプリケーションを設計することで、開発プロセスが改善され、完成したアプリケーションが強化されることを示しました。また、パターンを実現する再現性のあるアプローチももたらしました。 しかし、MVC は完全ではなかったため、長年の間にいくつかのバリエーションも登場しました。 MVC は 1980 年代に考案されたため、Web の開発に直接適応しないとい
Understanding MVVM - A Guide For JavaScript Developers
April 10, 2012 MVVM (Model View ViewModel) is an architectural pattern based on MVC and MVP, which attempts to more clearly separate the development of user-interfaces (UI) from that of the business logic and behaviour in an application. To this end, many implementations of this pattern make use of declarative data bindings to allow a separation of work on Views from other layers. This facilitates
JavaScriptのMVCフレームワークと仲間たち ｜ Classmethod.dev()
JavaScriptのMVCフレームワークと仲間たち JavaScriptでイイ感じに開発をしたいという欲求が高まってきたため、自分でフレームワークを作らずに世界の賢者たちから学びたいと思います。今回は、JavaScriptでMVCフレームワーク等を実現しているフレームワークや周辺のライブラリ、さらにはツールやユーティリティまで幅広くご紹介します。 (2012/1/17 updated) Backbone.js Spine.js JavaScriptMVC AngularJS SproutCore Ember.js YUI App Framework Broke.js Fidel.js Sammy.js KnockoutJS eyeballs.js The M Project Knockback Batman.js Shipyard.js Agility.js ベース jQuery Doj
Knockout 2.0.0 released
Here it is at last! Knockout 2.0.0 contains a huge set of improvements since the 1.2.x line. If you’re using KO already, see below for some of the highlights. Published Dec 21, 2011 New to all this? Now’s a great time to check it out. Knockout is an MVVM library for JavaScript – it makes rich dynamic web UIs easier and cleaner to build. The best place to start learning is with the interactive tuto
開発者が知っておくべき、6つのUIアーキテクチャ・パターン - ＠IT
.NET開発者中心 厳選ブログ記事 開発者が知っておくべき、6つのUIアーキテクチャ・パターン ―― 「matarillo.com」より ―― 猪股 健太郎 2011/12/15 「.NET開発者中心 厳選ブログ記事」シリーズでは、世界中にある膨大なブログ・コンテンツの中から、特にInsider.NET／.NET開発者中心の読者に有用だと考えられるブログ記事を編集部が発掘・厳選し、そのブログ記事を執筆したブロガーの許可の下、その全文を転載・翻訳しています。この活動により、.NET開発者のブログ文化の価値と質を高め、より一層の盛り上げに貢献することを目指しています。 Martin Fowler氏の『GUI Architectures』を訳して公開しようと思ったのだが、FAQページに「PofEAAの続編などは商業出版する予定なので翻訳はしないでほしい」と書いてある。なので翻訳の公開はやめて、「
「MVVMパターンが必要な理由」啓蒙用資料公開 - the sea of fertility
MVVMパターン的な実装は、他のプラットフォームでは選択肢の一つにすぎませんが、WPF/Silverlight(Windows Phone 7 含む)においては唯一の選択肢です。コードビハインドを書かないことはMVVMパターンそのものの定義とは関係ありません。まずはスキルにあったレベルでMVVMパターンを意識した実装を初めてみませんか？ 以前の勉強会発表資料（わんくま勉強会での発表資料の半分以上をカットし、Androidテスト祭り分追加）を加工し、社内勉強会、そのほかの勉強会・ブログなどで自由に使える資料として公開します。私の個人名は抜いてあります。 無許可の改変・引用なども問題ありません。ただ、資料の直接の商用利用などはご遠慮ください。 ブログに張り付けたい場合、下のbマークから埋め込み用URLを取得できます。 「コードビハインドを書くのはMVVMパターンではない」などの誤解が、MVVM
MVVMパターンとは？ – わんくま同盟東京勉強会 #60 セッション資料 - the sea of fertility
僕のセッションの資料をアップします。 前回は時間オーバー。今回は10分も早く終わるとかorz。 わんくま同盟 東京勉強会 #60 http://www.wankuma.com/seminar/20110625tokyo60/ 普段ブログで書いているような話や、今までUPしたスライドのような話ではなくて、超初心者向けの内容です。 「一般的な設計原則とWPF/Silverlightの特徴から導出するMVVMパターン」という副題が付けてあります。 とりあえずSlideboomはパワポアニメもいけるようで大満足。 レビュー協力してくれた秘密組織 謎クエリの会のみんな、@xin9leさん本当にありがとう！。 課題 反省会という名の、いつものメンバー的な３次会で、「WeakEventの話はレベル１にふさわしくないんじゃないの？」という意見をもらっていたり。WeakEventパターンへの踏み込んだ解説は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - bredele/lego: 👾 Create large scale and reactive web applications brick by brick
JsRender/JsViews
GUIアーキテクチャパターンの基礎からMVVMパターンへ
MVVMパターンと他のUIパターン
Pros and cons of MVVM framework and how I can campare it with MVC?
o_O/examples/todos/index.html at master · weepy/o_O
GitHub - weepy/o_O: Funnyface: HTML binding for teh lulz
