1
お話ししたいこと
Ø Elm Land はわかりやすい
Ø 私の体験談
Ø Elm Land で Elm に⼊⾨する
Slide 3
Slide 3 text
2
Elm Land はわかりやすい
Slide 4
Slide 4 text
3
Elm Land はわかりやすい
機能が少ない(良い意味で)
Ø https://elm.land/
Slide 5
Slide 5 text
4
Elm Land はわかりやすい
ガイド⽂書が親切
ハンズオン形式でインターネット上へのデプロイまでを⼿引き
Slide 6
Slide 6 text
5
Elm Land はわかりやすい
Elm Land の Discord がある
Ø http://join.elm.land
l Elm Land の Twitter アカウントのプロフィールに書いてある
l Elm Land 作者の Ryan さんが丁寧に返信してくださっている
Slide 7
Slide 7 text
6
Elm Land はわかりやすい
Elm Land の概要
l SPA 作成⽤のツール(elm-spa の後継)
l elm-spa をより便利に親しみやすくしようとしているみたい
ただし 2022 年 11 ⽉時点では elm-spa より機能が少ない
l ロードマップ
https://github.com/elm-land/elm-land/wiki/Roadmap
Slide 8
Slide 8 text
7
私の体験談
Slide 9
Slide 9 text
8
私の体験談
⾃⼰紹介
l ねぎぼうづ @negiboudu
l システムエンジニア Elm 関係ない
l 2018 年頃 Elm と出会った
l Elm Playground でだんごむしころころゲームを作った程度の実⼒
Slide 10
Slide 10 text
9
私の体験談
「Elm は簡単」と⾔うけれど…
l Elm Guide を読んだけど何を作ったらいいのかわからなかった
l ブログサイトを作りたくなって elm-pages 頑張ってみたけど挫折した
l でも Elm Land でなら作れた︕
Slide 11
Slide 11 text
10
私の体験談
作ったブログサイト
https://negiboudu-blog.vercel.app/
l コンテンツの⼊稿は microCMS(ヘッドレス CMS サービス)から
l JamStack ではないがわかりやすく楽しく作れたことが⼤事
Slide 12
Slide 12 text
11
Elm Land で Elm に⼊⾨する
Slide 13
Slide 13 text
12
Elm Land で Elm に⼊⾨する
だんどり
1. Elm Guide などで Elm の基礎を学ぶ
2. Elm Land のガイドの通りにやってみて Web アプリを作る
3. ⾃分の好きなように改造してみたり最初から作ってみたりする
Ø Elm で楽しく Web アプリを作っている︕
Slide 14
Slide 14 text
13
Elm Land で Elm に⼊⾨する
ポイント
l Elm Land がルーティングなどの⾯倒なところを助けてくれる
l とはいえ…わかるまではちょっと⼤変
l いっぺんに全部理解しようとせずに少しずつ
l 順序良くやってもいいし途中で⾏ったり来たりしても良い