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を使っているよ