Elmの歩き方2019

Transcript

1. Elmのあるきかた2019 IzumiSy @ Elm Meetup in Summer

2. Seiya Izumi (@sy_izumi) Fringe81株式会社所属 前はGolangとScalaを書いていま したが最近はもっぱらElmで Unipos作ってます 今年6月にelm Europeで登壇 ＆WEB+DB

   Pressでレポート記事 書きました！ 読んでね！

3. elm Europe 2019 での登壇の様子

4. みなさん、Elmどうやって学んでますか？

5. 一般的な勉強のイメージ

6. つまんね〜

7. もっといろいろあるでしょ！

8. Elmをより深く＆楽しく学ぶための リソースをたくさん紹介します

9. 今日紹介するもの • 動かして学ぶ • 読んで学ぶ • 動画で学ぶ • コードで学ぶ •

   ミートアップで学ぶ • そのほかいろいろ

10. 動かして学ぶ

11. 動かして学ぶ Elm用のオンラインプレイ・グラウンド ・外部パッケージインストーラ ・タイムトラベルデバッガ が使える高機能環境 Elm公式のオンラインエディタ ・Ellieと比べて機能は最小限 ・基本的な機能を抑えるサンプルが充実 Elmを体験するには最適

12. 読んで学ぶ

13. 読んで学ぶ Jinjorさんによる Elm入門の決定版 基礎的な文法から 実践的なSPA開発の あれこれまでを 手広くカバー 一からElmを丁寧に学 ぶならコレ Elm界の総本山こと

    NoRedInkのエンジニア リチャード・フェルドマ ンによる実践的なElm入門 書 実際にアプリケーション を作っていく過程で Elmの 文法を学んでいくスタイ ル。 もちろん全て英語 （Kindleはレイアウトがぶっ 壊れているのでPDF版がオスス メ） 「基礎からわかるElm」 “Elm in Action”

14. 読んで学ぶ 弊社のエース級Elm エンジニアふたりによる 丁寧なElm入門特集が掲 載されている とにかくElmを書き始め たい！という人に オススメ 筆者のひとりも本日ミー トアップに来ています

    （@misoton665） 来月９月に開催される 技術書典7で販売予定の 「一丁目ラボ」による本 ScalaとElmをフィー チャーした技術的にエッ ジ丸出しの一冊 頑張って書くので 是非皆さん買って下さ い！ 「WEB+DB PRESS VOL.111」 「一丁目ラボ技術報告 2019夏」

15. コードで学ぶ

16. rtfeldman/elm-spa-example Elm界の（略）ことリチャード・ フェルドマンによる実践的な SPA アプリケーションの開発コード例 実際に比較的大規模な Elmアプリ ケーションを作る際にはどのよう にモジュール分割をしていくとい いかな、というのを試行錯誤して

    いる実践的なコードベース

17. rtfeldman/elm-spa-example Elm界の（略）ことリチャード・ フェルドマンによる実践的な SPA アプリケーションの開発コード例 実際に比較的大規模な Elmアプリ ケーションを作る際にはどのよう にモジュール分割をしていくとい いかな、というのを試行錯誤して

    いる実践的なコードベース ↑こんな感じでRealWorld（Mediumクローン）のスペックが実装されている

18. rtfeldman/elm-spa-example 本人がOslo Elm Dayでどういう 考え方でelm-spa-exampleを 作っているのか語っているので、 詳しく知りたい人は見てみるとい いかも コレに親しい内容で dev.toにも解

    説記事が投稿している （elm-spa-exampleのリポジトリにリンクがあ る） https://www.youtube.com/watch?v=RN2_NchjrJQ

19. IzumiSy/slipit2 もともとRailsで作っていた Slip.it(https://slipit.me) というサービスをFirebase+Elm でフルリプレース中 比較的大きなSPAになりつつあるの でElmでアプリケーションを作る際 の参考になるかも。 絶賛開発中なのでアプリケーショ ンの構造はごっそり変わる可能性

    アリ

20. 動画で学ぶ

21. 講義形式のもの Richard FeldmanによるFrontend Masteryの “Introduction to Elm, v2” が一番充実している（全5時間）

22. カンファレンスのトーク elm Europeやelm-confの動画がYoutubeに上がっている やはりおすすめはリチャード・フェルドマンのトーク

23. 詳しくはブログのまとめ記事で

24. ミートアップで学ぶ

25. ミートアップで学ぶ

26. 海外カンファレンス Oslo Elm Day その名の通りオスロで開 催される1dayのElmカン ファレンス elm-conf US アメリカのセントルイス

    で開催されるElmの1day イベント。おそらくいま の所最古のElmカンファ レンス。 elm Europe ヨーロッパで開催される 2日間のElmカンファレン ス。今年で3年目。 ワークショップがある。 Elm in the Spring シカゴで開催されるこち らも1dayのElmカンファ レンス。NoRedInkがス ポンサードしている。

27. ハンズオンで学ぶ かつて開催されていたが いまは開催されてないようだ... 需要があれば復活するのかもしれな い

28. そのほかいろいろ

29. Twitterで学ぶ わからないことがあったらとりあえず#Elmのタグをつけてつぶやいてみる。 ABAB↑↓BAさんを筆頭に詳しい人が現れて教えてくれるぞ！ ElmがスキになったらEvanとRichardはフォローしておこう

30. Twitterで学ぶ

31. Discordで学ぶ Elm-jpのDiscordチャンネルがあるよ!

32. Slackで学ぶ ElmlangのSlackチャンネルがある！Evanもいるよ！

33. Discourseで学ぶ Elmに関するあれこれが集まっ ている掲示板的なところ。 Elm について聞きたいことがあれ ば、まずはここで聞いてみれば 間違いない。たまに NoRedInk の人も出てくる。 極めつけはElm

    0.19betaに関 するリクエスト・フィードバッ クをEvan本人が受け付けていた りする。 Elm界隈でわりと有名めな人た ちがディスカッションしていた りするのを見れる場でもある。

34. IzumiSyのブログで学ぶ 主にプログラミング言語（JS, Scala, Golang, Elm）とアプリ ケーションに設計についていろいろ 書いてます。

35. まとめ

36. 学び方はいろいろある • ひとりでコツコツやるだけが「学び」じゃない • ミートアップやディスカッションに参加したりして、コミュニティでお互い を高め合うことも「学び」に繋がる • Elmワールドにはいろんな学びのアイテムがある。 • 自分が最もアガるものを見つけて歩くことが一番

37. 言語を学ぶときには、最高のコミュニティを選ぼう。 ツールは改善されるし、フレームワークも変化する。 でも、コミュニティはそうではない。

38. Elm最高！！！

39. Thank You! Seiya Izumi (@sy_izumi)