【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 1章 UI開発 1-2【UI開発】OnsenUIを使ったページ遷移の実装2【Navigator編】 このページは、過去の記事www.sky-limit-future.comを最新化したもの。 www.sky-…

【ons-modal】ons-modalを使った実装【OnsenUI・Angular】 管理系のアプリを作成した時の話。 初回起動時にパスワード入力画面を表示させるという実装で、 パスワード画面が表示されている時は、tabbarや他のボタンを押させたくないというのがあった。 これ…

【iOS版】Admobプラグインの追加と動作確認（広告表示確認） - 完結編 - 【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 PART4 その4 【iOS版】Admobプラグインの追加と動作確認（広告表示…

【連載】プログレッシブ・ウェブアプリ 概要 【PWA】 第1回 【PWA】プログレッシブ・ウェブアプリとは 2017年、そしてこれからのアプリ開発を牽引していくのではと、個人的に思っている【PWA】プログレッシブ・ウェブアプリを解説していく。 これまでブログ…

【iOS】document.getElementById('hogehoge').click()が正しく動かなかった件【clickイベント】 OnsenUI 2.0 AngularJS 1.5現在いるタブのとあるボタンを押下すると、他のタブに遷移するという実装が必要だった。 最初は遷移したいタブにid="hogehoge"を付与…

その3 Cordovaプラグインの追加【Admob】と動作確認（広告表示確認） - 試行錯誤編2 -【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 PART3 その3 Cordovaプラグインの追加【Admob】と動作…

その2 Cordovaプラグインの追加【Admob】と動作確認（広告表示確認） - 試行錯誤編 - 【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 PART2 その2 Cordovaプラグインの追加【Admob】と動作…

Safariでiosシミュレータのデバッグ iOSシミュレータで起動しているアプリのデバッグをするときの方法。 Cordovaでハイブリッドアプリ開発をするときに、iOSシミュレータで動くアプリのデバッグをしたい時がある。 その方法。 1.iOSシミュレータの起動 2.Saf…

その１ Cordovaの環境構築と、iosでの動作確認 -【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】 その１ Cordovaの環境構築と、iosでの動作確認 以前Monacaのゴールドプランなどへのプラン…

【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 1章 UI開発 1-1【UI開発】OnsenUIを使ったページ遷移の実装1 【tabbar編】 このページは、過去の記事www.sky-limit-future.comを最新化したもの。 はてなブロ…

【OnsenUI・Angular】Chart.jsでグラフ実装 その2【Monaca・ハイブリッドアプリ】 it-innovation.hatenablog.com 以前のブログで、実装に触れなかったので今回は実装内容を見ていく。■index.html htmlではcanvasタグにチャート描画を行う。 js側で拾うために…

【OnsenUI・Angular】Chart.jsでグラフ実装 NVD3でできなかったので【Monaca・ハイブリッドアプリ】 以前、以下の記事を書いたけど、（他の方法で）解決したのでご報告。it-innovation.hatenablog.comNVD3を使用したグラフは上手く動かなかった。動いたけど…

【OnsenUI・Angular】単一ページで横スクロールを実現する方法【Monaca・ハイブリッドアプリ開発】 タイトルの内容。 スクロールのようにページ遷移するのではなく、一つのページ内で横スクロールを実現したかった。 やりたいことだけやって、optionなどは試…

【OnsenUI・Angular】ons-dialogの中で、Angularの「this.hogehoge」が認識されなかった【Monaca・ハイブリッドアプリ開発】 タイトル通り。 ons-dialogの中で、this.hogehogeのようにthis.変数名とやっても認識されない(undefinedとなる) ハマったので備考…

NVD3でグラフ作成。サンプル使ったけど。。。なんで？ monacaでonsenUI,Angularを使用したグラフ作成がしたくて参考になるものを探していた。blog.asial.co.jpこのブログを参考に作成した結果がこれ 表示ちっさ。heightやwidthをいじってみたけど、変わらな…