Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Elmの歩き方2019
Search
Seiya IZUMI
August 25, 2019
Programming
5
3.5k
Elmの歩き方2019
Elm Meetup in Summer 2019
Seiya IZUMI
August 25, 2019
Tweet
Share
More Decks by Seiya IZUMI
See All by Seiya IZUMI
Node.jsの宣言的マイグレーションツール作った
izumisy
0
46
TailorにおけるSchema-driven UIの実践例
izumisy
0
450
Elm, the functional frontend
izumisy
3
1.2k
Our Journey with the Biggest Elm App in Japan
izumisy
0
180
jQueryからElmまで
izumisy
1
1.7k
Ordering and Ordered
izumisy
1
110
Choo: Fun Functional Framework
izumisy
1
520
StackoverflowでREPを稼ぐ技術
izumisy
1
840
フロントエンド・バリデーション
izumisy
5
3.6k
Other Decks in Programming
See All in Programming
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
yuya4
6
3.9k
開発に寄りそう自動テストの実現
goyoki
2
1.4k
大規模Cloud Native環境におけるFalcoの運用
owlinux1000
0
180
tparseでgo testの出力を見やすくする
utgwkk
2
270
Deno Tunnel を使ってみた話
kamekyame
0
220
AIコーディングエージェント(Gemini)
kondai24
0
260
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
selcukusta
0
130
Giselleで作るAI QAアシスタント 〜 Pull Requestレビューに継続的QAを
codenote
0
270
LLMで複雑な検索条件アセットから脱却する!! 生成的検索インタフェースの設計論
po3rin
4
940
Cap'n Webについて
yusukebe
0
150
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
250
宅宅自以為的浪漫:跟 AI 一起為自己辦的研討會寫一個售票系統
eddie
0
520
Featured
See All Featured
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
0
1.8k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
60
37k
How to build a perfect <img>
jonoalderson
0
4.6k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
120
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
81
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
69
30 Presentation Tips
portentint
PRO
1
170
Building AI with AI
inesmontani
PRO
1
570
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
85
Heart Work Chapter 1 - Part 1
lfama
PRO
3
35k
GitHub's CSS Performance
jonrohan
1032
470k
Scaling GitHub
holman
464
140k
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)