カテゴリー: 開発

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

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

🕒️2019/07/02

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

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

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

otak-lab

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

🕒️2018/06/27

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 Google Map iframe Monaca Onsen UI

【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 files.

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.

Cordova cordova-plugin-crypt-file DecryptResource.java github Monaca

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

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

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

Cordova JavaScript Monaca Onsen UI

【Monaca】EaselJSを使用してスクラッチアプリを作成する

EaselJSを使用してスクラッチアプリを作成してみました。

www.createjs.com

CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5

https://www.createjs.com/easeljs

もとになったネタはStackOverflowのCreate Eraser in EaselJs – what nextで、eraseの機能を使えばスクラッチぽい動きになるかと思いました。

Stack Overflow

Create Eraser in EaselJs - what next

~~https://stackoverflow.com/questions/31853911/create-eraser-in-easeljs-what-next/31924384~~

I want to write Bitmap eraser on easelJS. I think, i'm on half of my road to do this.... Here is demo:http://jsfiddle.net/bordeux/g2Lwvsuv/2/and my code:var example = function() { this.

AngularJS EaselJS Monaca Onsen UI Scratch スクラッチ

【Monaca】Onsen UI V2 ダイアログ内のメッセージをスクロール可能にする

Onsen UI V2において、プライバシーポリシーや利用規約などのメッセージをダイアログ内に表示し、メッセージをスクロール可能にする方法を紹介します。

Onsen UI

ons.notification - Onsen UI

~~https://ja.onsen.io/v2/api/js/ons.notification.html~~

AngularJS JavaScript Monaca Onsen UI ダイアログ

Amazon Fire ロック画面の広告を非表示に設定する

Amazonアプリストアに公開するために使用しているAmazon Fire7(2017,第7世代)を「工場出荷時の設定にリセット」したところ、またロック画面に広告が表示されるようになりました。
今回はその広告を非表示に設定する方法を紹介します。
Continue reading

Amazon Fire 7 Fire HD 10 Fire HD 8 広告非表示

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

2018/12/13現在、Visual Studio 2017 Community Cordova Ver.6.3.1において、「cordova-plugin-crypt-file」プラグインを使用した場合、ビルドにおいて下記のエラーが発生します。
このエラーの回避方法について説明します。
※12/13 9:17、この件に関してメールをいただきましたが、返信先のメールアドレスが間違っているため、返答することができませんでした。
こちらに返答内容を記載させていただきます。