Techvenience

Technology × Convenience - Vue / React / Next / Nuxt / ChatGPTなどのIT技術がもたらす便利さをお伝えします。最近はChatGPTなどのAI技術を使ってブログを書いています。

Monaca

1-2【UI開発】OnsenUIを使ったページ遷移の実装2 【Navigator編】- 【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 -

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

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

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

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

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

その1 Cordovaの環境構築と、iosでの動作確認 -【Cordova・Monaca】MonacaのプロジェクトをCordovaのローカルプロジェクトに移行して、Admob導入【Admob・plugin】

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

1-1【UI開発】OnsenUIを使ったページ遷移の実装1 【tabbar編】- 【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 -

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

【OnsenUI・Angular】Chart.jsでグラフ実装 その2【Monaca・ハイブリッドアプリ】

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

【OnsenUI・Angular】単一ページで横スクロールを実現する方法【Monaca・ハイブリッドアプリ開発】

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

【OnsenUI・Angular】ons-dialogの中で、Angularの「this.hogehoge」が認識されなかった【Monaca・ハイブリッドアプリ開発】

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

0章 連載内容まとめ -【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】

【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 0章 連載内容まとめ 現在、「AngularJSの基本操作」という内容の記事を何回かに分けてまとめているけど、このブログの主なテーマの一つがハイブリッドアプリ…

【OnsenUI】リストを使って、詳細画面への遷移を行う【AngularJS】

前回の記事にも書いた通り、AngularJSとOnsenUIのリストを使って画面遷移を実装する it-innovation.hatenablog.com 記事の作成から数年が経ち、情報が古くなったので新たに記事をおこした。 OnsenUI vaer2.0を仕様 www.sky-limit-future.com ---------------…

【ハイブリッドアプリ開発】Monacaでハイブリッドアプリ開発【OnsenUI・AngularJS】

前回から更新がかなり遅くなった。 今回からMonacaを用いたハイブリッドアプリ開発について書いていく。 Corodvaの開発環境構築についても随時更新していく予定。 今回は今後まとめていく内容について、忘れないようにメモを! ちなみに、Monaca + OnsenUI …