kyash-meetup-vol7-suzuki.pdf

Transcript

1. 1.

   サーバサイドエンジニア集団のためのElm Kyash Meetup #7

2. 2.

   ⾃⼰紹介 鈴⽊ 亮太 サーバーサイド/webクライアントサイド ⼆⼑流(⾃称) 経歴 アドネットワーク ⼈事評価SaaS

3. 3.

   ⾃⼰紹介 鈴⽊ 亮太 (7⽉ ~ )⼊社してからやったこと カード印刷のための外部連携 決済承認 決済確定 最近は管理画⾯

4. 4.

   今⽇はなすこと どんな画⾯を作っているのか Elmとは Kyash DirectでElmを使うワケ

5. 5.

   どんな画⾯を作っているのか 運⽤画⾯ PHP Admin(的なもの)じゃだめなの? 作業効率がよくなるような画⾯にしたい! なので気合いを⼊れてつくらないといけない

6. 6.

   気合いを⼊れて作るための選択肢 群雄割拠するフレームワーク/ライブラリ/ツールの利⽤ React? Vue? Angular? Redux? Vuex? webpack? babel? typescript?

   etc... Elmを使うことに決めました
7. 7.

   Elmとは JavaScript にコンパイルできる静的型付け関数型プログラミング⾔語 ⾔語 + アーキテクチャ フロントエンドにフォーカス

8. 8.

   Elmとは type Msg = Increment | Decrement | ForceChange Int

   main = div [] [ h1 [] [ text "html desuyo" ] ]
9. 9.

   Elmとは JavaScript にコンパイルできる静的型付け関数型プログラミング⾔語 関数型⾔語って難しそう...? https://elm-lang.org/docs/syntax TypeScriptとはなにが違うんだろう...?

10. 10.

    Elmとは ⾔語 + アーキテクチャ TEA なるもの フロントエンドな⼈なら喉から⼿がでて欲しくなるセット Immutable 代数的データ型 Oneway

    Dataflow
11. 11.

    Kyash DirectでElmを使うワケ 考えることが減る みんなヤル気

12. 12.

    Kyash DirectでElmを使うワケ 考えることが減る JavaScriptの罠と付き合わなくていい アーキテクチャがセット コードスタイルが標準である 単体テストツール選定とかしなくていい サーバサイドエンジニアばかりの我々に嬉しい

13. 13.

    Kyash DirectでElmを使うワケ みんなヤル気 Elmについてtech lunchで話を聞きたいとの声 お昼に発表とか話題を持ち寄る会 Elmの使い⼿が早速⽣まれた

14. 14.

    今⽇のまとめ Elmはフロントエンドで欲しいモノがセットになっているよ Kyash DirectではElmを使っているよ