前回までは、Elm-architecturの基本について学びました。
今回はちょっとだけ自分で手を動かしてみます。
トリプルカウンター
作成するのは３つのカウンターです。とはいえ、前回２つのカウンターを作ったのでホントにカンタンな応用ですが。
パッケージインストール
何はともあれパッケージインストール。既存のelm-packageを転用します。
インストール。
$ elm-package install -y
ファイル作成
必要なファイルを作成します。
$ touch Main.elm, Counter.elm, TripleCounter.elm
コーディング
ざっくりですみませんが、以下のようなファイルになりました。
Counter.elm
TripleCounter.elm
Main.elm
ちなみに、コンパイル時にきちんとエラーが出ました。
コンパイル時にエラーが出るってありがたいことですね…とElmを学んでから思うようになりました。
Demo
http://chuck0523.github.io/JSPractise/elm/triple-counter/index.html
