ウェブアプリケーションを構築するためのシンプルなパターンです。モジュール性やコードの再利用性、テストのしやすさなどに優れています。Elmでは「簡単」ですが、どんなフロントエンドプロジェクトにおいても便利なものです。着想を得て作られたものなので、このパターンの派生をすでに見たことがある人もいるかもしれません。実際のプロジェクトでElmを使うことができないとしても、Elmを使いこのパターンを修得することで得るものは多いでしょう。Reactなど他のJSフレームワークを使う場合でも、Elmアーキテクチャーの考え方は役立てることができます。†どんなElmプログラムも、次の3つの要素に明確に分割することができるでしょう。言い方を変えれば、Elmのコード片は、この3つのいずれかに必ず当てはまるってことですね?もしくは、この3つに関わるライブラリーなどに属しているはず、と。状態の表示この3つの仕組みがあれば、理論上はアプリを作ることができる。これがElmアーキテクチャーの考え方、ということでしょうか?どういうことなのか?さらにElmのガイドを読み進めてみましょう。replを使いました。この章からは、自分自身のElmファイルを作るように切り替えていきます。オンラインエディタでも構いませんが、もしElmのインストールを済ませたなら、これらの簡単な指示に従うことで、あなたのコンピュータ上ですべての作業をすることもできます!ということで、示されたリンク先を見てみると、「elm-architecture-tutorial」というページになっていました。recompile!「elm-architecture-tutorial」というのが、よく分からないので、検索してみましょう。†とりあえず、上記コマンドが実行できるのか?Windowsのコマンドプロンプトで「git」というコマンドを入力してみたら、gitのヘルプが出てきました。これは、以前にgitをWindowsにインストールしていたからだと思います。concept.上記のヘルプを参考にして、Windowsにインストールされているgitのバージョンを確認してみます。2.21.0.windows.1とりあえず、gitコマンドが使えるので、gitでelm-architecture-tutorialをインストールしてみます。適当に作業フォルダを作ります。(とりあえずCドライブの直下に「elm_test」とか)コマンドプロンプトを開いて、作業フォルダに移動します。コマンドプロンプトで以下のコマンドを入力します。reactorすると、こんなメッセージが表示されていました。開いたら、Elmアーキテクチャーのサンプルページが表示されました。開いたら、Elmの各パーツのサンプルページが表示されました。開いたら、Elmのエラーメッセージが表示されました。now.WindowsにインストールしたElmは最新バージョンの「0.19.1」でしたがサンプルページを作成するために使われたElmは古い「0.19.0」とのこと。設定されている「elm.json」を見てみます。"0.19.0",」となっており、バージョンがずれていました。"0.19.1",」に変更して、Webページを再読み込みします。すると、今度は別のエラーメッセージが表示されました。time!なんか、ファイルが足りないというメッセージが出ましたが、Elmガイドを読み進めながら、エラーを解消できるデバッグ力を身につけたいと思います。†どうしてもうまく解消できない場合は、とりあえずElmをオンラインで実行できるツールを使いながら学習を進めてみたいと思います。