Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Elmの歩き方2019
Search
Seiya IZUMI
August 25, 2019
Programming
3.6k
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Elmの歩き方2019
Elm Meetup in Summer 2019
Seiya IZUMI
August 25, 2019
More Decks by Seiya IZUMI
See All by Seiya IZUMI
Node.jsの宣言的マイグレーションツール作った
izumisy
0
68
TailorにおけるSchema-driven UIの実践例
izumisy
0
550
Elm, the functional frontend
izumisy
3
1.2k
Our Journey with the Biggest Elm App in Japan
izumisy
0
200
jQueryからElmまで
izumisy
1
1.7k
Ordering and Ordered
izumisy
1
120
Choo: Fun Functional Framework
izumisy
1
560
StackoverflowでREPを稼ぐ技術
izumisy
1
880
フロントエンド・バリデーション
izumisy
5
3.7k
Other Decks in Programming
See All in Programming
作って学ぶ、 JSX (TSX) ランタイムの基本
syumai
7
1.6k
さぁV100、メモリをお食べ・・・
nilpe
0
140
The NotImplementedError Problem in Ruby
koic
1
740
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
tatsuhiro
1
120
Go1.27で導入されるジェネリクスメソッドでできること
mackee
0
110
New "Type" system on PicoRuby
pocke
1
850
Lemonade + Foundry Toolkit でお手軽アプリ開発
seosoft
1
330
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
niftycorp
PRO
0
140
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
chobishiba
3
570
dRuby over BLE
makicamel
2
330
メソッドのジェネリクスでGoの夢は広がるか? / Kyoto.go #65
utgwkk
3
730
ふつうのFeature Flag実践入門
irof
7
3.8k
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
331
21k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
360
Building Applications with DynamoDB
mza
96
7.1k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
480
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
Abbi's Birthday
coloredviolet
2
8k
How to Talk to Developers About Accessibility
jct
2
230
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.9k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.7k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
170
Transcript
Elmのあるきかた2019 IzumiSy @ Elm Meetup in Summer
Seiya Izumi (@sy_izumi) Fringe81株式会社所属 前はGolangとScalaを書いていま したが最近はもっぱらElmで Unipos作ってます 今年6月にelm Europeで登壇 &WEB+DB
Pressでレポート記事 書きました! 読んでね!
elm Europe 2019 での登壇の様子
みなさん、Elmどうやって学んでますか?
一般的な勉強のイメージ
つまんね〜
もっといろいろあるでしょ!
Elmをより深く&楽しく学ぶための リソースをたくさん紹介します
今日紹介するもの • 動かして学ぶ • 読んで学ぶ • 動画で学ぶ • コードで学ぶ •
ミートアップで学ぶ • そのほかいろいろ
動かして学ぶ
動かして学ぶ Elm用のオンラインプレイ・グラウンド ・外部パッケージインストーラ ・タイムトラベルデバッガ が使える高機能環境 Elm公式のオンラインエディタ ・Ellieと比べて機能は最小限 ・基本的な機能を抑えるサンプルが充実 Elmを体験するには最適
読んで学ぶ
読んで学ぶ Jinjorさんによる Elm入門の決定版 基礎的な文法から 実践的なSPA開発の あれこれまでを 手広くカバー 一からElmを丁寧に学 ぶならコレ Elm界の総本山こと
NoRedInkのエンジニア リチャード・フェルドマ ンによる実践的なElm入門 書 実際にアプリケーション を作っていく過程で Elmの 文法を学んでいくスタイ ル。 もちろん全て英語 (Kindleはレイアウトがぶっ 壊れているのでPDF版がオスス メ) 「基礎からわかるElm」 “Elm in Action”
読んで学ぶ 弊社のエース級Elm エンジニアふたりによる 丁寧なElm入門特集が掲 載されている とにかくElmを書き始め たい!という人に オススメ 筆者のひとりも本日ミー トアップに来ています
(@misoton665) 来月9月に開催される 技術書典7で販売予定の 「一丁目ラボ」による本 ScalaとElmをフィー チャーした技術的にエッ ジ丸出しの一冊 頑張って書くので 是非皆さん買って下さ い! 「WEB+DB PRESS VOL.111」 「一丁目ラボ技術報告 2019夏」
コードで学ぶ
rtfeldman/elm-spa-example Elm界の(略)ことリチャード・ フェルドマンによる実践的な SPA アプリケーションの開発コード例 実際に比較的大規模な Elmアプリ ケーションを作る際にはどのよう にモジュール分割をしていくとい いかな、というのを試行錯誤して
いる実践的なコードベース
rtfeldman/elm-spa-example Elm界の(略)ことリチャード・ フェルドマンによる実践的な SPA アプリケーションの開発コード例 実際に比較的大規模な Elmアプリ ケーションを作る際にはどのよう にモジュール分割をしていくとい いかな、というのを試行錯誤して
いる実践的なコードベース ↑こんな感じでRealWorld(Mediumクローン)のスペックが実装されている
rtfeldman/elm-spa-example 本人がOslo Elm Dayでどういう 考え方でelm-spa-exampleを 作っているのか語っているので、 詳しく知りたい人は見てみるとい いかも コレに親しい内容で dev.toにも解
説記事が投稿している (elm-spa-exampleのリポジトリにリンクがあ る) https://www.youtube.com/watch?v=RN2_NchjrJQ
IzumiSy/slipit2 もともとRailsで作っていた Slip.it(https://slipit.me) というサービスをFirebase+Elm でフルリプレース中 比較的大きなSPAになりつつあるの でElmでアプリケーションを作る際 の参考になるかも。 絶賛開発中なのでアプリケーショ ンの構造はごっそり変わる可能性
アリ
動画で学ぶ
講義形式のもの Richard FeldmanによるFrontend Masteryの “Introduction to Elm, v2” が一番充実している(全5時間)
カンファレンスのトーク elm Europeやelm-confの動画がYoutubeに上がっている やはりおすすめはリチャード・フェルドマンのトーク
詳しくはブログのまとめ記事で
ミートアップで学ぶ
ミートアップで学ぶ
海外カンファレンス Oslo Elm Day その名の通りオスロで開 催される1dayのElmカン ファレンス elm-conf US アメリカのセントルイス
で開催されるElmの1day イベント。おそらくいま の所最古のElmカンファ レンス。 elm Europe ヨーロッパで開催される 2日間のElmカンファレン ス。今年で3年目。 ワークショップがある。 Elm in the Spring シカゴで開催されるこち らも1dayのElmカンファ レンス。NoRedInkがス ポンサードしている。
ハンズオンで学ぶ かつて開催されていたが いまは開催されてないようだ... 需要があれば復活するのかもしれな い
そのほかいろいろ
Twitterで学ぶ わからないことがあったらとりあえず#Elmのタグをつけてつぶやいてみる。 ABAB↑↓BAさんを筆頭に詳しい人が現れて教えてくれるぞ! ElmがスキになったらEvanとRichardはフォローしておこう
Twitterで学ぶ
Discordで学ぶ Elm-jpのDiscordチャンネルがあるよ!
Slackで学ぶ ElmlangのSlackチャンネルがある!Evanもいるよ!
Discourseで学ぶ Elmに関するあれこれが集まっ ている掲示板的なところ。 Elm について聞きたいことがあれ ば、まずはここで聞いてみれば 間違いない。たまに NoRedInk の人も出てくる。 極めつけはElm
0.19betaに関 するリクエスト・フィードバッ クをEvan本人が受け付けていた りする。 Elm界隈でわりと有名めな人た ちがディスカッションしていた りするのを見れる場でもある。
IzumiSyのブログで学ぶ 主にプログラミング言語(JS, Scala, Golang, Elm)とアプリ ケーションに設計についていろいろ 書いてます。
まとめ
学び方はいろいろある • ひとりでコツコツやるだけが「学び」じゃない • ミートアップやディスカッションに参加したりして、コミュニティでお互い を高め合うことも「学び」に繋がる • Elmワールドにはいろんな学びのアイテムがある。 • 自分が最もアガるものを見つけて歩くことが一番
言語を学ぶときには、最高のコミュニティを選ぼう。 ツールは改善されるし、フレームワークも変化する。 でも、コミュニティはそうではない。
Elm最高!!!
Thank You! Seiya Izumi (@sy_izumi)