The sky is the limit

ハイブリッドアプリ開発、人工知能(機械学習など)に関する備忘録 たまに宇宙のことも語る【AngularJS、Monaca、Cordova、OnsenUI】

0章 連載内容まとめ -【連載】ハイブリッドアプリ開発で銀行口座管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】

【連載】ハイブリッドアプリ開発で銀行口座管理アプリを作る【Cordova・Monaca・OnsenUI・AngularJS】

f:id:duo-taro100:20160218004611p:plain

0章 連載内容まとめ 

現在、「AngularJSの基本操作」という内容の記事を何回かに分けてまとめているけど、このブログの主なテーマの一つがハイブリッドアプリ開発なので、並行して、実際にアプリを作っていく様子を細かくまとめていく。すでにほとんどの機能が完成しているので、開発を遡っての紹介になる。

今回はその連載でどのような内容をまとめていくかを考える。

 

まず使う環境・フレームワークは以下の通り。

 

・Cordova(当面はMonacaを使った開発)

・OnsenUI

・AnglarJS

 

Monacaなどを使わないでもいいけど、個人での開発ならMonacaの無料版でも十分。

実際にはMonacaで開発を行い、それを以下の連載で紹介したCordova開発環境に落とし込んで、リリースまで実施する。

it-innovation.hatenablog.com

 

 

続いて、まとめていく内容。状況に応じて変更するので、現時点での考え。

cssに関しての説明はしない予定。

 

0.5章 アプリの設計
1章 UI開発

1-1【UI開発】OnsenUIを使ったページ遷移の実装

1-2【UI開発】OnsenUIを使った画面内スクロールの実装

1-3【UI開発】OnsenUIを使ったリストの実装

1-4【UI開発】OnsenUIを使ったフォームの実装【スイッチ・ボタン】

f:id:duo-taro100:20160322234952p:plain

 

2章 機能実装

2-1 【機能実装】AngularJSを使って配列をループして表示させる【ng-Repeat】

2-2 【機能実装】AngularJSを使って条件分岐させる【ng-if・ng-show】

2-3 【機能実装】AngularJSでローカルストレージを使う①【取得・保存】

2-4 【機能実装】AngularJSでローカルストレージを使う②【削除・計算】

2-5 【機能実装】AngularJS?を使って棒グラフを描く

2-6 【機能実装】設定値によって表示内容を変更する【設定画面】

f:id:duo-taro100:20160322234907p:plain

 

3章 リリース

未定(実装完了後のリリースまでをまとめる予定)

 

f:id:duo-taro100:20160218004753j:plain

以上。

次回から、AngularJS単体の連載と並行して、上記の内容をまとめていく。