スマホ版ウェブ電卓「なにしろ電卓」を iPhone 6 / iPhone 6 Plus の表示に対応させました

ブラウザ上で使えるフリーのウェブ電卓「なにしろ電卓」はすでにスマートフォンに対応しています。

iPhone 5S で開くとこんな感じになります。

20140920-01

 

「なにしろ電卓」は計算式を使った計算ができ、過去の計算履歴も記録され、その計算式を再利用できる「なにしろパソコン」のウェブ電卓サービスです。

 

そんな「スマホ版なにしろ電卓」ですが、ヨドバシカメラで iPhone 6 Plus で開いてみたところ、従来より横幅が広くなったため、以下のように左右に黒い帯が表示されるようになっていました。

20140919-02

 

これはいけないということで、スマートフォンでの表示幅を広げることで対応しました。

20140920-02

 

でも、単純に広げるだけだと電卓のボタンサイズも幅広になってしまい、片手での操作がしにくくなると判断して、電卓の幅は固定することにしました。

20140920-03

これで iPhone 6 / 6Plus になっても片手親指で操作できるのではないかと思っています。

さらに右に寄せたほうが確実なのですが、さすがに見た目もあるので、まずはこのデザインで行きたいと考えています。

 

今回の修正は Google Chrome の Emulation 機能を利用しました。

そのため、実際の iPhone 6 / 6 Plus での実際の使い勝手は、再度、ヨドバシカメラに行って確認するしかありません。

 

こちらの記事もいかがですか?