タイトルが長くなってしまった。 monacaのcordovaでニフクラ mbaasを使っている時の話。 Userクラスに登録されている各会員のAcl(パーミッション)をプログラムから変更したい場合どうすればいいのだろうか？ 実は、ドキュメントにもこの部分についてのプログ…
Reactに触りたくて、少し前にReactを始めるまでに必要になることを書いた。 jumbomonaca.hatenablog.com jsxないしbabelを書いた後、そのままではブラウザは解釈をしてくれないので、コンパイルする必要があります。 で、そのコンパイルはどうやって行えばい…
webpackのバージョンを新しく4にアップして、マニュアル通りにコマンドを打った。 npx webpack --config webpack.config.js そしたら警告が表示された。 WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'productio…
FirebaseのHostingについて調べた。 まず、最初にnpmを使ってFirebase CLIをすでにインストールしているものとする。 jumbomonaca.hatenablog.com そのままターミナルからFirebaseにログイン firebase login すると、匿名でエラーレポートしてもいいか尋ねら…
果たして、はてなブログでうまくディレクトリ構造を表現できるか謎だが、試してみる。 下のようなディレクトリ構成でtsファイルとjsファイルがあったとする。 hoge.js tsconfig.json _src | |-- app.ts _build app.tsは下のようなソースコードだったとする。…
使っていたtypescriptのバージョンが古かったこともあり、今まで下のような形でターミナルからコンパイルしていた。 # xxx.tsはtypescriptのファイル名 # ../_buildは出力先のディレクトリ tsc xxx.ts -w --removeComments --outDir ../_build 最近、typescr…
Firebaseのホスティング機能を使ってwebサイトをホスティングした場合、独自ドメインも設定できるみたいだが果たして、どうやって設定するのだろうか？ まずは、Firebaseにアクセス。 左のサイドメニューの「Hosting」にアクセス 真ん中少し右にある「ドメイ…
cordovaに準拠しているmonacaからニフクラ mobile backendに接続して、あるロールに所属しているユーザーを取得しようとしても、一向に取得することができない。 具体的には以下のようなプログラムだ。 var _roles; ncmb.Role.fetchAll().then(function(role…
少し前までXAMPPを使ってmacのローカルサーバーを立ち上げていました。 www.apachefriends.org 特段、不満があるわけでもないのですが、わざわざXAMPPを使って立ち上げてもなぁ〜もっと軽くローカルサーバーを立ち上げる方法はないのかなぁ〜と漠然と思って…
monacaでcordova-admob-proのリワード動画広告について。 github.com monacaでcordova-admob-proのリワード動画広告を表示したくて、以下のように自動再生モードで実装したところ動かなかった。 var admobid = { rewardVideo:'ca-app-pub-xxx' }; if(AdMob){…
本当に今さら感たっぷりなのですが、備忘録も兼ねて、Reactをはじめるまでに行ったことについて書いていきたい。 まずは、npmでBabelをインストール。 npm install babel-cli@6 npm install babel-preset-react-app@3 次にReactとReactDOMをインストール npm…
タイトル通りなのですが、 firebase.auth().createUserWithEmailAndPassword(email, password).then(function(){ }).catch(function(error) { }); という形でcreateUserWithEmailAndPasswordメソッドを実行してアカウントを作成したのにもかかわらず、F5を押…
Firebaseを使うにあたり通常であれば <script src="https://www.gstatic.com/firebasejs/5.8.4/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/5.8.4/firebase-auth.js"></script>
複数のjsファイル(だけじゃ〜ないんだけど)を一つにまとめてくれる便利なツールであるwebpackのインストール方法について調査しました。 webpack.js.org ターミナルで以下のコマンドをコピペして実行 npm init -y npm install webpack webpack-cli --save-de…
昨日、Nodebrewのインストール方法について書きました。 jumbomonaca.hatenablog.com そこで今回は、よく使うコマンドをまとめました。 ローカルにインストールされているnodejsのバージョンを確認 nodebrew ls インストール可能なnodejsのバージョンを確認 …
昨日は jumbomonaca.hatenablog.com という形で、Homebrewのインストール方法について書きました。 今日は、Nodejsをバージョン管理を行うNodebrewのインストール方法について調べました。 ずばりターミナルで下のコマンドをコピペして実行 brew install nod…
今さら誰にも聞くことができない。 Homebrewのインストールってどうやってやるのだろうか？ brew.sh まずは、上のサイトにアクセス。 ターミナルで下のコマンドをコピペして実行。 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebr…
monaca上でonsen uiとangularを使う場合、初期化はどうすればいいのだろうか？ angularはangularでcontrollerメソッドがあるので、その時点で、初期化だし、onsen uiはonsen uiで ons.ready(function() { }); という記述があるので果たしてどうしたことやら…
monacaのangularで実装するにあたりajaxだけjQueryというのもなんだか変な気がする。 そこでangularでHTTP通信を行うことができないか調査をしてみた。 いつも通りangularのリファレンスに表示されているAPI一覧を眺めていて、$httpというのがあったので試し…
ある特定の条件ではdomを表示し、それ以外の場合は非表示みたいなことをmonacaのangularで実装するにはどうすればいいのか調べました。 APIリファレンスに表示されているメニューをざーっと見たところngifというのが目についたのでこれかなと思いさっそく試…
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で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という外部ファイルをインクルードをしてくれる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を使ってフロントを構築する方法を調査しているのですが、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を選択した際に、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を使って実装するにあたり、昔の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>
