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

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

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

【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

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

Continue reading