Elmの歩き方2019 - Speaker Deck

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Seiya Izumi (@sy_izumi) Fringe81株式会社所属前はGolangとScalaを書いていましたが最近はもっぱらElmで Unipos作ってます今年6月にelm Europeで登壇＆WEB+DB Pressでレポート記事書きました！読んでね！

Slide 3

Slide 3 text

elm Europe 2019 での登壇の様子

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

一般的な勉強のイメージ

Slide 6

Slide 6 text

つまんね〜

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

今日紹介するもの ● 動かして学ぶ ● 読んで学ぶ ● 動画で学ぶ ● コードで学ぶ ● ミートアップで学ぶ ● そのほかいろいろ

Slide 10

Slide 10 text

動かして学ぶ

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

読んで学ぶ

Slide 13

Slide 13 text

読んで学ぶ Jinjorさんによる Elm入門の決定版基礎的な文法から実践的なSPA開発のあれこれまでを手広くカバー一からElmを丁寧に学ぶならコレ Elm界の総本山こと NoRedInkのエンジニアリチャード・フェルドマンによる実践的なElm入門書実際にアプリケーションを作っていく過程で Elmの文法を学んでいくスタイル。もちろん全て英語（Kindleはレイアウトがぶっ壊れているのでPDF版がオススメ）「基礎からわかるElm」 “Elm in Action”

Slide 14

Slide 14 text

読んで学ぶ弊社のエース級Elm エンジニアふたりによる丁寧なElm入門特集が掲載されているとにかくElmを書き始めたい！という人にオススメ筆者のひとりも本日ミートアップに来ています（@misoton665）来月９月に開催される技術書典7で販売予定の「一丁目ラボ」による本 ScalaとElmをフィーチャーした技術的にエッジ丸出しの一冊頑張って書くので是非皆さん買って下さい！「WEB+DB PRESS VOL.111」「一丁目ラボ技術報告 2019夏」

Slide 15

Slide 15 text

コードで学ぶ

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

rtfeldman/elm-spa-example Elm界の（略）ことリチャード・フェルドマンによる実践的な SPA アプリケーションの開発コード例実際に比較的大規模な Elmアプリケーションを作る際にはどのようにモジュール分割をしていくといいかな、というのを試行錯誤している実践的なコードベース ↑こんな感じでRealWorld（Mediumクローン）のスペックが実装されている

Slide 18

Slide 18 text

rtfeldman/elm-spa-example 本人がOslo Elm Dayでどういう考え方でelm-spa-exampleを作っているのか語っているので、詳しく知りたい人は見てみるといいかもコレに親しい内容で dev.toにも解説記事が投稿している（elm-spa-exampleのリポジトリにリンクがある） https://www.youtube.com/watch?v=RN2_NchjrJQ

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

動画で学ぶ

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

ミートアップで学ぶ

Slide 25

Slide 25 text

ミートアップで学ぶ

Slide 26

Slide 26 text

海外カンファレンス Oslo Elm Day その名の通りオスロで開催される1dayのElmカンファレンス elm-conf US アメリカのセントルイスで開催されるElmの1day イベント。おそらくいまの所最古のElmカンファレンス。 elm Europe ヨーロッパで開催される 2日間のElmカンファレンス。今年で3年目。ワークショップがある。 Elm in the Spring シカゴで開催されるこちらも1dayのElmカンファレンス。NoRedInkがスポンサードしている。

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

そのほかいろいろ

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

Twitterで学ぶ

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

Discourseで学ぶ Elmに関するあれこれが集まっている掲示板的なところ。 Elm について聞きたいことがあれば、まずはここで聞いてみれば間違いない。たまに NoRedInk の人も出てくる。極めつけはElm 0.19betaに関するリクエスト・フィードバックをEvan本人が受け付けていたりする。 Elm界隈でわりと有名めな人たちがディスカッションしていたりするのを見れる場でもある。

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

まとめ

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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