タグ: Monaca

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

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

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】D3.jsを使用して円グラフを表示する

D3.jsは、JavaScriptを使用して折れ線グラフや棒グラフ、円グラフなど、データを可視化するツールとして知られています。
私が開発したアプリの折れ線グラフも、D3.jsを使用しています。

d3js.org

D3.js - Data-Driven Documents

https://d3js.org

D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS.

今回は、AngularJS + Onsen UIの構成で円グラフを表示する方法を紹介します。
Continue reading

AngularJS D3.js Monaca Onsen UI 円グラフ

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

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

www.createjs.com

CreateJS | A suite of JavaScript libraries and tools designed for working wit...

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 ダイアログ

【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、この件に関してメールをいただきましたが、返信先のメールアドレスが間違っているため、返答することができませんでした。
こちらに返答内容を記載させていただきます。