4時間でダイエットアプリを開発してみる(Angular.jsキャッチアップ)

はじめに

やろうやろうと思っていたができなかったので、今更な感じだがAngular.jsを
キャッチアップしてみる。
ちなみにこんなアプリを開発しました。
英語はこちら

特徴

表面しか触れていませんが、MVCでちゃんと分けれる様になってる。
当たり前か。結構好印象。

題材

最近ダイエットしてるので、体重記録アプリにします。

開発時間

4時間くらいでできました。Angular.jsって簡単ですね。
ソースは自信をもって公開できませんが。

アプリとしてはかなり荒いですが、
下記を満たせているのであしからず。
１、とりあえず短時間でキャッチアップ
２、自分が最近思っている体重管理ができる

手順の前にミスったこと

1. angularjsチュートリアル的なものと、githubからangularjs取得の方法で頭がコンフリクトした。
2. html5boilerplate使うより、grunt packageした後にできるテスト用アプリのほうが良かったので、再インストールになってしまった。

手順

ここ見た。
https://docs.angularjs.org/misc/contribute

1. Angularjsを落としてくる
   git clone https://github.com/angular/angular.js.git

2. angular.jsフォルダに移動

3. npm install

4. bower install
   *みすった。入ってない。nodejsをインストールしているフォルダに移動し、下記コマンド実行後、
   再度上記コマンド実行
   npm install bower -g

5. grunt package

6. angularjs のテンプレート使ってみる。
   ng-app="アプリ名"
   ng-controller="コントローラ名"
   {{変数名}}
   こんな感じで使える。

７． モジュール入れてみる
d3.js, n3-charts/line-chart, ngStorage

アウトプッ

こんな体重管理アプリになりました

最後に

DOM操作をしたら怒られるので、ちゃんと意識できると思いました。
モジュール入れようとするとngLocaleがありませんってよくわからないエラーが
出てきた。誰か教えてください。

アプリ自体はかなりドラフト版なので、記録以外ほとんどできません。
意見をいただければどんどん機能載せていきます。