Elm

Elm Architectureを利用したMVVMでのUserControl --- C# WPF

下記記事にて、C#でElm Architectureを利用してWPFアプリケーションを作成しました。 Elm Architectureを利用したMVVM --- C# WPF - 何でもプログラミング今回はElm ArchitectureでUserControlを実装してみたいと思います。F#版での実装は下記記事を参照して…

Elm Architectureを利用したMVVM --- C# WPF

下記記事にてF#でElm ArchitectureをWPFに導入してみました。 F#でWPF --- Elm Architectureを利用したMVVM - 何でもプログラミング今回はC#で近いものを実装してみたいと思います。F#の方ではサポートしたModel→ViewModelの変換は省略していますので、必要…

Elm --- 階層化

Elm

下記記事にてElmを用いてカウンタを実装しました。 Elm --- Model、View、Update - 何でもプログラミング今回はこのカウンタを再利用して、複数のカウンタを配置してみます。内容はElmのTutorialにあるものとほとんど同じです。 作成するアプリケーション カ…

F#でWPF --- チェックボックスCommand

今回はチェックボックスのCommandを利用したアプリケーションを作成します。 作成するアプリケーション チェックを入れるとダイアログの背景がグレーに、外すと白になるアプリケーションを作成します。 CommandParameter チェックの状態をCommandと共に送る…

F#でWPF --- Elm Architectureを利用したMVVM --- Model側のキャッシュ

下記記事で紹介いたしました構造において、Viewの差分更新は自動で行われるのですが、その他の部分は全て毎回作成することになっています。 F#でWPF --- Elm Architectureを利用したMVVM - 何でもプログラミングもし時間のかかる処理が存在する場合は毎回計…

F#でWPF --- Elm Architectureを利用したMVVM

下記の記事でMVVMを紹介しましたが、実装が冗長であるという問題がありました。 WPFにおけるMVVM - 何でもプログラミング今回は下記記事で紹介しました、簡素な記述のできるElm ArchitectureをMVVMに適用します。 Elm --- Model、View、Update - 何でもプロ…

Elm --- Model、View、Update

Elm

Elmの基本構造を、Elmのサンプルにあるカウンタを用いて紹介します。 作成するアプリケーション ボタンを押すと数値が+1もしくは-1される簡単なものです。 Elmの基本構造 Model アプリケーションの状態を保持 Update 送られてくるメッセージに従ってModelを…

Elm --- インストール、動作確認

Elm

ダウンロード Elmのサイトに行ってインストーラをダウンロードします。 インストール デフォルトの設定で問題ありません。 Visual Studio Code 拡張機能インストール 今回はエディタとしてVisual Studio Codeを利用します。 拡張機能でelmパッケージをインス…