iOSアプリを実機で動かすまでの手順メモ

試作したiOSアプリをiPod touch等の実機で動かすための手順をメモしました。cerファイルやプロビジョニングファイル等の作成/インストールやXCodeの設定等をメインにまとめています。「iOS Developer Program」への登録はiOSアプリの実機開発環境を整える 〜iOS Developer Programへの登録〜にまとめています。


参考書籍：
iPhone/iPad/iPod touch プログラミングバイブル iOS 6/Xcode 4対応 (smart phone programming bible)

「iOS Developer Program」への登録 〜iOSアプリを実機で動かすための準備〜

試作したiOSアプリをiPhoneやiPad等の端末で動作させるためにはまず「iOS Developer Program」に登録する必要があります。登録のために実際にやったことを以下に記述します。

PhoneGapのAPIを利用して、バックグラウンド動作への遷移周りで入力値の退避と復帰を行う

スマホアプリ起動中にHomeボタンを押し、再度アプリを表示させたとしても、アプリの処理で使用している値は正しく保持しておきたいです。PhoneGapを利用して、アプリがバックグラウンド動作へと移行する前後で、入力値の退避と復帰を行うサンプルコードを実装しました。

重くなってきたiPhoneの動作を軽くする『もっさり解消』

iPhoneやiPadなどのiOS製品を長時間使用していると、アプリの起動やタップしてからの反応が遅くなる（もっさりする）ことがあります。そんなもっさりした状態をワンタップで解消するアプリが『もっさり解消』です。

 

AppStore：もっさり解消 for iPhone

PhoneGapのStorage APIを利用してアプリの起動回数をカウントする

PhoneGapのStorage APIを利用するとアプリのローカルストレージに簡単な情報を書き込んだり読み込んだりできます。Objective-CでのNSUserDefaults、Androidでのプリファレンスみたいな機能です。このStorage APIを利用してアプリの起動回数をカウントするサンプルを書きました。


関連：
NSUserDefaultsを利用してアプリの起動回数をカウントする
SharedPreferencesを利用してアプリの起動回数をカウントする

jQuery Mobile Dateboxを利用して日付入力を簡単にする

jQuery Mobile Dateboxは日付入力を支援するjQuery Mobileのプラグインです。date型に対応していないブラウザでの入力に便利です。日付入力方式はいろいろあるのですが、今回はカレンダー式の入力(CalBox)を試してみました。

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>