マスターのリポジトリはGitHubで、Code exampleも付属しています。
AngularJS 学習ノート
(2014-07-29 .. 2014-08-29)
AngularJSの学習開始から終了までの記録ノートです。Code example(Jade + CoffeeScript + Sassに書き換えたもの)は本リポジトリのsrc/ディレクトリにあります。生成ファイルはpublic/です(一部のファイルはローカルサーバからの立ち上げが必要)。
はじめに
まずは勉強用のドキュメントを探す必要があるが、オフィシャルWebサイトのドキュメントが充実している場合はそれを読むのが一番だと思う。
(少し前にTwitter Bootstrapを勉強した時もそうだったが)公式オンラインドキュメントが充実しているなら絶対それを読むべき。IT分野では紙の本のほぼ全てが半年で最新の内容ではなくなり、大部分は2-3年で役に立たなくなる。
数年前Ruby on Railsを学ぶ際に色々な本を試したがほとんど役に立たず、結局公式ドキュメント(Rails Guides)を最初から読み直した。当時「最初からそうすればよかったのに...」と後悔した覚えがある。
現在(学習開始時)の最新は1.3.0-beta.17(間もなく1.3が正式リリースされるはず)。これから学ぶのなら最初から1.3にした方が後々問題は少ないと思う。
(後で追加)今すぐ製品に使うのなら1.2の最終安定版の方が間違いない(古いIEをサポートする場合は必須)。参考として1.3発表時のドキュメントを読む(方針確認用)。総合的に判断して今から始めるなら1.3とした。
http://blog.angularjs.org/2013/12/angularjs-13-new-release-approaches.html
- (この文章を見る限り)大きな仕様変更や新機能の追加はない
- 主な目的は現行主流ブラウザでのパフォーマンス向上
- 古いブラウザ(特にIE8)のサポート打ち切り
- 初期バージョンの(もう使われていない)APIの廃止
また1.2と1.3の細かい相違点はDevelopers GuideのMigrating from Previous Versionsを参照。
和訳がある(主要ドキュメントはほぼ全て)。一つ前の版(1.2)の訳だが原文と見比べてもまだ大きな変更はなく今でも十分役に立つ(tomofさんありがとう!)。
http://js.studio-kingdom.com/angularjs
Home
Downloadボタンをクリックすると(Twitter Bootstrapの)ポップアップモーダルビューが立ち上がるが、これを見る限りCDNを使った方がいいのでみんなそうしてねと言っている感じ(実際その方が効率はよいはず)。
でもやはり勉強用にUncompressed版のソースを取り寄せておくとよい(解読用)。800kbもあるが半分以上はコメントで読みやすい。ソースは分からなくてもコメントに目を通すだけでよい勉強になる。
この後にThe Basics以下の簡単な解説があるが、最初は読んでも説明不足(と自分の知識不足の両方)で理解するのはまず無理。スキップしてDeveloper GuideのConceptual Overviewに進むといい。
半日掛けて途中まで(4割くらい?)読んだところで断念した(知識もないのに無理して読んでも時間の無駄)。予備知識がないとまず理解できない。
Tutorial
https://docs.angularjs.org/tutorial
ここの構成を見ると何だか Ruby on Rails Tutorial にそっくり(製作者は実際参考にしていると思う)。中身は読まなくてもどういうものかある程度察しは付く。以前Rails Tutorialを全部実習し終えて感じたのは次の2点。
- gitやテスト(RSpec)、デプロイ(Heroku)など周辺技術の習得にはよい
- だが肝心のRailsが説明不足(結局 [Ra