【Monaca】Onsen UI pushPageでパラメーターを渡す

最近、Onsen UIが動かないということで、当ブログのOnsen UI関連の記事にアクセスしてくださる方が多く見られます。
おそらくOnsen UI V1の時代のブログ記事を読んで、そのサンプルコードがうまく動作せず躓いているように思いました。
最新版のOnsen UI V2は、V1と互換性のない箇所がいくつかあります。
今回は何件か検索履歴にありました、Onsen UI V2のpushPageでパラメーターを渡す方法を紹介します。
※AngularJSを使用します。
Continue reading

【Monaca】Onsen UIでGoogleマップを切り替える

前回の【Monaca】Onsen UIでGoogleマップを表示する その２のコードを流用して、Googleマップを切り替える方法を紹介します。

otak-lab
2019.07.02
【Monaca】Onsen UIでGoogleマップを表示する その２
https://otak-lab.com/archives/2182
ちょうど１年ほど前に【Monaca】Onsen UIでGoogleマップを表示するという記事を書き、たくさんのアクセスをいただきました。Maps JavaScript APIを使った方法のため、APIキーの取得や有料化の問題など面倒な部分が多かったと思います。今回はiframeを使用して無料でGoogleマップを表示する方法を紹介します。まずはMonacaデバッガーの表示結果です。iOSの場合、画面操作中にiframeの領域が固定されず、多少操作に難があります。AndroidiOSOnsen UIの準備ができたら、iframeのwidthとheightをOnsen UIのコンテンツ領域(.page__content)...

Continue reading

【Monaca】Onsen UIでGoogleマップを表示する その２

ちょうど１年ほど前に【Monaca】Onsen UIでGoogleマップを表示するという記事を書き、たくさんのアクセスをいただきました。

otak-lab
2018.06.28
【Monaca】Onsen UIでGoogleマップを表示する
https://otak-lab.com/archives/1452
iframeによる方法はこちらです。Monacaで新規プロジェクト「Onsen UI V2 JS Minimum」を作成し、サンプルコードを貼り付けて実行したら、あっさり表示された。Monacaデバッガーで動作確認済み。※事前にMaps JavaScript APIのキーを取得すること。※37行目のYOUR_API_KEYを取得したAPIキーに書き換えること。 <!DOCTYPE HTML><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"...

Maps JavaScript APIを使った方法のため、APIキーの取得や有料化の問題など面倒な部分が多かったと思います。
今回はiframeを使用して無料でGoogleマップを表示する方法を紹介します。
Continue reading

【Cordova】Ver.8.1.2「cordova-plugin-crypt-file」ENOENT: no such file or directory, open ‘DecryptResource.java’ エラー回避方法 その2

2019/07/01現在、Cordova Ver.8.1.2において、「cordova-plugin-crypt-file」プラグインを使用した場合、ビルドにおいて下記のエラーが発生します。
このエラーの回避方法について説明します。

ENOENT: no such file or directory, open ‘C:\xxxxx\yyyyy\platforms\android\src\com\tkyaji\cordova\DecryptResource.java’

GitHub
 
GitHub - tkyaji/cordova-plugin-crypt-file: This plugin to encrypt the source ...
https://github.com/tkyaji/cordova-plugin-crypt-file
This plugin to encrypt the source files. Contribute to tkyaji/cordova-plugin-crypt-file development by creating an account on GitHub.

Continue reading

ナンバーズサーチ Ver.1.4.9をリリースしました！

ナンバーズサーチ Ver.1.4.9をリリースしました。
Google Playストア・Amazon アプリストアよりダウンロードできます。
なお、Ver.1.4.8よりAndroid 4.0～4.0.4のサポートを終了しましたので、ご了承ください。

Google Play で手に入れよう

変更点は下記のとおりです。
Continue reading

【Monaca】ツールバーとコンテンツの間に固定のヘッダーを作成する

下図は「シンプル利益計算」の画面ですが、ツールバーの下に日付・期間・グラフを表示し、その下にリストを表示するように作成しています。
リストをスクロールすると、日付・期間・グラフの表示位置は固定のため、スクロールに影響することなく表示することができます。

今回はツールバーとコンテンツの間に固定のヘッダーを作成する方法を説明します。
Continue reading