From Tokyo, Japan. Web-Developer. Write some codes by Go/Scala And thanks everything around my self.

hyperapp + typescriptで作るクリスプ・サラダワークスさんのカスタムサラダカロリー計算機

hyperapp + typescriptで作るクリスプ・サラダワークスさんのカスタムサラダカロリー計算機

※ 画像は実在の店舗とは関係ありません

ダイエット中ということもあり、よくサラダを食べるようにしているのですが、僕がよく行くのがクリスプ・サラダワークスさんなわけです。

https://www.crisp.co.jp/

で、このクリスプ・サラダワークスさんのサラダは、シーザーサラダのように予め内容が決まっているものの他に、入れる野菜を自分で決める「カスタムサラダ」というメニューがあるんですが、カスタムサラダで組み合わせを考えるときに、カロリーがわからなかったので、以前お問い合わせから訪ねたことがありまして、サポートの方からカロリー表をいただくことができたのです。

そこで今回、hyperappとtypescriptの勉強がてら、このカスタムサラダのカロリー計算をしてくれるアプリケーションを作ってみた次第。

カスタムサラダのカロリー計算するやーつ

ビルドはparcelを使いました。

悩んだけど微妙なままにしてある点としては、

  • セレクトボックスのonchangeでいい感じにやる方法がよくわかってなかった
  • そもそもonclickとかもああいう形でいいのかよくわからん

みたいな感じでした。

詳しくはリポジトリを公開していますので、ISSUEとか欲しかったりしてます。いろいろどうすべきか全然わかんない。

https://github.com/deadcheat/saladcalculator

githubにPUSHしたら依存の脆弱性が・・・って出たけどどれが出たかがでないので頭を抱えた午前2時。

間もなくポルトガルVSスペインがキックオフとなります!!!!!

 

以上!!!!

早口言葉の練習をするAlexaスキルを開発しました / published alexa skill for tongue twister exercise

早口言葉の練習をするAlexaスキルを開発しました / published alexa skill for tongue twister exercise

Alexaスキルの開発が意外と楽しかった / I enjoyed developing an alexa skill

Alexaスキルの開発が意外と楽しかった / I enjoyed developing an alexa skill