プロダクト開発における、Elmを選ぶポイント・

選ばないポイント

誰？

お名前

ABAB↑↓BA @ababupdownba

お仕事で、SaaSのWebサービス作ってます

Scala・TypeScript(B)・Elm(C)

24時間 Elm bot

前提

Elm は、

JavaScriptにコンパイルできる関数型言語

WEBサイトやWEBアプリケーションを作るためのツール

前提

Elm は、

JavaScriptにコンパイルできる関数型言語

WEBサイトやWEBアプリケーションを作るためのツール

比較対象は、

JavaScript(TypeScript)

または、Angular, React, Vue

前提

Elm は、

JavaScriptにコンパイルできる関数型言語

WEBサイトやWEBアプリケーションを作るためのツール

比較対象は、

JavaScript(TypeScript)

または、Angular, React, Vue

普段お仕事で使っている

ElmとTypeScriptのイメージ比較

Elm は飛行機の乗客

乗客はパイロットに指示は、ほぼ出せない、乗っているだけで良い(安全・学習コスト低い)
融通は効かないが、目的地へはほぼ一直線(速い)

空港にのみ着陸する(細かいことをしようとしたら、そこから自力で移動・筋力が必要)

ElmとTypeScriptのイメージ比較

JavaScript(TypeScript)は車の乗客

細かい指示をすることができる(自由度は高い)
いろんなところに寄り道できて楽しい(モダン技術の享受がしやすい)

覚えるべきことが多い(出せる指示が多いため)
危険な旅になりやすい(自由度の代償)
選択肢の多さが速度に影響を及ぼす(ライブラリ選定・テクニック選定)

それではポイント比較

これから３つのポイントについて、Elmを選択する・しない理由について話していきます。

ポイント1

高い品質を保ち続ける必要があり、人の変動が多い(特に新人)プロダクトではElmを選ぶ

品質よりもスピードと自由度を求め、人の変動が少ないのであれば、Elmを選ばない

foo(x: any): void {
  let random = Math.random()
  let result = 1;
  
  if(random % 2 == 0) {
  	result = result * x * random + 2;
  } else {
  	result = result * x - 2;
  }
  
  this.result = result;
}

学習・レビューコスト

あなたがレビューすべきコードです

可能な限りツッコミを入れてください

foo(x: any): void {
  let random = Math.random()
  let result = 1;
  
  if(random % 2 == 0) {
  	result = result * x * random + 2;
  } else {
  	result = result * x - 2;
  }
  
  this.result = result;
}

学習・レビューコスト

あなたがレビューすべきコードです

可能な限りツッコミを入れてください

型をキチンとつけてください
副作用を含めないでください
必要のない変数を削除してください
三項(条件)演算子を用いてください
テストコードを書いてください

foo(x: any): void {
  let random = Math.random()
  let result = 1;
  
  if(random % 2 == 0) {
  	result = result * x * random + 2;
  } else {
  	result = result * x - 2;
  }
  
  this.result = result;
}

学習・レビューコスト

あなたがレビューすべきコードです

可能な限りツッコミを入れてください

型をキチンとつけてください
副作用を含めないでください
必要のない変数を削除してください
三項(条件)演算子を用いてください
テストコードを書いてください

foo(x: any): void {
  let random = Math.random()
  let result = 1;
  
  if(random % 2 == 0) {
  	result = result * x * random + 2;
  } else {
  	result = result * x - 2;
  }
  
  this.result = result;
}

学習・レビューコスト

あなたがレビューすべきコードです

可能な限りツッコミを入れてください

型をキチンとつけてください
副作用を含めないでください
必要のない変数を削除してください
三項(条件)演算子を用いてください
テストコードを書いてください

foo(x: any): void {
  let random = Math.random()
  let result = 1;
  
  if(random % 2 == 0) {
  	result = result * x * random + 2;
  } else {
  	result = result * x - 2;
  }
  
  this.result = result;
}

学習・レビューコスト

あなたがレビューすべきコードです

可能な限りツッコミを入れてください

型をキチンとつけてください
副作用を含めないでください
テストコードを書いてください
必要のない変数を削除してください
三項(条件)演算子を用いてください

前提条件付き

foo(x: any): void {
  let random = Math.random()
  let result = 1;
  
  if(random % 2 == 0) {
  	result = result * x * random + 2;
  } else {
  	result = result * x - 2;
  }
  
  this.result = result;
}

学習・レビューコスト

あなたがレビューすべきコードです

可能な限りツッコミを入れてください

型をキチンとつけてください
副作用を含めないでください
テストコードを書いてください
必要のない変数を削除してください
三項(条件)演算子を用いてください

foo(x: any): void {
  let random = Math.random()
  let result = 1;
  
  if(random % 2 == 0) {
  	result = result * x * random + 2;
  } else {
  	result = result * x - 2;
  }
  
  this.result = result;
}

学習・レビューコスト

あなたがレビューすべきコードです

可能な限りツッコミを入れてください

型をキチンとつけてください
副作用を含めないでください
テストコードを書いてください
必要のない変数を削除してください
三項(条件)演算子を用いてください

学習・レビューコスト

僕が考えるレビューの優先順位

テスト可能な状態へ持っていかせたい
テストを書かせたい(仕様を明らかにし、要求を担保しておきたい)
リファクタリングをさせたい

学習・レビューコスト

僕が考えるレビューの優先順位

テスト可能な状態へ持っていかせたい
テストを書かせたい(仕様を明らかにし、要求を担保しておきたい)
リファクタリングをさせたい

製品品質の担保

学習・レビューコスト

僕が考えるレビューの優先順位

テスト可能な状態へ持っていかせたい
テストを書かせたい(仕様を明らかにし、要求を担保しておきたい)
リファクタリングをさせたい

可読性・拡張性の担保

foo : Int -> Int -> Int
foo x randomValue =
    if modBy 2 randomValue == 0 then
        x * randomValue + 2

    else
        x - 2