jQuery Validationを利用して入力値をチェックする

jQuery Validationは入力値チェックが簡単に行えるHTML5とjQueryのフレームワークです。このプラグインを利用して数値やメールアドレス、日付等の入力値チェックを行ってみました。

手書きの数式から自動で答えが導かれる『MyScript Calculator』

『MyScript Calculator』は、手で書いた数式を認識して、その数式の解答を自動で表示するスマホアプリです。分数やルートといった数式だけでなく、対数、sinやcosといった三角関数なども利用できます。


例えば、こんな感じでルート2分の1を入力すると、

数式を自動で変換して解を表示してくれます。

これは本当すごい！ちょっとした複雑な計算を行いたいときにすごく便利なアプリだと思います。


Google Play：MyScript Calculator
App Store : MyScript Calculator

フリップスイッチの値によってページ遷移先を分岐させる

jQuery Mobileでアンカータグをクリックしたとき、条件によってページ遷移先を分岐させる処理を模索していました。vclickイベントで検知して、$.mobile.changePageで遷移させる方法が良さそうです。というわけで、フリップスイッチの値がOFFならばOFF画面へ、ONならばON画面へ遷移する処理を実装しました。

jqPlotとPhoneGapでアプリに折れ線グラフを描画する

jqPlotは折れ線グラフや円グラフ等が描画できるJavaScriptのライブラリです。このjqPlotとPhoneGapを利用して、アプリに簡単な折れ線グラフを描画してみました。

jQuery Mobileを利用したボタンにアイコンが表示されない問題を解決する

jQuery Mobileを利用するとボタンにアイコンを簡単に表示させることができますbutton要素の中に”data-icon”属性を追加することでアイコン付きボタンを表示させることができるのですが、そのアイコンが表示されない問題に遭遇しました。

<button data-icon="add">追加</button>