Hatena Blog Tags
はてなブログ トップ
MVVMパターン
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

MVVMパターン

(コンピュータ)
【えむぶいぶいえむぱたーん】

MVCパターン(Model/View/Controller)やMVPパターン(Model/View/Presenter)などの設計パターンの派生形の一つ。
Microsoftの開発テクノロジであるWPF(Windows Presentation Foundation)やSilverlight 等、XAML を使うフレームワーク向けに特化されたアプリケーション設計パターンである。
Model/View/ViewModel の 3階層にアプリケーションを分離し、View を XAML、ViewModel・Model を C#・VB.NET 等の言語で開発する。
そしてプレゼンテーション層である View 〜 ViewModel を、イベントドリブンでなくバインディング中心で結びつけるのが大きな特徴である。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
musicLineアプリ開発日記•2年前

SwiftUI + MVVMでの実装調査

musicLineのiOS版を開発する時に、MVVMパターンの構造を選択した話。 iOSアプリ開発におけるSwiftUIとMVVMを使った実装方法を調査しました。 いつでも、どこでも、気軽に作曲 ♪ musicLineをインストール また実際にSwiftでタイマーを作ってみて、MVVMパターンの実装例を紹介します。 MVVMを使った実装例（後述） はじめに MVVMとは ソースコードを Model View ViewModel に分類して開発しやすくする構造です。 例えば、ユーザーがViewのボタンを押した時 ViewからViewModelへコマンドを送信 ViewModelがModelを操作…

#アプリ開発#iOS開発#MVVMパターン

ネットで話題

もっと見る
259ブックマークGUIアーキテクチャパターンの基礎からMVVMパターンへPlease select the category that most closely reflects your concern about the presentation, so that we can review it and determine whether it violates our Terms of Use or isn't appropriate for all viewers.www.slideboom.com
241ブックマークMVVMパターンの常識 ― 「M」「V」「VM」の役割とは？（1/5） - ＠IT.NET開発者中心 厳選ブログ記事 MVVMパターンの常識 ― 「M」「V」「VM」の役割とは？ ―― 「the sea of fertility」より ―― 尾上 雅則 2011/05/18 「.NET開発者中心 厳選ブログ記事」シリーズでは、世界中にある膨大なブログ・コンテンツの中から、特にInsider.NET／.NET開発者中心の読者に有用だと考えられるブログ記事...atmarkit.itmedia.co.jp
151ブックマークMVVMパターンの適応 – 2011年のMVVMパターンの常識 - the sea of fertilityMVVMパターンに関する認識・知見があちこちに散らばっているように見えるので、そろそろまとめてみる事にしました。この記事は、他の各サイトの記事などでMVVMの基本的な考え方・実装方法などを把握されている方が対象です。 そういった方がMVVMパターンを実務に適応してみようと思った時や、MVVMパターンを要件に合わせ...ugaya40.net
147ブックマークVue.jsで実現するMVVMパターン Fluxアーキテクチャとの距離speakerdeck.com
146ブックマークMVVMパターンとイベント駆動開発、そしてMVC/MVP/PMパターンとの関係 – 何故MVVMなのか - the sea of fertilityWPF/Silverlight開発において、イベント駆動開発じゃ何故いけないのか？ MVC/MVP/PMパターンとMVVMはどう違うのか、どういったメリットがあるのか？ そういう声を聴く機会は少なくありません。 MVVMパターンとイベント駆動開発、MVC/MVP/PMパターンとの関係について僕の理解をまとめました。 MVVMパターンをわざわざ適応...ugaya40.net
133ブックマークMVVM パターンをより深く理解する - Yuta Watanabe's Blogyutawatanabe.hatenablog.com
120ブックマーク実況中継シリーズ Vue.jsで実現するMVVMパターン Fluxアーキテクチャとの距離 - Re.Ra.Ku アドベントカレンダー day 13 - Re.Ra.Ku tech blogtechblog.reraku.co.jp
88ブックマーク「MVVMパターンが必要な理由」啓蒙用資料公開 - the sea of fertilityMVVMパターン的な実装は、他のプラットフォームでは選択肢の一つにすぎませんが、WPF/Silverlight(Windows Phone 7 含む)においては唯一の選択肢です。コードビハインドを書かないことはMVVMパターンそのものの定義とは関係ありません。まずはスキルにあったレベルでMVVMパターンを意識した実装を初めてみませんか？ 以...ugaya40.net
73ブックマークMVVMパターンとは？ – わんくま同盟東京勉強会 #60 セッション資料 - the sea of fertility僕のセッションの資料をアップします。 前回は時間オーバー。今回は10分も早く終わるとかorz。 わんくま同盟 東京勉強会 #60 http://www.wankuma.com/seminar/20110625tokyo60/ 普段ブログで書いているような話や、今までUPしたスライドのような話ではなくて、超初心者向けの内容です。 「一般的な設計原則とWPF/Silverl...ugaya40.net

関連ブログ

NRIネットコムBlog•3年前

AndroidでMVVM

本記事は モバイルアプリWeek 2日目の記事です。 📲 1日目 ▶▶ 本記事 ▶▶ 3日目 📲 はじめに ネットコムのブログが出来てからはじめてのブログ執筆になります、クラウド部の西村です！ 私は去年の夏から右も左も分からないままAndroid開発に携わるようになり、初期の頃はMVVMに対して「自分の作っているものがMVVMというものを採用しているらしい！」ぐらいのかなりぼんやりとした認識しかありませんでした。 ですがAndroidエンジニアとしての1年目がそろそろ終わりそうな今、MVVMをある程度理解し、加えて理解度に比例して開発効率が上がったな〜という実感もあるので、今回整理と備忘のため…

#MVVM#MVVMパターン#DataBinding#LiveData#Android
出力を入力へ•3年前

書評： Jetpack ComposeによるAndroid MVVMアーキテクチャ入門

久しぶりにAndoridアプリ開発がしたくて始めたけれど、 Jetpack Composeがよくわからなかった。 いろいろ調べているうちにこの本を見付けて、よさそうだったので読んだ。 概要 Android アプリ開発においてMVVMアーキテクチャを採用する方法として、Jetpack Composeを用いる方法の解説。 MVVMの解説・シンプルなアプリ例・実践的なアプリ例の3構成となっている。 自分はJetpack Composeというところに惹かれて購入したけど、どちらかというと主題はMVVMであり、 Jetpack Composeに含まれているViewModelライブラリの方に重点が置かれて…

#Android#MVVMパターン#JetpackCompose
にわかプラス•4年前

MVVMフレームワーク Prismの環境構築【WPF .NET5】

WindowsでGUI付きアプリ作成したいと言う時がある。 Visual StudioがあればC#で簡単に作れるが、今後のメンテナンス性を考えるとMVVMアーキテクチャで作成したいと考えた。 そこで、PrismというMVVMフレームワークを採用したので、その導入を記事にした。 Prismとは Prism template Packのインストール Visual Studio プロジェクトの作成 対象フレームワークを.NET 5 に変更 デザインフレームワークのインストール（必須ではない） App.xamlの編集 MainWindow.xamlの編集 MainWindow.xaml.cs Reac…

#C##MVVMパターン#Windows
KEITA LOG•2ヶ月前

りあクト！ TypeScript で始めるつらくない React 開発 第 3.1 版【② React 基礎編】で学んだことメモ

りあクト！ TypeScript で始めるつらくない React 開発 第 3.1 版【② React 基礎編】を読んで学んだことをメモしておきます。 りあクト！は 3 作あり、2 はフロントエンドの歴史や、React の基本的な知識について触れられています。 学んだこと 5 章 JSX JSX は JavaScript と XML の組み合わせ JSX は Babel や tsc でコンパイルされることを前提としたシンタックスシュガー JSX は第一引数にタグ、第二引数に属性のオブジェクト、第三引数に子要素の文字列を受け取るReact.createElementに変換される（17.0 より前…

sh1’s diary•9ヶ月前

C# CommunityToolkit.Mvvm の学習８ IoC

ランキング参加中 プログラミング IoC (Inversion of control) サービスの構成と解決 (Configure and resolve services) コンストラクタの注入 (Constructor injection) Viewmodel は "constructor injection" て、どうなの？ (What about viewmodels?) 参考 IoC (Inversion of control) MVVM パターンを使用するアプリケーションのコードベースのモジュール性を高めるに利用できる一般的なパターンは、なにか「制御の反転 (Inversion o…

ねこさんのぶろぐ•10ヶ月前

Qt Quickを使って15パズルを作成したのでメモしておく

今回、Qt Quickを用いて15パズルゲームを作成したので、困ったところなどをメモしておこうかなと思います。 ソースコードは以下になります。 github.com なぜ作った？ 元々大学3年時代、卒業研究でC++を使って実験プログラムを作ることになりました。 学科がプログラミングを専門とする専攻ではなかったため、プログラミングは不慣れでした。 そこで、C++の勉強のために15パズルゲームを作ろうとしました。 ですが、ままならないまま実験プログラムの作成時期になってしまったため放置されていたんですね。 それを最近掘り起こして動くようにした次第になります。 プログラムの解説 ここからは実際のコー…

ボイラーのチラシ裏•10ヶ月前

【MAUI】カルーセルコントロールを作ってみた

こんばんは。 今週のお題 今週はMAUIアプリでカルーセルコントロールを作ってみたので共有したいと思います。 まずはこちらの動画をどうぞ。 youtube.com まるでKindleアプリのページめくりみたいじゃないですか？ カルーセル？ カルーセルコントロールとは何でしょう？ ChatGPTに聞いてみました。 https://chat.openai.com/share/52830124-a93d-4209-8d09-896c4ae182ddchat.openai.com カルーセルコントロールとは何でしょうか？＞ChatGPT 水平方向に画像などを並べて、横方向にスクロールやスワイプして閲覧…

Yusuke Saitoの雑記•1年前

UEのMVVMについて触ってみる

はじめに UE記事一発目、UEでのMVVMについて触れていこうかと思います。 過去、お仕事でUnityにおいてC#でMVPパターンにて設計を行ったことがあるのですが、特に継続性のあるプロジェクトや複数デバイス/プラットフォームでの実装などを見越している場合では、かなりの効果を発揮すると実感しています。 今回、MVPではなくMVVMパターンに焦点を当てていきますが、UEでの設計の勉強の一つとして書いていきます。 参考 今回、alweiさんのMVVMの記事を前提とします。 - UE5 UMG ViewModelを利用してBPオンリーのMVVMをしてみる https://unrealengine.h…

rakugeido_dev’s diary•1年前

ASP.NET MVCの基礎：Model、ViewModel、Controller、Viewの連携と実践的な応用

導入 ASP.NET MVCは、Microsoftによって開発された強力なフレームワークで、Webアプリケーションの作成を簡素化します。このフレームワークは「Model-View-Controller」(MVC) アーキテクチャパターンに基づいており、アプリケーションの構造を3つの主要なコンポーネントに分割します。Modelはアプリケーションのデータとビジネスロジックを扱い、Viewはユーザーインターフェイスを表し、ControllerはModelとViewの間の通信を仲介します。この記事では、特にModel、View、ViewModel、およびControllerの関係と役割に焦点を当て、そ…