Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
kyash-meetup-vol7-suzuki.pdf
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
ryota0624
December 01, 2019
270
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
kyash-meetup-vol7-suzuki.pdf
ryota0624
December 01, 2019
More Decks by ryota0624
See All by ryota0624
Stailerにおけるコトを残すデータ設計とイベント駆動アーキテクチャ
ryota0624
4
4.7k
techtalk5-su
ryota0624
0
1.4k
2019-06-01_10-10_oretoku_frontend.pdf
ryota0624
0
100
2019-03-30_11-49_architecture_night.pdf
ryota0624
0
1.8k
実践GraphQL for クライアント側
ryota0624
2
2.7k
Featured
See All Featured
Building Adaptive Systems
keathley
44
3.3k
Chasing Engaging Ingredients in Design
codingconduct
0
390
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Design in an AI World
tapps
1
380
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k
Context Engineering - Making Every Token Count
addyosmani
9
1.3k
A better future with KSS
kneath
240
18k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
68
60k
Designing for Performance
lara
612
70k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
760
Scaling GitHub
holman
464
140k
Transcript
サーバサイドエンジニア集団のためのElm Kyash Meetup #7
⾃⼰紹介 鈴⽊ 亮太 サーバーサイド/webクライアントサイド ⼆⼑流(⾃称) 経歴 アドネットワーク ⼈事評価SaaS
⾃⼰紹介 鈴⽊ 亮太 (7⽉ ~ )⼊社してからやったこと カード印刷のための外部連携 決済承認 決済確定 最近は管理画⾯
今⽇はなすこと どんな画⾯を作っているのか Elmとは Kyash DirectでElmを使うワケ
どんな画⾯を作っているのか 運⽤画⾯ PHP Admin(的なもの)じゃだめなの? 作業効率がよくなるような画⾯にしたい! なので気合いを⼊れてつくらないといけない
気合いを⼊れて作るための選択肢 群雄割拠するフレームワーク/ライブラリ/ツールの利⽤ React? Vue? Angular? Redux? Vuex? webpack? babel? typescript?
etc... Elmを使うことに決めました
Elmとは JavaScript にコンパイルできる静的型付け関数型プログラミング⾔語 ⾔語 + アーキテクチャ フロントエンドにフォーカス
Elmとは type Msg = Increment | Decrement | ForceChange Int
main = div [] [ h1 [] [ text "html desuyo" ] ]
Elmとは JavaScript にコンパイルできる静的型付け関数型プログラミング⾔語 関数型⾔語って難しそう...? https://elm-lang.org/docs/syntax TypeScriptとはなにが違うんだろう...?
Elmとは ⾔語 + アーキテクチャ TEA なるもの フロントエンドな⼈なら喉から⼿がでて欲しくなるセット Immutable 代数的データ型 Oneway
Dataflow
Kyash DirectでElmを使うワケ 考えることが減る みんなヤル気
Kyash DirectでElmを使うワケ 考えることが減る JavaScriptの罠と付き合わなくていい アーキテクチャがセット コードスタイルが標準である 単体テストツール選定とかしなくていい サーバサイドエンジニアばかりの我々に嬉しい
Kyash DirectでElmを使うワケ みんなヤル気 Elmについてtech lunchで話を聞きたいとの声 お昼に発表とか話題を持ち寄る会 Elmの使い⼿が早速⽣まれた
今⽇のまとめ Elmはフロントエンドで欲しいモノがセットになっているよ Kyash DirectではElmを使っているよ