最近、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マップを表示する その2
ちょうど1年ほど前に【Monaca】Onsen UIでGoogleマップを表示するという記事を書き、たくさんのアクセスをいただきました。
Maps JavaScript APIを使った方法のため、APIキーの取得や有料化の問題など面倒な部分が多かったと思います。
今回はiframeを使用して無料でGoogleマップを表示する方法を紹介します。
Continue reading
シンプル利益計算 Ver.1.2.1をリリースしました!
本日、ヤフオク・ラクマ・メルカリ・Amazon
の利益計算を支援するアプリ「シンプル利益計算」 Ver.1.2.1をリリースしました。
Playストアよりダウンロードできます。
Continue reading
シンプル利益計算 Ver.1.2.0をリリースしました!
本日、ヤフオク・ラクマ・メルカリ・Amazon
の利益計算を支援するアプリ「シンプル利益計算」 Ver.1.2.0をリリースしました。
Playストアよりダウンロードできます。
Continue reading
シンプル利益計算 Ver.1.1.6をリリースしました!
本日、ヤフオク・ラクマ・メルカリ・Amazon
の利益計算を支援するアプリ「シンプル利益計算」 Ver.1.1.6をリリースしました。
Playストアよりダウンロードできます。
Continue reading
【Monaca】ツールバーとコンテンツの間に固定のヘッダーを作成する
下図は「シンプル利益計算」の画面ですが、ツールバーの下に日付・期間・グラフを表示し、その下にリストを表示するように作成しています。
リストをスクロールすると、日付・期間・グラフの表示位置は固定のため、スクロールに影響することなく表示することができます。
今回はツールバーとコンテンツの間に固定のヘッダーを作成する方法を説明します。
Continue reading
シンプル利益計算 Ver.1.1.5をリリースしました!
本日、ヤフオク・ラクマ・メルカリ・Amazon
の利益計算を支援するアプリ「シンプル利益計算」 Ver.1.1.5をリリースしました。
Playストアよりダウンロードできます。
Continue reading
【Monaca】D3.jsを使用して円グラフを表示する
D3.jsは、JavaScriptを使用して折れ線グラフや棒グラフ、円グラフなど、データを可視化するツールとして知られています。
私が開発したアプリの折れ線グラフも、D3.jsを使用しています。
今回は、AngularJS + Onsen UIの構成で円グラフを表示する方法を紹介します。
Continue reading
【Monaca】EaselJSを使用してスクラッチアプリを作成する
EaselJSを使用してスクラッチアプリを作成してみました。
もとになったネタはStackOverflowのCreate Eraser in EaselJs – what nextで、eraseの機能を使えばスクラッチぽい動きになるかと思いました。
Continue reading