ElmでBMI計算機をつくってみた。
BMIとはなにか
BMI(Body Mass Index)とは、肥満度を表す指標として国際的に用いられる体格指数である。
一般的なBMIの計算式は、
[体重(kg)]÷[身長(m)の2乗]
である。
日本肥満学会の定めた基準では、
- 18.5未満が「低体重（やせ）」
- 18.5以上25未満が「普通体重」
- 25以上が「肥満」
である。
画面イメージ
BMIの意味がわかったところで、まずはBMIを計算する画面をイメージする。
今回は下記のような画面イメージをグーグルスライドで作成した。
まずはHTMLに画面イメージを落とし込む
画面イメージをcodepenで書いてみた！
デザインとかはだいぶ端折ってます^^;
Elmのビューに変換する
先程書いたHTMLをElmのビューに変換してみた。
https://ellie-app.com/9X4XG8NsF6wa1
BMIの動作を実装する。
なかなかに大変だった。
https://ellie-app.com/9WTT3nnG6MVa1
はまりどころ
- リストになんでも入れられるという感覚がない。
- リストの要素の区切りが
,であることを忘れてしまう。 - Maybeが面倒くさいように感じた。
感想
- ElmでBMIの計算を実装することは当初めちゃくちゃ簡単だと思っていたがハマりどころが思ったより多くて大変だった。