Elm

JavaScript(ES6)でElm Architecture(Virtual-DOMなし) --- 可変個コントロール

下記記事にてJavaScriptにElmのModelとUpdateの機構を取り入れてみました。 JavaScript(ES6)でElm Architecture(Virtual-DOMなし) - 何でもプログラミング今回は引き続き、可変個のコントロールに対応してみたいと思います。 アプリケーションコード カウン…

JavaScript(ES6)でElm Architecture(Virtual-DOMなし)

Elm自体がJavaScriptを生成するものなので実際には利用することはないと思いますが(さらに生のJavaScriptがよければReact.jsがあります)、ElmのModelとUpdateの仕組みを生のJavaScriptで実装してみました。WPFとC#で実装されたものは、下記記事にて参照で…

WPFでElm Architecture --- Xaml利用しない版 --- 可変個のコントロール --- データによりコントロールの種類変更

下記記事にて可変個のコントロールを表示できるよう実装しました。 WPFでElm Architecture --- Xaml利用しない版 --- 可変個のコントロール - 何でもプログラミングただし、すべてのコントロールが同じで個数のみが可変であったため、今回は入力データによっ…

WPFでElm Architecture --- Xaml利用しない版 --- 可変個のコントロール

下記記事にてXamlを利用しないElm Architectureを実装しました。 WPFでElm Architecture --- Xaml利用しない版 - 何でもプログラミングただし、固定個のコントロールにしか対応していませんでした。今回はGridなどのChildrenを動的に変更できるよう実装して…

WPFでElm Architecture --- Xaml利用しない版

下記記事にて、ViewModelまでをElm Architectureで実装し、Xamlとバインディングしてアプリケーションを作成する方法を紹介しました。 Elm Architectureを利用したMVVM --- C# WPF - 何でもプログラミング今回はXaml部分をC#側で実装したものを作成してみた…

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パッケージをインス…