The sky is the limit

ハイブリッドアプリ開発、PWAなど効率の良いiOSアプリ、Androidアプリ開発の情報を共有したい。アプリ開発は楽しい。【PWA、AngularJS、Monaca、Cordova、OnsenUI】

ハイブリッドアプリ

【PWA】プログレッシブ・ウェブアプリとネイティブアプリ/ハイブリッドアプリ/ウェブアプリの違い - 連載 【PWA】プログレッシブ・ウェブアプリ 概要 -

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

1-1【UI開発】OnsenUIを使ったページ遷移の実装1 【tabbar編】- 【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】 -

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

【OnsenUI・Angular】Chart.jsでグラフ実装 その2【Monaca・ハイブリッドアプリ】

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

【OnsenUI・Angular】単一ページで横スクロールを実現する方法【Monaca・ハイブリッドアプリ開発】

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

【OnsenUI・Angular】ons-dialogの中で、Angularの「this.hogehoge」が認識されなかった【Monaca・ハイブリッドアプリ開発】

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

【Monacaハイブリッドアプリ】NVD3でグラフ作成。うまくいかないの巻【Angular・OnsenUI】

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

1-2【UI開発】画面内スクロールの実装 - 【連載】ハイブリッドアプリ開発で貯金管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】

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

【Cordova】「Error: Please install Android target "android- XX".」の解決方法【エラー対処】

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

5.5章 ハイブリッドアプリ開発に適したアプリとは?-【連載】ハイブリッドアプリの最新情報とその動向【Corodva】

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

5章 ハイブリッドアプリ開発はどのように使われているのか -【連載】ハイブリッドアプリの最新情報とその動向【Corodva】

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

4章 ハイブリッドアプリの最新動向 -【連載】ハイブリッドアプリの最新情報とその動向【Corodva】

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

3章 ハイブリッドアプリのメリット・デメリット -【連載】ハイブリッドアプリの最新情報とその動向【Corodva】

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

2章 ネイティブアプリ、Webアプリとの違いは?-【連載】ハイブリッドアプリの最新情報とその動向【Corodva】

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

1章 ハイブリッドアプリとは?-【連載】ハイブリッドアプリの最新情報とその動向【Corodva】

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

【ハイブリッドアプリ開発】Monacaでハイブリッドアプリ開発【OnsenUI・AngularJS】

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

【ハイブリッドアプリ】MacでCordovaでの開発環境を整える③ -iOS版-

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

【ハイブリッドアプリ】MacでCordovaでの開発環境を整える② -エラー対処の続き-

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

【ハイブリッドアプリ】MacでCordovaでの開発環境を整える① -エラー対処-

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

【最新情報】ハイブリッドアプリとは②

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

【最新情報】ハイブリッドアプリとは 

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