MVVMパターンでViewModelを楽に作る方法 - かずきのBlog@hatena
MSDNマガジンの英語版の最新のを見てたら、こんな以下の記事を見つけた。 http://msdn.microsoft.com/ja-jp/magazine/ff798279(en-us).aspx まだ全部見てないけど、ここにViewModelを楽に作る方法が書いてあっておぉ〜っと思ったので紹介します。 このテクニックが使えるプラットフォームは.NET Framework 4です。 ViewModelは、作るとViewとModelを切り離せるけど、Modelをラップするようなプロパティを大量に作らないといけません。 例えば、以下のようなModelがあったとして public class Person { public string FullName { get; set; } } 以下のようなViewModelを作ります。 // ViewModelBaseはINotifyPropertyC
MVVM with RxSwift
About the content This content has been published here with the express permission of the author. MVVM is the critical design pattern for front-end engineers. There are so many ways that objects can talk to each other in an iOS App: delegates, callbacks, notification. In this Swift Language User Group talk, Max Alexander shows you how to streamline your development process in 3 easy patterns with
今さら入門するMVVMに必要な技術要素（Xamarin.Forms & UWP） - かずきのBlog@hatena
Model View ViewModelパターン（以下MVVMパターン）が登場して約10年になります。 ここらへんで一度MVVMを実装するうえで必要になる技術要素を振り返ってみたいと思います。 その前にMVVM MVVMは以下のWikipediaあたりでも見てください。 Model View ViewModel - Wikipedia 見た目と、それ以外にクラスを分離して、さらに見た目をXAMLで作りやすいようにViewとViewModelに分離したようなイメージです。 見ていこう ということでMVVMで必要になる技術要素を見ていこうと思います。 INotifyPropertyChangedインターフェース まずは、これが無いと始まりません。MVVMではViewはViewModelを監視して、ViewModelはModelを監視していることが多いです。その時に、クラスのプロパティが変わった
MVVMのModelにまつわる誤解 - the sea of fertility
こちらに移転してきて初めての記事です。 最近たまに話題になるので書いておきます。MVVMのModelについて誤解されやすい部分のお話です。最近よく議論してるasync/awaitの話とは関係がありません。なおこの話は以下のスライドを理解している事が前提となります。 共有したい理解(ゴール) ViewModelはModelの影 ModelについてViewModelが行うことは、イベントに対する反応と戻り値のないメソッドの呼び出ししかない事 これについての理解を共有できるよう説明していきます。 VIewModelはModelの影 スライドにもしつこく書きましたが、MV○(MVVMやMVC/MVP)のModelは大変分厚くなるし、アプリケーション間で使いまわすことなんてできません。ModelはUIを意識しない？？いや、何度も言っていますが、意識はする必要があるんです。ただUI実装の知識が必要ない
ストアアプリでListViewに左右のスワイプ処理を追加するという記事が面白かったのでReactivePropertyを使って書いてみた - かずきのBlog@hatena
元ネタ めとべや東京 #7で登壇してきましたその1 ストアアプリでListViewに左右のスワイプ処理を追加する - shinji-japanのブログ 面白い内容です。読んでて記事内容で疑問点がいくつか出てきました。 なぜItemTemplate内のBorderの横幅と縦幅を明示してるのか スワイプされた要素はどうやって特定するのか MVVMちっくに書きたい なぜItemTemplate内のBorderの横幅と縦幅を明示してるのか これはおそらくイベントを拾うため。ItemContainerStyleでHorizontalContentAlignmentとVerticalContentAlignmentをStretchにしてやることで、ItemTemplateの中身がいっぱいにひろがって明示的にサイズを指定しなくても、イベントが拾えるようになりました。 具体的にはItemContainer
MVVM系フレームワークとReactivePropertyの組み合わせのサンプルプログラムを書きました - かずきのBlog@hatena
以下の3つのMVVMライブラリと Livet MVVM Light toolkit Prism ReactiveProperty(v2系使ってます)のサンプルをコードレシピに書きました。どれも、ほぼ同じ挙動をするサンプルなので比較用にでもどうぞ。 所感としては、WPFならLivetが一番機能が豊富で次点でPrismで一番機能が少ないのがMVVM Light toolkitです。対応プラットフォームが多いのは、MVVM Light toolkit、Prism、Livetの順番です。 機能特化か、汎用をとるかケースバイケースで自分にあったものを選ぶのがいいと思います。
ReactiveProperty オーバービュー - かずきのBlog@hatena
最新版は以下のページになります。 MVVMとリアクティブプログラミングを支援するライブラリ「ReactiveProperty v2.0」オーバービュー - かずきのBlog@hatena ReactivePropertyとは Reactive ExtensionsをベースとしたMVVMパターンのアプリケーションの作成をサポートするためのライブラリです。特徴としては、Reactive Extensionsをベースとしているため、全てをIObservableをベースとして捉えて、V, VM, Mすべてのレイヤをシームレスにつなぐことが可能な点です。 サポートしているプラットフォーム 現時点の最新版(1.2.0)で以下のプラットフォームをサポートしてます。 WPF(.NET4, .NET4.5) Windows store app 8, 8.1 Windows Phone 8, 8.1 Univ
MVVMでめんどくさいと思ってる部分を、個人的にどうやって緩和してるか - かずきのBlog@hatena
MVVMのめんどくさいと感じてるところ ModelとViewModelのクラスのマッピング MVVMでアプリ組んでるとModelとViewModelで似た構造のクラスを作って、値の移し替えを行うことがあります。AutoMapperとか使ってもいいのですが、ReactivePropertyを使うことでも楽をすることができます。 以下のようなModelクラスがあるとします。（BindableBaseクラスはPrismのINotifyPropertyChangedを実装したクラスです） public class Person : BindableBase { private string name; public string Name { get { return this.name; } set { this.SetProperty(ref this.name, value); } } pr
AvalonからMVVM、そしてRxへ(その2): GUIプログラミングの哲学の歴史
何故か書きかけで放り投げた前編が妙に反響あったので、一応続きも書いておく。 UIのプログラムというのを、準静的に書く為だけに存在するViewModelという物を導入する事にして、現実の要求と準静的なUIのギャップをだいたい埋める事に成功した人類だが、2つほど問題が残った。 1. UIからViewModelへの通知の粒度のミスマッチ 2. GUIアプリでは非UIの機能を非同期で実装しなくてはいけないが、そことViewModelのマッピングでかつての動的なGUIと似た問題が発生してしまう まず1について。 MVVMにおいては、直接イベントはハンドリングせず、基本的なUIの変化はViewModelのフィールドの変化にマッピングする(かICommandにマップする)。 例えばテキストボックスに値を入れると、対応するViewModelのstring型のメンバ変数(のsetter)に値が入る。 この対
サンプルコードを見ながら理解するMVVMの基礎的な実装 - Neutral Scent
WPFがWinFormsより敷居が高い? そりゃ、最初に掛け違ってるからですよ、きっと。 というわけで、これはXAML Advent Calendar 2014の3日目、12月3日分のエントリーです。WPF? XAML? MVVM? そんなにムズカシクないよ? というお話。 もちろんWinRTのWindowsストアアプリやWindows Phoneアプリ等、XAMLベースのプラットフォームにもほとんどすべて共通した内容です。 ここではあえて理論とか観念は説明しません。とにかくコードを見ながら仕組みと動きを理解していきます。 俺は、コードが読める、長い説明エントリーなんてめんどくせぇ、と思ったら、コード部分だけを実際に動かしながら見ていくだけでも基本的な構造が十分に理解できるのではないか、と。 サンプルプロジェクト Download: SimpleMVVM.zip github: https
Prism の MVVM 基盤を Xamarin に移植したい - しっぽを追いかけて
すでに ATND に登録されているのでご存知の方もいらっしゃるかもしれませんが、来たる 11/22（土）第二回 JXUG Conference にて登壇することになりました； 第2回 Japan Xamarin User Group Conference 東日本編 : ATND テーマは Xamarin × Prism ・・・なので Prism ネタをまた仕込まねばなりません！ というわけで「まだ」 Xamarin 対応ではない Prism を Xamarin で使えるようにする方法を調べていきたいと思います とりあえず Prism for Windows Runtime のページ を見に行ってみたら、いくつかの機能単位にライブラリが分割されていました これは移植が簡単になりそうだと思い、もっとも基盤機能といえそうな MVVM のライブラリ のソースをダウンロードして開いてみるとこんな感じ
動的プロキシなViewModelの実装とパフォーマンスの比較(MVVMパターン) - the sea of fertility
MVVMパターンで良く取り上げられる問題の一つとして、ModelからViewModelにプロパティを公開するのが面倒すぎるというものがあります。 確かに件の作業は冗長で、面倒で、MVVMパターンを使ってたアプリケーションに気軽に着手しにくいという問題を抱えていました。 ViewModelをプロキシとして機能させるアプローチ 件の作業を隠ぺいするアプローチの一つして、ViewModelを「Modelのプロパティを透過的に公開するプロキシ」として機能させるアプローチがあります。 .NET4がリリースされるまで、少なくとも標準のライブラリでは、.NET世界においてプロキシとしてのオブジェクトを作成する手段はRealProxyしか存在しませんでした(多分) RealProxyはもともとは古の.NET Remotingのための技術ですが、非常に暗黙的にオブジェクトのメンバアクセスへの割り込み処理を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue.jsで実現するMVVMパターン Fluxアーキテクチャとの距離
Prism + ReactiveProperty入門
Hire Local Pros: Get Matched to Top-Rated Painters, Plumbers, Locksmiths, Cleaners and More - SpruceJoy
Livetがもたらす自然で高速なWPF MVVMアプリケーション開発
GUIアーキテクチャパターンの基礎からMVVMパターンへ