ジャンボモナカ

34歳のハゲデブがHTML5ハイブリッドアプリ開発プラットフォームmonacaを始めました。

monaca

Android StudioでMonacaのandroidアプリのデバッグがやりやすくなった件

Monacaの公式マニュアルで確認すると、Android Studioでデバッグする場合、新規プロジェクトの作成を行うか既存のプロジェクトを開く必要があった。 docs.monaca.io 久しぶりにAndroid Studioでデバッグする機会があり、改めて確認したら、上記の方法をとら…

monacaのcordovaでニフクラ mbaasのUser Aclの権限設定

タイトルが長くなってしまった。 monacaのcordovaでニフクラ mbaasを使っている時の話。 Userクラスに登録されている各会員のAcl(パーミッション)をプログラムから変更したい場合どうすればいいのだろうか? 実は、ドキュメントにもこの部分についてのプログ…

ニフクラ mobile backendのユーザー取得について

cordovaに準拠しているmonacaからニフクラ mobile backendに接続して、あるロールに所属しているユーザーを取得しようとしても、一向に取得することができない。 具体的には以下のようなプログラムだ。 var _roles; ncmb.Role.fetchAll().then(function(role…

monacaでcordova-admob-proのリワード動画広告を導入する際に躓いたこと

monacaでcordova-admob-proのリワード動画広告について。 github.com monacaでcordova-admob-proのリワード動画広告を表示したくて、以下のように自動再生モードで実装したところ動かなかった。 var admobid = { rewardVideo:'ca-app-pub-xxx' }; if(AdMob){…

monacaでonsenとangularを使った場合の初期化について

monaca上でonsen uiとangularを使う場合、初期化はどうすればいいのだろうか? angularはangularでcontrollerメソッドがあるので、その時点で、初期化だし、onsen uiはonsen uiで ons.ready(function() { }); という記述があるので果たしてどうしたことやら…

今さら人に聞けないmonacaのangularでajax通信を行う方法

monacaのangularで実装するにあたりajaxだけjQueryというのもなんだか変な気がする。 そこでangularでHTTP通信を行うことができないか調査をしてみた。 いつも通りangularのリファレンスに表示されているAPI一覧を眺めていて、$httpというのがあったので試し…

今さら人に聞けないmonacaのangularでのngIfについて

ある特定の条件ではdomを表示し、それ以外の場合は非表示みたいなことをmonacaのangularで実装するにはどうすればいいのか調べました。 APIリファレンスに表示されているメニューをざーっと見たところngifというのが目についたのでこれかなと思いさっそく試…

今さら人に聞けないmonacaのangularでのコントローラー間でパラメータを受け渡すには

monacaのangularでプログラムを組んでいると、コントローラーは1つではなく複数になる時が多々あります。 <ons-page ng-controller="MainPageController"> <ons-button ng-click="notify()">Run</ons-button> </ons-page> <ons-dialog var="dialog" ng-controller="DialogController"> <div style="text-align: center; padding: 10px;"> <p> This is a dialog. </p> <…</div></ons-dialog>

今さら人に聞けないmonacaのangular.elementについて

monacaでnendを実装するに当たりいくつかのパターンがあり、そのうちの一つにOnsenUIを使ってかつAngularJSを使用しない場合についてのソースコードがありました。 <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <script src="components/loader.js"></script> </meta></meta></head></html>

monacaのangularでのngIncludeについて

monacaのangularでngIncludeという外部ファイルをインクルードをしてくれるAPIが存在する。 例えば、hoge.htmlというインクルードされるファイルが下のようになっていたとする。 <p>hello angular</p> それに対して呼び出し元を下のように実装する。 <html ng-app="mainApp"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </meta></head></html>

monacaではOnsen UIをベースにソースを組むか?angularをベースにソースを組むか?

monacaでの開発で、Onsen UIとangularを使ってフロントを構築する方法を調査しているのですが、AngularJS 1.x - Onsen UIを読みながらソースを組んでみると、だいたい、下のような感じになっている。 <html ng-app="mainApp"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </meta></head></html>

今さら聞けないmonacaでのangularのngControllerのベストプラクティスって

monacaでangularを選択した際に、ng-clickを使ってアラートを表示させたいだけなのに、なんで、こんな複数パターンが存在するんだろうか? 1.asを使ってプロパティー名を使って実装するパターン <html ng-app="mainApp"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </meta></head></html>

今さら聞けないmonacaのangularでangular.moduleメソッドがいきなりエラーになった件

monacaでangularを使って実装するにあたり、昔のAngularJS — Superheroic JavaScript MVW Frameworkのリファレンスを読んで、どうやら、ベースがangular.moduleメソッドを呼ぶところから始まるみたいなので、漠然と <html ng-app="mainApp"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </meta></head></html>