【AngularJS】概要・リンク集

最近よくお世話になっているJavaScriptのMVC(W)フレームワークです。他のMVC系フレームワークと比べて、こちらはフルスタック（フレームワーク単体で一通りの部品がそろっている）なので利用しやすいです。

開発時には欠かせなくなってきたBootstrap。簡単な手順で高機能UIを利用できるようになるので、最近では必須になっています。

UI Bootstrap - AngularUI
「Bootstrapってなんなの？」というレベルの状態で初めて利用してみましたが、あるとないとでは見栄えにかなりの差がでてきます。

ある程度作りこんでから利用してみたので、すでに作った部分に影響が出ないよう、Modal、Pagination、Progressbarと、必要な機能だけ使ってみましたが、切り取りがかなり面倒でした。切り取らずに変更が必要なスタイルのみ、自前で用意したCSSで修正していった方がよさげです。
AngularStrap
スタイル的にはこちらの方が好み。ただし、ページング機能は用意されていないみたいです。

◆ AngularJSリファレンス

つまるところAngularJS（MVC(W)フレームワーク全般）でなにができて、利用することのメリットはなんなの？という状態だったので、とりあえず買って読んでみた書籍です。

読んでもメリットはよくわかりませんでしたが、一通り、どういった機能があるのか把握できたので、最初に読むにはいいかもしれません。

最初、jQueryとAngularJSの両方を使って開発していましたが、コンテンツの表示／非表示の切り替えでうまくいかなかったり、コード量が増えるにしたがってシンプルではなくなったりしたので、合わせて使う必要がないのであれば、AngularJS単体で利用した方がいいです。

ただ、jQueryの方が対応するプラグインが多いので、どうしても利用したいプラグインがあるなら、問題がないことを確認した上で利用してもいいと思います。

実際にAngularJSを使ってみた感想としては、「開発が楽になる」という感じで、導入に支障がなければ、今後もAngularJSを利用していこうと思います。

■AngularJS■Backbone.js■Ember.js■Knockout.js（2015年6月14日現在）

他のMVCフレームワークがどんな感じかGoogleトレンドで調べてみたら、いつの間にかAngularJS一強みたいな感じになってますね。

AngularJS Animations
AngularJS用のアニメーション。（デモ有り）
AngularJSでちゃちゃっとアニメーションを試す
簡単な手順でアニメーションを利用する（試す）ことができます。
AngularJSの高速化
他フレームワークとの処理スピードの比較が載っていて参考になります。
ワンタイムバインディング (One-time binding)
実際にAngularJSを利用してサイトを作成すると、機能豊富なページでは処理スピードが気になってきます。ver1.3からワンタイムバインディングなる機能が追加されたようなので、利用するといくらかマシになるかもしれません。