【Phonegap/Cordova】かんたんスマホアプリ開発
入門シリーズ
- 【Phonegap/Cordova 入門01】そもそもPhonegapってなに?
- PhonegapとかCordovaって何?聞いたことないんだけど…という方向けの記事です。
Phonegapのメリット/デメリットや、特徴などについて書いてあります。
- PhonegapとかCordovaって何?聞いたことないんだけど…という方向けの記事です。
- 【Phonegap/Cordova 入門02】 環境構築と実機で動作確認
- 環境構築から、プロジェクト作成、ブラウザで動作確認、実機で動作確認の方法についてです。
- 【Phonegap/Cordova 入門03】ボタン押下でHello,Worldするアプリを作る
- この回で、初めてプログラムを編集します。
ボタンを押下すると、画面入力された値(ユーザ名を入力してもらうエリア)を取得⇒HTML要素を作成⇒innerHTMLに”Hellor, World. Hello, xxxx”を追加⇒画面に表示
という動きをするアプリを作ります。
- この回で、初めてプログラムを編集します。
- 【Phonegap/Cordova 入門04】BootstrapとjQueryで住所検索アプリを作る
- 住所検索アプリを作ります。ここからアプリっぽい感じになってきます。
郵便番号を入力してもらう⇒検索ボタン押下⇒住所検索APIをコール⇒結果を画面に反映
という動きをするアプリです。
見た目はBootstrapを使用して編集します。jQueryは…結果表示のアニメーションとAjaxする時しか使っていませんが…
- 住所検索アプリを作ります。ここからアプリっぽい感じになってきます。
- 【Phonegap/Cordova 入門05】データをストレージに保存する
- ストレージにデータを保存する方法についてです。
第4回で作成した住所検索アプリに、結果保存機能を付与するという内容になっています。
- ストレージにデータを保存する方法についてです。
一旦入門シリーズはおしまいです。
もし何かリクエストがあれば追加していこうかなと思います。
OnsenUIとAngular.jsを使用する
- 【Phonegap/Cordova + Onsen UI 01】ハイブリッドアプリに最適なOnsen UIとは
- OnsenUIの特徴とメリットについて書いています。デメリットは…特にないと思います。
- 【Phonegap/Cordova + Onsen UI 02】Onsen UI を導入する(手動で配置)
- Onsenの導入方法について書いています。
4種類の配置方法がありますが…ここでは一番原始的な方法を採用しています…
- Onsenの導入方法について書いています。
- 【Phonegap/Cordova + Onsen UI 03】住所検索アプリをOnsenUI+Angular.jsに書き換える
- 入門で作成した住所検索アプリを、Onsen+Angular方式にします。
- 【Phonegap/Cordova + Onsen UI 04】ng-repeatを使用してリストデータを表示する
- Onsen(+Angular)の大変有難い機能である、ng-repeatを使用する回です。
ng-repeatとは、バインドされたリストデータを展開してくれるディレクティブです。
これを使用することで、裏方で持っているリストデータをとても簡単に画面表示できます
- Onsen(+Angular)の大変有難い機能である、ng-repeatを使用する回です。
- 【Phonegap/Cordova + Onsen UI 05】ナビゲーションでページ遷移!再帰的キーワードサジェストアプリを作る
- OnsenUIでSPAを実現する管理機能であるNavigationを使用して、SPAアプリを実装します。
テーマは、AmazonのSuggest APIを使用して、キーワードを再帰的に検索していくというアプリ作成です。
- OnsenUIでSPAを実現する管理機能であるNavigationを使用して、SPAアプリを実装します。
これからも続いていきます。
Tips
- 【Phonegap/Cordova】Admob広告を表示する方法
- PhonegapアプリにAdmob広告を表示する方法についてです
エラーや不具合などで詰まったところ
- 【Phonegap/Cordova】console.logの落とし穴。オブジェクトのログ出力で処理が止まる
- console.logでオブジェクトを出力すると、何故か次の処理が実行されなくなる場合があります…