blog
ウェブデザイナーがはじめる AngularJS シリーズAngularJSをはじめる前に - AngularJSに関するサイトやスライドまとめ
この記事は書かれてから1年以上経過しており、内容が古い場合があります。
はじめに
業務でAngularJSを使うことになりそうなので、参考資料をかき集めてまとめてみた。jQuery程度しか使ったことのない人間がどこまで使えるようになるか、結構ハードルの高いチャレンジである（成長するには絶好の機会）。似たような境遇の方の参考になればと思う。
AngularJSとは
AngularJSはGoogleが開発しているJavaScriptアプリケーションフレームワーク（MVW - Model-View-Whatever）です。強みとされているのは双方向のデータバインディングでデータとUIの変更が結びつき、一方が変更されれば、自動的にもう一方が変わります。
概要だけつかむのであればCodeGridさんの攻略！AngularJS - AngularJSとはがお勧め。
公式情報
- 公式サイト（英語）
- 公式 Developer Guide（英語）
- 公式 API Reference（英語）
- 公式 PhoneCat Tutorial App（英語）
- 公式 Downloads
チュートリアル
分かりやすそうな日本語チュートリアルをピックアップしておきます。
すぐできる AngularJS
サンプルアプリケーションを作るチュートリアルで、AngularJSの基本的な説明も充実しています。
AngularJS’s tutorial
機能単位で説明があるチュートリアルです。
AngularJS入門
公式の日本語訳。バージョンには注意。
AngularJS入門 - ドットインストール
音声、動画で勉強したい方向け。
その他
スライド
スライドもポイントが詰まっていて分かりやすい。優しいものから並べて見た。
AngularJS 20min
AngularJSを使ったらこんなことが出来るよ
実戦！AngularJS
noteをAngularJSで構築した話
TypeScriptで書くAngularJS
モダンAngularJS
書籍（電子書籍含む）
上2冊は日本語で評判も良いようです。
- {{ “4873116678” | amazon_product:‘AngularJSアプリケーション開発ガイド（O'reilly）’ }}
- {{ “4844336681” | amazon_product:‘AngularJSリファレンス’ }}
- {{ “B00DK95V48” | amazon_product:‘Recipes with Angular.js (English Edition) [Kindle版]’ }}
コミュニティ
AngularJS Japan User Groupが活発で先日ng-japan 2015というイベントも開催されていました。
気になる情報
AngularJSも万能ではなく、様々な議論がなされているようです。AngularJS 2.0の開発も行われており、どのように変わっていくのか動向はチェックしておきたいところですね。
- AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（前編）。Deverlopers Summit 2015
- On the ambitious but bumpy road to AngularJS 2.0
- 生まれ変わるAngularJS
- Angular カンファレンス（ng-conf 2015）のスライドまとめ
とりあえずこれぐらい目を通してHello Worldしてみたいと思います。 他に良い情報があればお待ちしてます。
シリーズ
- AngularJSをはじめる前に - AngularJSに関するサイトやスライドまとめ
- ウェブデザイナーがはじめるAngularJS：AngularJSをはじめる
- ウェブデザイナーがはじめるAngularJS：SPA（Single Page Application）をはじめる前に
- ウェブデザイナーがはじめるAngularJS：MiddlemanとBowerで作るAngularJSアプリ開発環境
- ウェブデザイナーがはじめるAngularJS：ngRouteを使ったシンプルなViewの切り替え
- ウェブデザイナーがはじめるAngularJS：AngularUI Routerの基礎知識
- ウェブデザイナーがはじめるAngularJS：ngCookiesやngStorageを使ったCookieやlocalStorageへのアクセス
- ウェブデザイナーがはじめるAngularJS：DOM操作系ディレクティブを試す
- ウェブデザイナーがはじめるAngularJS：イベント系ディレクティブを試す
- ウェブデザイナーがはじめるAngularJS：Promise（Deferred）をつかった非同期処理
- ウェブデザイナーがはじめるAngularJS：$httpProviderのInterceptorsを使ってリクエスト・レスポンスを操作する
- ウェブデザイナーがはじめるAngularJS：Middlemanでng-annotateを使ったMinify対策
- ウェブデザイナーがはじめるAngularJS：コントローラ間の連携
- ウェブデザイナーがはじめるAngularJS：AngularJS向けのディレクティブが用意されたUI Bootstrap