$30 off During Our Annual Pro Sale. View Details »

Elm_LandでElm入門

negiboudu
November 13, 2022

 Elm_LandでElm入門

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

negiboudu

November 13, 2022
Tweet

Other Decks in Programming

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