Elmロードマップ

(なんでロードマップが必要なのか書く)

Elm Guideをさらっと一周

Elm Guideをさらっと一周しましょう。

Elm Syntaxを読む

Elm Syntaxで文法を学びましょう。JSに慣れている人は、Syntax vs JSを見ても良いかも。

文法がなんとなく抑えられたら、Elm Coreを見てREPLやElm Reactorでいじってみましょう。特にBasic, Listパッケージなどを触っておくと良い。

HTMLをガチャガチャ組んでみる

とにかくElmをやっていく上で、Htmlと仲良くする必要がある。ネストさせたり分岐させたり、関数に分けたり感覚を掴んで。直前に学んだCoreの簡単な関数を使ってみると良いかも。Listを使えるようになっておくと後々楽。

Exampleをいじってみる

ExamplesはPlayGround上で動く小さなサンプル。ちょこちょこコードをいじってみよう。

ここですかさ、Elm Guideをもう一周

今度は、Elm Guideをじっくり一周してみましょう。The Elm Architecture(TEA)を意識すること。

副作用を使わない小さいアプリを作ってみる

Elm ReactorやParcelなどを使って腕試ししてみましょう。Elm Coreのパッケージのいろんな関数を意識して使ってみると良いかも。Listパッケージは必修。

乱数でCmdと仲良く

Randomパッケージを覗いて、小さなアプリを作ってみよう。

カスタム型とパターンマッチとこんにちは

Elmガイドのカスタム型とパターンマッチを使ってみよう。MaybeやResultパッケージはとてもよく使うカスタム型なので、ここで使い方をしっかり抑えておこう。mapやandThenなどの高階関数の使い方を覚えておくとなおよし。

いろいろなイベントと戯れてみる

MDNを見ながら、JSONを駆使していろんなイベントをハンドリングしてみよう。Htmlパッケージのソースコードを参考にしながらセレクトボックス・ラジオボタンなどを触ってみると良い。

HTTPでCmdと仲良く

HTTPとJSONパッケージを使って、GitHubやQiitaなどのAPIを叩いたWEBアプリを作ってみよう。Taskを使ってみると刺激的かもしれない。

Time(Task)

Webアプリで時間をいじるのは必須テク。TimeパッケージでTaskのことを少し学んでみよう。Timeは筋力を要求されるので慣れておこう。

Sub

直前に学んだTimeパッケージなどを利用して、定期購読(Sub)を使ってみよう。Examplesを参考にいじくると良い。

ports

portsでJSと会話しよう。初級編は、Local Strage。Firebaseとかを使えると実践的な力が付くかも。

モジュール分割

既に穴が開くほど見ているであろうElmガイドのモジュールのところを見てみよう。また公式ライブラリなどのソースコードを見てモジュール分割の例を学ぼう。

SPA(モジュール分割なし)ジャブ

既に穴が開くほど(ry ElmガイドのURLをパースするを見よう。Urlパッケージを学びながら、簡単なルーティングを試してみよう。

SPA(モジュール分割あり)にチャレンジ

package.elm-lang.orgやelm-spa-exampleなどを参考にモジュール分割を含んだSPAを作ってみよう。これが実質ラスボス。何度も何度もチャレンジして絶望しながら体得しよう。SPAは難しい。

パフォーマンスを気にしてみよう

HtmlのKeyedやLazyパッケージを覗いて、パフォーマンスをチューニングしてみよう。

Elmパーサを使ってみよう(おまけ)

唯一いろんな記号を使える公式ライブラリelm/parserをいじってみよう。

Elm コンパイラを覗いてみよう(おまけ)

Elmのコンパイラを覗きながら、Elm Effect Managersの仕組みとかを抑えてみよう。

ababup1192/elm-roadmap.md