kyash-meetup-vol7-suzuki.pdf

Transcript

1. サーバサイドエンジニア集団のためのElm Kyash Meetup #7
2. ⾃⼰紹介 鈴⽊ 亮太 サーバーサイド/webクライアントサイド ⼆⼑流(⾃称) 経歴 アドネットワーク ⼈事評価SaaS
3. ⾃⼰紹介 鈴⽊ 亮太 (7⽉ ~ )⼊社してからやったこと カード印刷のための外部連携 決済承認 決済確定 最近は管理画⾯
4. 今⽇はなすこと どんな画⾯を作っているのか Elmとは Kyash DirectでElmを使うワケ
5. どんな画⾯を作っているのか 運⽤画⾯ PHP Admin(的なもの)じゃだめなの? 作業効率がよくなるような画⾯にしたい! なので気合いを⼊れてつくらないといけない
6. 気合いを⼊れて作るための選択肢 群雄割拠するフレームワーク/ライブラリ/ツールの利⽤ React? Vue? Angular? Redux? Vuex? webpack? babel? typescript? etc... Elmを使うことに決めました
7. Elmとは JavaScript にコンパイルできる静的型付け関数型プログラミング⾔語 ⾔語 + アーキテクチャ フロントエンドにフォーカス
8. Elmとは type Msg = Increment | Decrement | ForceChange Int main = div [] [ h1 [] [ text "html desuyo" ] ]
9. Elmとは JavaScript にコンパイルできる静的型付け関数型プログラミング⾔語 関数型⾔語って難しそう...? https://elm-lang.org/docs/syntax TypeScriptとはなにが違うんだろう...?
10. Elmとは ⾔語 + アーキテクチャ TEA なるもの フロントエンドな⼈なら喉から⼿がでて欲しくなるセット Immutable 代数的データ型 Oneway Dataflow
11. Kyash DirectでElmを使うワケ 考えることが減る みんなヤル気
12. Kyash DirectでElmを使うワケ 考えることが減る JavaScriptの罠と付き合わなくていい アーキテクチャがセット コードスタイルが標準である 単体テストツール選定とかしなくていい サーバサイドエンジニアばかりの我々に嬉しい
13. Kyash DirectでElmを使うワケ みんなヤル気 Elmについてtech lunchで話を聞きたいとの声 お昼に発表とか話題を持ち寄る会 Elmの使い⼿が早速⽣まれた
14. 今⽇のまとめ Elmはフロントエンドで欲しいモノがセットになっているよ Kyash DirectではElmを使っているよ