「Angularの資料で何か良いものは？」と聞かれることが多くなってきましたので、そしてAngular資料探しの手間を省くためにも、いつも使っているサイトリンクをまとめます。良い資料があったらこのブログを更新します。読む目安が欲しいというお話がありましたので「★」を付けます。「★」の付いてないものは必要に応じて目を通すと良いのではと思います（あくまでも目安です）。
★ : まず読みましょう
★★ ： 少し慣れたら読もう
★★★ ：仕事で使うよ
学習順は
- YEOMANでAngularをインストールし触りながら
- Angular本家を見つつ
- Angular Style GuideやNinjaで理解を深める
でしょうか（学び方は人それぞれですので）。何れにしても手を動かすのが最良です。
Angular 2
Angular 1
当たり前ですがAngularを始めるときにまず見ておくところで、分からなくても一度はざっと目を通すこと。「Developer Guide」や「API Reference」に関しては開発中いつも目にしています。
- Angular — Superheroic JavaScript MVW Framework ★
- Angular Developer Guide ★★
- Angular API Reference ★★
AngularJS Style Guide
Angularのベストプラクティスが記載されています。特にアプリケーション開発時のディレクトリ構造や命名規則はこのStyle Guildeに従うのがベスト。
- Angular Style Guide(オリジナル) | GitHub ★★
- Angular Style Guide(日本語) | GitHub ★
- Google's Angular Style Guide ★★
- johnpapa/angular-styleguide · GitHub
YEOMANジェネレータ & Slushジェネレータ
Angularベストプラクティスがテンプレート化されています。generator-angularとgenerator-angular-fullstackではディレクトリ構造が異なります。generator-angularはコンポーネント毎に構成されていますが、generator-angular-fullstackは機能で構成しています。どちらもStyle Guildeに記載されているスタイルです。generator-angular-fullstackはMEAN(MongoDB, Express, AngularJS, Node.js)スタックですのでクライアントからサーバまでの実装が容易にできます。是非YEOMANをインストールしどちらも触れてみるのが良いです。Slushはまだ使ったことないですが参考までに記載します。
- yeoman/generator-angular | GitHub ★
- albatrosary/generator-angular-eggs★
- DaftMonk/generator-angular-fullstack | GitHub ★★
- meanjs/generator-meanjs · GitHub
- slush-angular
- slush-meanjs
Angular UI、Hybrid
AngularJSでUIを効率良く実装するためのライブラリ郡です。特にルータに関してはAngularJSのngRouterよりui-routerを使っています。HTML5モードがありいわゆる「#!(ハッシュバン)」のような表現をしないです。ui-routerは機能的にも充実しています。
- AngularUI ★★
- UI Bootstrap | AngularUI ★★
- UI Router | AngularUI ★★
- Onsen UI: HTML5モバイルアプリをもっと速く、もっと美しく ★★★
- Ionic: Advanced HTML5 Hybrid Mobile App Framework ★★★
- ngCordova: Cordova with the power of AngularJS
チュートリアル
最近よくチュートリアルをやっています。特に初学者で教えてくれる人が身近にいない場合は、チュートリアルを使ってタイピングすると良いです。
blog and slideshare
AngularJSを学習するために気軽に読めかつ綺麗にまとまっているサイトです。
- AngularJSに触れてみる その1 | アシアルブログ ★
- AngularJSに触れてみる その2 | アシアルブログ ★
- AngularJS入門の巻 | Toshio Ehara ★★
- AngularJS入門の巻２ | Toshio Ehara ★★
- いまや最も優れたJavaScriptフレームワーク「AngularJSリファレンス」出版記念会 | HTML5Experts.jp
- 連載 | 初心者から中級者まで、今注目のAngularJS徹底解説 | HTML5Experts.jp
Security for AngularJS
AngularJSを実装するのに必要となるセキュリティです。必ず押さえておくべきことが丁寧に書かれています。西村氏はセキュリティ分野の第一人者でかつAngularJSのコードリーディングも行っているエッジなエンジニアです。
和書
「AngularJSリファレンス」「はじめてのAngularJS」は共にサンプルコードも充実していて読み易いです。「はじめてのAngularJS」はv1.2を「AngularJSリファレンス」はv1.3をターゲットとして記載しています。リファレンスの所々でv2.0についても触れています。
- AngularJSリファレンス: 池添 明宏, 金井 健一, 吉田 徹生, 丸山 弘詩 | amazon.co.jp ★
- はじめてのAngularJS―「双方向データ結合」&「依存性注入」 「Mode」「View」「Controller」に分離して作業を明確化! (I・O BOOKS): 吉田 徹生 | amazon.co.jp ★
- AngularJSアプリケーション開発ガイド: Brad Green、Shyam Seshadri、 牧野 聡 | O'Reilly Japan
ng-japan
ng-japan は Angular をテーマとした、日本初のカンファレンスです。 日本で Angular を利用して活躍しているスピーカーや、Google Angular チームのメンバーを迎え（逐次通訳あり）、Angular の現状と未来についての学びの場とします。
- ng-japan - The first Angular conference in Tokyo, Japan (2015/3/21)
- 連載 | ng-japan 2015 特集 | HTML5Experts.jp
Angular UG
AngularJSで何か困ったことがあったらAngularJS Japan User Groupへメールします。AngularJSスペシャリストが回答してくれます。イベント情報も流れますのでユーザ会への登録は必須です。
最終更新日: 2015-09-10 9:04
