1-3【UI開発】OnsenUIを使った画面内スクロールの実装【ons-carousel】 今回は一つのタブ内での横スクロールでの画面遷移を実現するための方法。 今回のアプリでは、目標貯金金額を貯めるための期間や月々の貯蓄額などを計算するためのページでこの機能を使…

連載 【PWA】プログレッシブ・ウェブアプリ 概要 - 第2回 【PWA】プログレッシブ・ウェブアプリとネイティブアプリ/ハイブリッドアプリ/ウェブアプリの違い前回はプログレッシブ・ウェブアプリ(以下PWA)の概要と個人的な思いを記事にした。www.sky-limit-fut…

【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 1章 UI開発 1-1【UI開発】OnsenUIを使ったページ遷移の実装1 【tabbar編】 このページは、過去の記事www.sky-limit-future.comを最新化したもの。 はてなブロ…

【OnsenUI・Angular】Chart.jsでグラフ実装 その2【Monaca・ハイブリッドアプリ】 it-innovation.hatenablog.com 以前のブログで、実装に触れなかったので今回は実装内容を見ていく。■index.html htmlではcanvasタグにチャート描画を行う。 js側で拾うために…

【OnsenUI・Angular】単一ページで横スクロールを実現する方法【Monaca・ハイブリッドアプリ開発】 タイトルの内容。 スクロールのようにページ遷移するのではなく、一つのページ内で横スクロールを実現したかった。 やりたいことだけやって、optionなどは試…

【OnsenUI・Angular】ons-dialogの中で、Angularの「this.hogehoge」が認識されなかった【Monaca・ハイブリッドアプリ開発】 タイトル通り。 ons-dialogの中で、this.hogehogeのようにthis.変数名とやっても認識されない(undefinedとなる) ハマったので備考…

NVD3でグラフ作成。サンプル使ったけど。。。なんで？ monacaでonsenUI,Angularを使用したグラフ作成がしたくて参考になるものを探していた。blog.asial.co.jpこのブログを参考に作成した結果がこれ 表示ちっさ。heightやwidthをいじってみたけど、変わらな…

【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 1章 UI開発 1-2【UI開発】OnsenUIを使った画面内スクロールの実装【ons-carousel】 前回はページ遷移の方法に関してまとめた。 it-innovation.hatenablog.com…

「Error: Please install Android target "android- XX".」の解決方法 「Error: Please install Android target "android- XX".」の解決方法 表題のエラーの解決方法をここでまとめる。 このエラーメッセージで見てもらいたいところは最後の「XX」の部分。数…

【連載】ハイブリッドアプリの最新情報とその動向【Corodva】 5.5章 ハイブリッドアプリ開発に適したアプリとは？ 今回は過去の2つの記事を総合的にまとめたもの。 それぞれハイブリッドアプリに適している状況について書いたが、観点が異なるので、別々に読…

【連載】ハイブリッドアプリの最新情報とその動向【Corodva】 5章 ハイブリッドアプリ開発はどのように使われているのか 以下の記事の中でハイブリッドアプリ開発のエキスパートたちが、ハイブリッドアプリについて語っている。これを簡単にまとめた。詳細は…

【連載】ハイブリッドアプリの最新情報とその動向【Corodva】 4章 ハイブリッドアプリの最新動向 前回まででハイブリッドアプリの概要、ハイブリッドアプリを使うに当たってのメリット・デメリットなどをまとめてきた。 その中で出てきた課題の一つに、ハイ…

【連載】ハイブリッドアプリの最新情報とその動向【Corodva】 3章 ハイブリッドアプリのメリット・デメリット 前回はハイブリッドアプリがネイティブアプリ・Webアプリと比較してどのように違うのかをまとめた。 it-innovation.hatenablog.com 今回は、前回…

【連載】ハイブリッドアプリの最新情報とその動向【Corodva】 2章 ネイティブアプリ、Webアプリとの違いは？ 今回はハイブリッドアプリがネイティブアプリ・WEbアプリとそれぞれどのように違うのかを詳しくみていく。 まずはハイブリッドアプリとの比較の前…

【連載】ハイブリッドアプリの最新情報とその動向【Corodva】 1章 ハイブリッドアプリとは？ ハイブリッドアプリの構造 「ハイブリッドアプリとは？」という説明のなかでよく使われる画像がこれ。 これはハイブリッドアプリの構造を説明しているもので、アプ…

前回から更新がかなり遅くなった。 今回からMonacaを用いたハイブリッドアプリ開発について書いていく。 Corodvaの開発環境構築についても随時更新していく予定。 今回は今後まとめていく内容について、忘れないようにメモを！ ちなみに、Monaca + OnsenUI …

結局、昨日もエラーを解決できなかったので、もう一度。 富士ゼロックス スーパーカップを観ながら。 ＜MacでCordovaでの開発環境を整える③ -iOS版-＞ ・node.jsとnpmのインストール ・Cordovaのインストール ・サンプルプロジェクトの作成 ・プラットフォー…

前回記事から引き続き、開発環境の構築。 ちなみにブログは備考録的に使っているため、まとまっていないので読みにくいと思う。ある程度、進展があった段階でまとめページを作成(wikiで作成検討）する予定なので、乞うご期待。 昨日やったものを無かったこと…

ハイブリッドアプリのメリット、デメリットは次回以降に。 Cordovaをインストールして開発環境を整えようかと思ったが、苦戦した。 というか、まだ解決していないので現状の記録。 ＜MacでCordova開発環境を整える＞ ・node.jsのインストール ・Cordovaのイ…

前回の記事 【最新情報】ハイブリッドアプリとは it-innovation.hatenablog.com の後にもう一度ハイブリッドアプリについて調査しなおしたところ、前回の認識が若干ずれているのかな、と思ったので、追記という形で、ハイブリッドアプリについて書いていく。…

＜ハイブリッドアプリとは＞ 1、HTML5やJavaScript、css3などのWeb開発技術を用いて、アプリ開発が可能。 2、複数のプラットフォームに対応している。 3、ネイティブ機能へのアクセスが可能。 ここで、今までのアプリ開発をおさらい。 大きく分けて ◆ネイテ…