<p></p>
<h2 id="diffs-from-elm-meetups-2019">
<a class="header-anchor-link" href="#diffs-from-elm-meetups-2019" aria-hidden="true"></a> Diffs from Elm Meetups 2019</h2>
<p>By <a href="https://zenn.dev/ymtszw" target="_blank">ymtszw</a><br>
@<a href="https://elm-jp.connpass.com/event/262458/" target="_blank" rel="nofollow noopener noreferrer">Elm Meeetup (第1回オンライン開催)</a> (2022/11/19) <sup class="footnote-ref"><a href="#fn-524a-1" id="fnref-524a-1">[1]</a></sup></p>
<hr>
<h2 id="%E5%89%8D%E5%9B%9E%E3%81%AEelm-jp-meetup%E3%81%AF%E2%80%A6">
<a class="header-anchor-link" href="#%E5%89%8D%E5%9B%9E%E3%81%AEelm-jp-meetup%E3%81%AF%E2%80%A6" aria-hidden="true"></a> 前回のElm-jp Meetupは…</h2>
<ul>
<li>2019年 (both @六本木, Fringe81 (現Unipos))
<ul>
<li><a href="https://elm-jp.connpass.com/event/140431/" target="_blank" rel="nofollow noopener noreferrer">Elm Meetup in Summer</a></li>
<li><a href="https://elm-jp.connpass.com/event/156016/" target="_blank" rel="nofollow noopener noreferrer">Elm P1</a></li>
</ul>
</li>
<li>その後コロナ禍となり、技術系イベント開催は減少・縮小…
<ul>
<li>
<a href="https://elmjapan.guupa.com/" target="_blank" rel="nofollow noopener noreferrer">elm japan 2020</a>中止😭</li>
<li>小規模ハンズオンや勉強会・もくもく会などオンラインで</li>
</ul>
</li>
</ul>
<p>今回オンラインながらmeetup再開、ということで…</p>
<hr>
<h2 id="2019%E5%B9%B4%E5%BE%8C%E5%8D%8A%E4%BB%A5%E6%9D%A5%E3%81%AEdiff%E3%82%92%E8%BB%BD%E3%81%8F%E7%B4%B9%E4%BB%8B">
<a class="header-anchor-link" href="#2019%E5%B9%B4%E5%BE%8C%E5%8D%8A%E4%BB%A5%E6%9D%A5%E3%81%AEdiff%E3%82%92%E8%BB%BD%E3%81%8F%E7%B4%B9%E4%BB%8B" aria-hidden="true"></a> 2019年後半以来のdiffを軽く紹介</h2>
<ul>
<li>主にElm言語・ライブラリ・ツールに関して</li>
<li>グローバルコミュニティの動向とかも</li>
<li>
<a href="https://discourse.elm-lang.org/search?expanded=true&amp;q=after%3A2020-01-01%20min_views%3A2500%20order%3Alatest" target="_blank" rel="nofollow noopener noreferrer">Discourse投稿を大雑把にフィルター</a>しながら思い出しつつ書く</li>
</ul>
<hr>
<h2 id="%F0%9F%92%A0elm%2C-and-its-stability">
<a class="header-anchor-link" href="#%F0%9F%92%A0elm%2C-and-its-stability" aria-hidden="true"></a> 💠Elm, and its stability</h2>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--Zs0hVPeM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/18109da26444d3b5d2ffba68.png%3Fsha%3Dd9af4e3e0d0377d2c87b2e1f2203d2f900098e06" alt="bg right:30% fit" loading="lazy" class="md-img"></p>
<ul>
<li>Proudly Unchanged!</li>
<li>しばらくはコミュニティが盛り上げ役です</li>
</ul>
<hr>
<ul>
<li>
<a href="https://discourse.elm-lang.org/t/status-update-3-nov-2021/7870" target="_blank" rel="nofollow noopener noreferrer">Status Update - 3 Nov 2021</a>
<ul>
<li>当面の"API安定"が実質宣言されている</li>
</ul>
</li>
</ul>
<blockquote>
<p>If you like what you see in 0.19.1 now, that’s pretty much what Elm is going to be for a while!</p>
</blockquote>
<ul>
<li>
<a href="https://izumisy.work/entry/2021/11/13/181404" target="_blank" rel="nofollow noopener noreferrer">なぜElmは0.19のままか、変化すること／しないこと</a> by <a href="https://twitter.com/sy_izumi" target="_blank" rel="nofollow noopener noreferrer">IzumiSy</a>
</li>
<li>最近Evanがゆったり取り組んでいる内容などもちょっとわかります</li>
</ul>
<hr>
<h2 id="%F0%9F%8C%88elm-spa-by-ryannhg">
<a class="header-anchor-link" href="#%F0%9F%8C%88elm-spa-by-ryannhg" aria-hidden="true"></a> 🌈<a href="https://www.elm-spa.dev/" target="_blank" rel="nofollow noopener noreferrer">elm-spa</a> by <a href="https://twitter.com/rhg_dev" target="_blank" rel="nofollow noopener noreferrer">RyanNHG</a>
</h2>
<ul>
<li>
<a href="https://discourse.elm-lang.org/t/elm-spa-single-page-apps-made-easy/4950" target="_blank" rel="nofollow noopener noreferrer">Elm-spa: single page apps made easy</a>
<ul>
<li>2020/01/20</li>
</ul>
</li>
<li>ElmのTEAはある意味もう"普及した"概念</li>
<li>とはいえ実際アプリを作るにあたっては"ボイラープレート"が多い</li>
<li>それを解消しようとする"<strong>フレームワーク</strong>"の一つ</li>
<li>File-based routing, authentication handling, shared state, zero config...</li>
</ul>
<hr>
<h2 id="%F0%9F%8C%88elm-land-also-by-ryannhg">
<a class="header-anchor-link" href="#%F0%9F%8C%88elm-land-also-by-ryannhg" aria-hidden="true"></a> 🌈<a href="https://elm.land/" target="_blank" rel="nofollow noopener noreferrer">elm-land</a> also by <a href="https://twitter.com/rhg_dev" target="_blank" rel="nofollow noopener noreferrer">RyanNHG</a>
</h2>
<ul>
<li>
<a href="https://elm.land/news/hello-world.html" target="_blank" rel="nofollow noopener noreferrer">Hello, world! | Elm Land</a>
<ul>
<li>2022/10/04</li>
</ul>
</li>
<li>ちょっと先回りしてこちらを紹介</li>
</ul>
<blockquote>
<p>A (not yet) production-ready framework for building Elm applications. Build your next app with confidence, step by step.</p>
</blockquote>
<ul>
<li>elm-spaと同じRyanさんによるさらなる展開</li>
</ul>
<hr>
<h2 id="%F0%9F%93%9Aelm-pages-(v2)-by-dillonkearns">
<a class="header-anchor-link" href="#%F0%9F%93%9Aelm-pages-(v2)-by-dillonkearns" aria-hidden="true"></a> 📚<a href="https://github.com/dillonkearns/elm-pages" target="_blank" rel="nofollow noopener noreferrer">elm-pages (v2)</a> by <a href="https://twitter.com/dillontkearns" target="_blank" rel="nofollow noopener noreferrer">Dillonkearns</a>
</h2>
<ul>
<li>
<a href="https://discourse.elm-lang.org/t/introducing-elm-pages-v2/7608" target="_blank" rel="nofollow noopener noreferrer">Introducing elm-pages v2!</a>
<ul>
<li>2021/08/21</li>
</ul>
</li>
<li>Elmによる<strong>静的サイトジェネレーター</strong>
<ul>
<li>と言いつつ動的なclient-side scriptingもElmで可能</li>
</ul>
</li>
<li>File-based routing, static generation, SEO made easy...</li>
<li>
<strong>個人的推し！</strong> <a href="https://ymtszw.github.io/articles/elm-pages-and-headless-cms/" target="_blank" rel="nofollow noopener noreferrer">elm-pages・ヘッドレスCMS事始め</a>
</li>
<li>現在絶賛v3準備中</li>
</ul>
<hr>
<h2 id="%F0%9F%9A%80lamdera-v1-by-supermario">
<a class="header-anchor-link" href="#%F0%9F%9A%80lamdera-v1-by-supermario" aria-hidden="true"></a> 🚀<a href="https://lamdera.com/" target="_blank" rel="nofollow noopener noreferrer">Lamdera v1</a> by <a href="https://twitter.com/realmario" target="_blank" rel="nofollow noopener noreferrer">supermario</a>
</h2>
<ul>
<li>
<a href="https://discourse.elm-lang.org/t/lamdera-a-year-in-review-v1-0-0-paid-plans-carbon-mission-and-more/7584" target="_blank" rel="nofollow noopener noreferrer">Lamdera: A year in review</a>
<ul>
<li>2021/07/21</li>
</ul>
</li>
<li>「サーバ側もElm appとして書いちゃえ！何なら両側を一つのアプリにしちゃえ！」「は！？」
<ul>
<li>驚きのElm compiler forkなプロジェクト</li>
</ul>
</li>
<li>
<a href="https://dashboard.lamdera.app/docs/evergreen" target="_blank" rel="nofollow noopener noreferrer">Evergreen migration</a>によってデプロイ時に明示的・型安全に旧Modelから新Modelへの移行する手続きを定義するのが堅牢</li>
<li>elm-pages v3で内部的に使っているぞ</li>
</ul>
<hr>
<h2 id="%F0%9F%9A%80elm-optimize-level-2-by-mdgriffith">
<a class="header-anchor-link" href="#%F0%9F%9A%80elm-optimize-level-2-by-mdgriffith" aria-hidden="true"></a> 🚀<a href="https://github.com/mdgriffith/elm-optimize-level-2" target="_blank" rel="nofollow noopener noreferrer">elm-optimize-level-2</a> by <a href="https://twitter.com/mech_elephant" target="_blank" rel="nofollow noopener noreferrer">mdgriffith</a>
</h2>
<ul>
<li>
<a href="https://discourse.elm-lang.org/t/announcing-elm-optimize-level-2/6192" target="_blank" rel="nofollow noopener noreferrer">Announcing Elm Optimize Level 2!</a>
<ul>
<li>2020/08/20</li>
</ul>
</li>
<li>次のElmバージョンではこんな最適化ができるかも！を試すコミュニティ実験場</li>
<li>elm-pagesなどですでに内部的に使われている</li>
<li>
<code>elm</code>コマンドのdrop-in replacementとして使えるので、とりあえず試してみるのもあり</li>
</ul>
<hr>
<h2 id="%F0%9F%93%A6%40lydell%2Felm-by-lydell">
<a class="header-anchor-link" href="#%F0%9F%93%A6%40lydell%2Felm-by-lydell" aria-hidden="true"></a> 📦<a href="https://github.com/lydell/compiler" target="_blank" rel="nofollow noopener noreferrer">@lydell/elm</a> by <a href="https://twitter.com/SimonLydell" target="_blank" rel="nofollow noopener noreferrer">lydell</a>
</h2>
<ul>
<li>
<a href="https://discourse.elm-lang.org/t/help-test-the-new-npm-elm-package/8761" target="_blank" rel="nofollow noopener noreferrer">Help test the new npm elm package!</a>
<ul>
<li>2022/11/15</li>
</ul>
</li>
<li>とりあえず試してみると言えば今週出たてのコレ</li>
<li>Elmが安定している間、世の中ではArm64が急速に利用拡大（M1/M2 Mac, ラズパイなどのSBC, AWSのGraviton2...）</li>
<li>
<code>elm</code>もネイティブバイナリを～～～と思ってたところに颯爽登場
<ul>
<li>大きな問題がなければ早晩公式npmパッケージにmergeされるのでぜひ動作報告を</li>
</ul>
</li>
</ul>
<hr>
<h2 id="%E2%8C%9Belm-watch-also-by-lydell">
<a class="header-anchor-link" href="#%E2%8C%9Belm-watch-also-by-lydell" aria-hidden="true"></a> ⌛<a href="https://github.com/lydell/elm-watch" target="_blank" rel="nofollow noopener noreferrer">elm-watch</a> also by <a href="https://twitter.com/SimonLydell" target="_blank" rel="nofollow noopener noreferrer">lydell</a>
</h2>
<ul>
<li>
<a href="https://discourse.elm-lang.org/t/introducing-elm-watch-elm-make-in-watch-mode-fast-and-reliable/8653" target="_blank" rel="nofollow noopener noreferrer">Introducing elm-watch: elm make in watch mode. Fast and reliable</a>
<ul>
<li>2022/09/09</li>
</ul>
</li>
<li>Lydellさんといえばこっちも最近のリリース</li>
<li>Elmにはwatcher(ファイル変更監視&amp;HMR)実装がいくつかあるが、Elm専用にground-upで書かれた最新版
<ul>
<li>debug/optimizeビルドの切り替えやエラー表示など、Elmに寄り添っている</li>
</ul>
</li>
<li>実プロジェクトに組み込むパターンをぜひ試行しよう</li>
</ul>
<hr>
<h2 id="%F0%9F%91%AEelmls-by-razze">
<a class="header-anchor-link" href="#%F0%9F%91%AEelmls-by-razze" aria-hidden="true"></a> 👮<a href="https://github.com/elm-tooling/elm-language-server" target="_blank" rel="nofollow noopener noreferrer">ElmLS</a> by <a href="https://twitter.com/razzee" target="_blank" rel="nofollow noopener noreferrer">razze</a>
</h2>
<ul>
<li>
<a href="https://discourse.elm-lang.org/t/elm-language-server-and-a-new-vscode-plugin/3891" target="_blank" rel="nofollow noopener noreferrer">Elm language server and a new VSCode Plugin</a>
<ul>
<li>2019/06/19</li>
</ul>
</li>
<li>
<a href="https://discourse.elm-lang.org/t/another-elmls-and-vscode-client-update-1-0-0/5894" target="_blank" rel="nofollow noopener noreferrer">Another ElmLS and VSCode client update (1.0.0)</a>
<ul>
<li>2020/06/20</li>
</ul>
</li>
<li>
<a href="https://tree-sitter.github.io/tree-sitter/" target="_blank" rel="nofollow noopener noreferrer">Tree-sitter</a>の<a href="https://github.com/elm-tooling/tree-sitter-elm" target="_blank" rel="nofollow noopener noreferrer">Elm言語用実装</a>をベースとしたElmのLanguage Server
<ul>
<li>2019年以前はAtomの<a href="https://github.com/halohalospecial/atom-elmjutsu" target="_blank" rel="nofollow noopener noreferrer">elmjutsu</a>があったが、ほとんどの機能は移植済み</li>
</ul>
</li>
<li>今や欠かせない。貢献 and/or スポンサーしよう！</li>
</ul>
<hr>
<h2 id="%F0%9F%94%8Delm-review-by-jfmengels">
<a class="header-anchor-link" href="#%F0%9F%94%8Delm-review-by-jfmengels" aria-hidden="true"></a> 🔍<a href="https://github.com/jfmengels/elm-review" target="_blank" rel="nofollow noopener noreferrer">elm-review</a> by <a href="https://twitter.com/jfmengels" target="_blank" rel="nofollow noopener noreferrer">jfmengels</a>
</h2>
<ul>
<li>
<a href="https://discourse.elm-lang.org/t/announcing-elm-review/4401" target="_blank" rel="nofollow noopener noreferrer">Announcing elm-review</a>
<ul>
<li>2019/09/19</li>
</ul>
</li>
<li>
<a href="https://discourse.elm-lang.org/t/announcing-elm-review-v2/5475" target="_blank" rel="nofollow noopener noreferrer">Announcing elm-review v2</a>
<ul>
<li>2020/08/20</li>
</ul>
</li>
<li>
<strong>Elmで書ける、Elmのlinter</strong>
<ul>
<li>非常にフレンドリーなエラーメッセージとautofixを提供できる</li>
</ul>
</li>
<li>Autofixで大規模なコード生成を仕掛けることもできる
<ul>
<li>ボイラープレートコード生成器として使ってます @ Siiibo</li>
</ul>
</li>
</ul>
<hr>
<h2 id="how-to-catch-up">
<a class="header-anchor-link" href="#how-to-catch-up" aria-hidden="true"></a> How To Catch Up</h2>
<ul>
<li>このようにコミュニティの動きは熱い！どう追っていけば？</li>
<li>
<a href="https://elm-lang.org/community/slack" target="_blank" rel="nofollow noopener noreferrer">公式Slack</a>は今も健在
<ul>
<li>Arm64バイナリの議論はつい先週くらいに<code>#core-coordination</code>チャンネルで活発にかわされていた</li>
<li>ただ今もFreeプランなので時々不満が</li>
</ul>
</li>
<li>Dillonさん運営のコミュニティDiscord: <a href="https://incrementalelm.com/chat/" target="_blank" rel="nofollow noopener noreferrer">Incremental Elm</a>が活発
<ul>
<li>新規プロジェクトのアイデア議論などが多い</li>
</ul>
</li>
</ul>
<hr>
<ul>
<li>
<a href="https://discourse.elm-lang.org/" target="_blank" rel="nofollow noopener noreferrer">Discorse</a>もやっぱり重要
<ul>
<li>ElmのDiscourseは常時watchするのにちょうどいい流量</li>
</ul>
</li>
<li>
<a href="https://www.elmweekly.nl/" target="_blank" rel="nofollow noopener noreferrer">Elm Weekly</a>
<ul>
<li>ニュースレター。キュレーションしてくれているので最初はこれだけ追うのも結構良さそう</li>
<li>短いので英語苦手でも大丈夫</li>
</ul>
</li>
<li>
<a href="https://elm-radio.com/" target="_blank" rel="nofollow noopener noreferrer">Elm radio</a>
<ul>
<li>ラジオ。これも粒度的にはElm Weeklyに近い</li>
</ul>
</li>
<li>もちろん今回紹介した開発者の皆さんをフォローするのおすすめ</li>
</ul>
<hr>
<h2 id="%E7%B4%B9%E4%BB%8B%E3%81%97%E3%81%8D%E3%82%8C%E3%81%AA%E3%81%8B%E3%81%A3%E3%81%9F%E3%82%82%E3%81%AE">
<a class="header-anchor-link" href="#%E7%B4%B9%E4%BB%8B%E3%81%97%E3%81%8D%E3%82%8C%E3%81%AA%E3%81%8B%E3%81%A3%E3%81%9F%E3%82%82%E3%81%AE" aria-hidden="true"></a> 紹介しきれなかったもの</h2>
<ul>
<li>
<a href="https://gren-lang.org/news/220530_first_release/" target="_blank" rel="nofollow noopener noreferrer">Gren</a> by <a href="https://twitter.com/robheghan" target="_blank" rel="nofollow noopener noreferrer">Robin</a>
<ul>
<li>Elm forkのgeneral-purpose言語</li>
</ul>
</li>
<li>
<a href="https://github.com/mdgriffith/elm-codegen" target="_blank" rel="nofollow noopener noreferrer">elm-codegen</a> by <a href="https://github.com/mech_elephant" target="_blank" rel="nofollow noopener noreferrer">mdgriffith</a>
<ul>
<li>Elmで書ける、Elmのコード生成器</li>
</ul>
</li>
<li>
<a href="https://discourse.elm-lang.org/t/announcing-beta-of-a-new-tests-runner-elm-test-rs/6667" target="_blank" rel="nofollow noopener noreferrer">elm-test-rs</a> by <a href="https://twitter.com/mattpiz" target="_blank" rel="nofollow noopener noreferrer">mattpiz</a>
<ul>
<li>Rust製elm-test runner. "Fast and portable executable to run your Elm tests"</li>
</ul>
</li>
<li>...and more!</li>
</ul>
<hr>
<h2 id="%E3%81%BE%E3%81%A8%E3%82%81">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h2>
<p>頑張ればもっと書けそうだ。あとは読者への課題とします。😎</p>
<p>紹介したもの、してなかったもの、なんでも触ってみよう！</p>
<ul>
<li><a href="https://docs.google.com/presentation/d/e/2PACX-1vRuIA2ocDafLRJUn6nWScZmOq6YwpqXba7x5RG72yzT3X7FB-JcET33QMGsBidHsAdbnVF9KYCOa00R/embed?start=false&amp;loop=false&amp;delayms=3000&amp;slide=id.g155be708576_0_55" target="_blank" rel="nofollow noopener noreferrer">著者紹介</a></li>
<li>私もTwitterで気になったのを紹介してることが多いので、<a href="https://twitter.com/gada_twt" target="_blank" rel="nofollow noopener noreferrer">良かったらフォローください！</a>
<ul>
<li>でもTwitter滅亡するかもしれないし、<a href="https://discord.com/invite/4j2MxCg" target="_blank" rel="nofollow noopener noreferrer">elm-jp Discord</a>でもうちょい積極的に紹介するようにしようかな</li>
</ul>
</li>
</ul>
<section class="footnotes">
<span class="footnotes-title">脚注</span>
<ol class="footnotes-list">
<li id="fn-524a-1" class="footnote-item">
<p>この発表資料はZennで公開しつつ、<a href="https://marp.app/" target="_blank" rel="nofollow noopener noreferrer">Marp</a>スライドとして作成しているので水平線がいっぱい入っています <a href="#fnref-524a-1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>


Diffs from Elm Meetups 2019

2019年後半以来のdiffを軽く紹介

Discussion