GN125と過ごすSEのブログ GN125、グラディウス400のメンテナンス/カスタムブログです。ときどきIT系の話。
今回は、Javascriptでスマホアプリを開発する方法についてまとめました。 ターゲットは、 Javascript + HTML + CSSがそこそこ使える(Webアプリ作れるよー位のレベル) スマホアプリを開発したい！…でも、JavaとかSwiftを今から覚えるのはなぁ… という人です。 ので、そもそもJavascript知らない！という方には向かないかもしれません。 […]
みなさん、こんにちは！ 今回は、Phonegapアプリの実機デバッグ時のハマり点についてです。 とある条件を満たすと、実機デバッグ時に次の処理が実行されなくなる模様です。 ただし、エラーログは出ていないので、原因特定に時間がかかります… その条件というのが、「オブジェクトをconsole.logで出力すること」です。 ただし、このオブジェクトなのですが、問題なく出力される場合も多く&# […]
はじめに みなさん、こんにちは！ 今回は、PhonegapアプリにAdmob広告を表示する方法についてです。 簡単ではありましたが、日本語の情報が殆どなかったのでまとめておきます。(2016年9月現在) 概要としては、 Admobで広告ユニットを作成 Admobプラグインをインストール 広告表示用コードを書く という具合です。 Admobで広告ユニットを作成 まずは、Admobで新しいアプリの収益 […]
はじめに みなさん、こんにちは！ 今回は、OnsenUIがOnsenたる理由である、SPA(Single Page Application)のアプリを作りましょう。 SPA = スパ = Onsen ということらしいですね。はい。 OnsenUIでSPAしなかった今までが逆に宝の持ち腐れだったということですね。はい。 単にページ遷移しておしまい、というのはあんまりなので、今回も何かのアプリを作りつ […]
みなさん、こんにちは！ 今回は、また1つスマホアプリをリリースしました、という話題です。 折角ハイブリッドアプリ開発をしてきましたが、今のところAndroid版のみです… 何をしてくれるアプリかというと、あの中古バイク/車パーツ販売で有名なCrooooberを検索しやすくしてくれるアプリです。 具体的に、下記のような特徴があります。 速い シンプル キャッシュにより2度目以降のアクセス […]
はじめに。ng-repeatについて みなさん、こんにちは！ 今回は、OnsenUIの便利機能である、 ng-repeatを使っていきましょう。 ng-repeatは、配列をバインドすると、配列の要素分、指定要素を描画してくれるというとても便利なものです。 前回までで作っていた住所検索アプリで保存機能を実装し、その保存しておいたデータを照会する時に、このng-repeatで保存したデ […]
みなさん、こんにちは！ 今回は、アプリを1件公開しました、という話題です。 私がPhonegapに出会ったのは、去年(2015年)の10月でした。 で、結局これが初めての公開になります。 2015年中はPhonegap/Cordovaの情報収集や、OnsenUIなどの自分にあったライブラリを発見したり、書き方を変えてみたりと研究時期でした。 2016年に入ってから本格的に開発を始めて、今までアプリ […]
みなさん、こんにちは！ 前回Onsen UI使用の準備まで行いました。 (前回の記事はこちら⇒【Phonegap/Cordova + Onsen UI 02】Onsen UI を導入する(手動で配置)) ですので、今回はOnsenを使用したアプリをとりあえず作っていきましょう！ お題は、いつか作った住所検索アプリとしましょう。 全部書き換えるのは大変なので、とりあえずは、検索機能のみの再現を目指し […]
みなさん、こんにちは！ 前回、PhonegapするならOnsen UIを使わないと！という記事を書きました。 (前回の記事はこちら⇒【Phonegap/Cordova + Onsen UI 01】ハイブリッドアプリに最適なOnsen UIとは) ので、早速Onsenを導入しましょう。 Onsen UI 公式ページには、2016年7月現在、4つの導入方法があります。 Monaca CLIを使用する […]
みなさん、こんにちは！ 今回は、私もハイブリッドアプリ開発で愛用しているOnsen UIについて、概要を書こうと思います。 Onsen UIとは、ハイブリッドアプリ向けのUIフレームワークです。アプリでよく使うようなUI部品が集められています。特徴は下記のようなものが挙げられます。 高速である(本家ページで大々的に宣言されていますが、確かにjQuery Mobileなど比べると体感的には大分速いで […]
