Elm_LandでElm入門

2022/11/19（土）
Elm Meetup（第1回オンライン開催）
で発表する資料です。

Transcript

1. Elm Land で Elm ⼊⾨
   ねぎぼうづ（@negiboudu）
   

   View Slide

2. 1
   お話ししたいこと
   Ø Elm Land はわかりやすい
   Ø 私の体験談
   Ø Elm Land で Elm に⼊⾨する
   

   View Slide

3. 2
   Elm Land はわかりやすい
   

   View Slide

4. 3
   Elm Land はわかりやすい
   機能が少ない（良い意味で）
   Ø https://elm.land/
   

   View Slide

5. 4
   Elm Land はわかりやすい
   ガイド⽂書が親切
   ハンズオン形式でインターネット上へのデプロイまでを⼿引き
   

   View Slide

6. 5
   Elm Land はわかりやすい
   Elm Land の Discord がある
   Ø http://join.elm.land
   l Elm Land の Twitter アカウントのプロフィールに書いてある
   l Elm Land 作者の Ryan さんが丁寧に返信してくださっている
   

   View Slide

7. 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
   

   View Slide

8. 7
   私の体験談
   

   View Slide

9. 8
   私の体験談
   ⾃⼰紹介
   l ねぎぼうづ @negiboudu
   l システムエンジニア Elm 関係ない
   l 2018 年頃 Elm と出会った
   l Elm Playground でだんごむしころころゲームを作った程度の実⼒
   

   View Slide

10. 9
    私の体験談
    「Elm は簡単」と⾔うけれど…
    l Elm Guide を読んだけど何を作ったらいいのかわからなかった
    l ブログサイトを作りたくなって elm-pages 頑張ってみたけど挫折した
    l でも Elm Land でなら作れた︕
    

    View Slide

11. 10
    私の体験談
    作ったブログサイト
    https://negiboudu-blog.vercel.app/
    l コンテンツの⼊稿は microCMS(ヘッドレス CMS サービス)から
    l JamStack ではないがわかりやすく楽しく作れたことが⼤事
    

    View Slide

12. 11
    Elm Land で Elm に⼊⾨する
    

    View Slide

13. 12
    Elm Land で Elm に⼊⾨する
    だんどり
    1. Elm Guide などで Elm の基礎を学ぶ
    2. Elm Land のガイドの通りにやってみて Web アプリを作る
    3. ⾃分の好きなように改造してみたり最初から作ってみたりする
    Ø Elm で楽しく Web アプリを作っている︕
    

    View Slide

14. 13
    Elm Land で Elm に⼊⾨する
    ポイント
    l Elm Land がルーティングなどの⾯倒なところを助けてくれる
    l とはいえ…わかるまではちょっと⼤変
    l いっぺんに全部理解しようとせずに少しずつ
    l 順序良くやってもいいし途中で⾏ったり来たりしても良い
    

    View Slide