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アプリ開発日記•1年前

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
149ブックマーク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•2年前

AndroidでMVVM

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

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

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

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

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

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
sh1’s diary•1ヶ月前

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…

sh1’s diary•1ヶ月前

C# CommunityToolkit.Mvvm の学習１

ランキング参加中プログラミング MVVM Toolkit のサンプルプログラム Introduction to the MVVM Toolkit で、MVVM Toolkit パッケージはいつ使うべきなの？ MVVM Source generators 参考 WinUI3 でも利用できる MVVM として「MVVM Toolkit」の学習をはじめました。 その内容について、メモします。 MVVM Toolkit のサンプルプログラム .NET Community Toolkit - Samples サンプルを実行する際に zip でダウンロードしてしまったときは、次のダウンロードが必要です。（…

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

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

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

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

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

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

Yusuke Saitoの雑記•4ヶ月前

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•4ヶ月前

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の関係と役割に焦点を当て、そ…

芒月記•5ヶ月前

JavaScript/TypeScript初学者の備忘録（３）

概要 ここでは、紫微斗数という占いの命盤を作るための盤面を表す HTML/CSS と、 そこにアニメーションを加える TypeScript を書いてみる。 概要と事の経緯については、 0. Figma 奮闘記と JavaScript との邂逅を参照のこと。 0. Figma 奮闘記と JavaScript との邂逅 1. 最低限の環境構築とアニメーション 2. TypeScript の環境構築 3. 命盤用の盤面の作成 概要 盤面の作成 HTML CSS (ベースの配置) CSS (宮の設定) CSS (宮の配置) TypeScript によるアニメーションの追加 宮の選択 宮のハイライト ま…

我が家の流儀•7ヶ月前

WPFでのデータの持ち方(MVVMのMODEL)

WPF アプリケーションでのデータの持ち方を紹介します。 MVVM の利用有無にかかわらず、アプリケーションのデータをどこでもつか悩みどころです。WPFはフレームワークによるコードの隠蔽化が WinForm より顕著なため、どこからプログラムがスタートするさえ分かりにくいです。正直、とっつきにくいです。 データの持ち方 アプリケーションでデータを管理するときに使用するのが、ひっそりと追加されている App.xaml.cs です。 App.xaml.cs は App.xaml の影に隠れていますが、アプリケーションにとって最も大切なソースです。 App.Xaml.cs は Application…

業務のためのC#・C言語・C++学習•8ヶ月前

Windowsアプリケーション開発に必要なVisual Studioとframeworkについて

私が思う「Visual Studioとフレームワークを使ってWindowsアプリケーション開発するメリット」は簡単にアプリケーション開発が出来る事だと考えます。 初めてGUIアプリケーションを作った際に画面にボタンを配置してvisual studioのボタンを押せばビルドの理屈は分からないが、アプリケーションが動作したことを思い出します。この簡単さがとにかく何か作りたいプログラミング初心者にとっては、最大の魅力です。Visual studioを利用しない従来の開発では、コンパイルやリンカを意識する必要があります。。コンピュータの仕組みを理解する上では大切ですが、初学者には大変かもしれません。 …

業務のためのC#・C言語・C++学習•9ヶ月前

【C#-WPF】MVVMパターンでDataGridを実装する方法

MVVM（Model-View-ViewModel）は、WPF（Windows Presentation Foundation）などのXAMLベースのアプリケーション開発でよく使用されるデザインパターンです。MVVMはアプリケーションのロジックとUIを分離し、テスタビリティや保守性を向上させることを目的としています。DataGridの実装においてもMVVMパターンを適用することで、柔軟で拡張可能なコードを実現することができます。 実装するUI Viewの準備 まずは、DataGridを表示するViewを作成します。これはXAMLファイルとして実装されます。 <!-- MainWindow.xa…

AmiVoice Techblog•1年前

Windowsアプリにマイク録音を実装してみた。音声認識アプリ開発の第一歩！

はじめに こんにちは。小関です。株式会社アドバンスト・メディアにて、ACP関連の開発を担当しています。 今回はC#を用いてWindowsアプリでマイク録音の部分を実装していきたいと思います。 完成形 開発環境 Windows 10 Visual Studio 2019 WPFアプリケーション .Net 5.0 実装 以下の手順でアプリを実装していきたいと思います。 AmiVoice Cloud Platform(ACP)への登録 プロジェクトの立ち上げ MVVMモデルの適応 接続マイクから音声データ取得 ACPを利用してWebSocketを介した音声認識 作成したプログラム・UIの連係 ステッ…

創作世界のいろいろ〜AdobeとかC#とか•1年前

4【MySQL】MySQL DBをMAUIでバインディングして新規登録もする

前回の続きのはずだったけど色々中身が変わってます。手順としては同じ作業 matsrikagraphic.hatenablog.com データベースに接続するServiceクラスを作成する MVVMパターンのViewModelやModelと別に、Serviceクラスというcsにデータベースに直接接続する部分の実装をしていくのが良いみたいです。 public class DBService { //Balanceクラス public ObservableCollection<Balance> Balances { get; set; } //TODO Workerクラス、Companyクラス //…