タグ

MVVMに関するhiroyadoraemonのブックマーク (9)

  • 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 with RxSwift
  • 薄いフレームワーク指向の Web クライアントサイドプログラミング - Hatena Developer Blog

    こんにちは、Web アプリケーションエンジニアの id:nanto_vi です。先日開催された Kyoto.js #12 において、「薄いフレームワーク指向の Web クライアントサイドプログラミング」と題した発表を行いました。とある Web アプリケーションの開発にあたって、JavaScript による GUI プログラミングにどう取り組んだかという話になります。当日のスライドの内容に口頭で伝えた内容を加え、以下にまとめます。 前提 SPA ではない そこまで覚悟しなくてもよい 薄いフレームワーク指向 cf. ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011 開発期間が決まっている Web アプリケーションを新規開発するにあたり、クライアントサイドをどう実現するか。ここでは開発期間が決まっているというのが大きな要因となり、チームメンバーの

    薄いフレームワーク指向の Web クライアントサイドプログラミング - Hatena Developer Blog
  • [Knockout]MVVMパターンでアプリケーションを構築する

    コーナーは、技術評論社発行の書籍『JavaScriptライブラリ実践活用[厳選111]』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『JavaScriptライブラリ実践活用[厳選111]』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 KnockoutはModel-View-ViewModel(MVVM)パターンをサポートするライブラリです。Knockoutではデータバインドを用いて、宣言的にView(HTML)とViewModelを関連付けます。そうすると、Viewを変更すればViewModelが、ViewModelを変更すればViewがというように、一方の変更がもう一方に自動的に反映されるようになります。また、Viewのボタンクリックなどのアクションについても、データバインドを使ってViewM

  • Google Sites: Sign-in

    Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

  • クライアントサイドMVVMアーキテクチャとVue.jsをまとめたよ

    2014 年 03 月 22 日に開催された MVP Community Camp 2014 名古屋会場で発表させていただいたセッション資料です。

    クライアントサイドMVVMアーキテクチャとVue.jsをまとめたよ
  • Understanding Basics of UI Design Pattern MVC, MVP and MVVM

    Understanding Basics of UI Design Pattern MVC, MVP and MVVM Introduction This is my first article and I hope you will like it. After reading this article, you will have a good understanding about "Why we need UI design pattern for our application?" and "What are basic differences between different UI patterns (MVC, MVP, MVVP)?”. In traditional UI development - developer used to create a View using

  • 完敗だぜ!Knockoutでノックアウト - 導入編 | 株式会社ヌーラボ(Nulab inc.)

    みなさんこんにちは。江口です。 前回のエントリで予告したとおり、今回は MVVM パターンを利用して動的な UI を作成することのできる JavaScript ライブラリ「Knockout」について紹介します。 Knockout とは Knockout は主な特徴として 宣言的バインディング 自動 UI 更新 依存性追跡 テンプレート という4つのコンセプトを謳った JavaScript のライブラリです。このコンセプトの中で特に重要となるのは「宣言的バインディング」と「自動 UI 更新」になります。 この機能を利用することで、下の例のように UI 上の更新したい要素を id や class 属性の指定などを指定して探しだしてから変更するようなコードは必要なくなります。Knockout を使うと ViewModel 内の変数を単純に書き換えるだけで、その変数と結びついた要素が自動的に変更さ

    完敗だぜ!Knockoutでノックアウト - 導入編 | 株式会社ヌーラボ(Nulab inc.)
  • YKSoftware - for WPF Developers

    Introduction MVVM パターンとは、アプリケーションの内部構造を Model、View、ViewModel の 3 つに大別して開発をおこなうソフトウェアアーキテクチャの 1 つです。 最大の特徴は、ロジックと UI が分離されることで、プログラマーとデザイナーの分業が比較的容易となることです。 Fig.1 : MVVM パターン概略図 3 つの役割をおおまかにいうと、Model はアプリケーションの中核となる処理、View はユーザが直接触れる GUI、ViewModel は View に表示する情報の保持および変換をそれぞれ担当します。 これらは理想的には完全に分離できるはずで、実際のコードもこれだけ綺麗に分かれるとアプリケーションの内部構造が非常に明確で、 いわゆるスパゲティコードにならずに済みます。 MVVM パターンは、ロジックと UI(Model と View)の

    YKSoftware - for WPF Developers
  • 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のModelにまつわる誤解 - the sea of fertility
  • 1