PowerApps x Daily UI #004 – Calculator

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#004です。

今回のpromptは「Calculator」です。電卓の実装か…とはじめから気が重かったんですが、予想通り全然気が乗らないなかなか進まず、投稿にかなり間が空いてしまいました。
ご存知の方も多いと思うのですが、電卓のプログラムは簡単なように見えて結構複雑です。学生の頃に逆ポーランド記法を使ってプログラミングした記憶がよみがえってきたりして、辛さとめんどくささがMAXになりました。しかしこのチャレンジをはじめるときに「出来があんまりよくなくてもちゃんと公開する」と宣言したので、志を低くして公開しようと思います…

トラディショナルな日本の電卓

日本の電卓のもっともシンプルな形をめざして作ってみました。

デザインのエッセンス

  • ボタンの色(数字、クリア、税、その他で色分け)
  • ボタンを大きく
  • 液晶部分のフォントと色味
    • 7SEG LED フォント「DSEG7」は「Keshikan.net」のものを利用させていただきました。
    • 液晶の背景を模した絶妙な黄味がかった灰色

反省点

  • 液晶表示の数字がもうすこし大きくてもよかった
  • 寝かすとそのぶんだけ心理的障壁が高くなり公開しにくくなる、ということが分かったので、次のPromptはもう少し早いスパンで公開したいです。
  • 一応の演算はできるのですが、細かい挙動(+を二回押すと定数計算できるとか)で心が折れました。電卓は奥が深い…