Webエンジニアの教科書読んでみたメモ3(フロントエンド)
jQueryを使うメリット
- ブラウザごとの固有仕様に縛られない
- 開発者の負担を軽減してくれる
jQueryの特徴
jQueryのバージョンの違い
- 1.x
- IE8以前をサポートするレガシーブラウザ向け
- 2.x
- IE8以前を捨てより早く安定を目指したバージョン
jQueryより安全に簡潔に実装したいとき
- CoffeeScript
- TypeScript
- CoffeeScriptと同じシンタックスシュガー
- 特徴としては変数宣言時にデータ型を指定できる
- コンパイル時にデータ型をチェックできるためバグの可能性を減らせる
- Grunt
jsの主なフレームワーク
- Backbone.js
- AngularJS
- Ember.js
- Vue.js
jQueryがあるのになんで?
- DOMの変更にjQueryが弱い
- フロントエンドの開発が大規模化している
AngularJSの特徴
- Googleで作られたフルスタックなFramework
- フルスタックなので標準でひと通りの機能が用意されている
- jQueryのようにDOMを辿る必要がないためDOMの構造が変わっても影響を受けにくい
- HTMLをそのままテンプレートとしてつかうことができる
- 双方向データバインディング
- 画面でアクションを起こすとjsの変数に値が反映される処理
- jsの変数の値が変化すると画面も再描画される
- こういった連携がシームレスに行われるのがAngularJSの強み
- DIコンテナを利用して依存関係を管理している
- AngularJSを理解するにはDIコンテナの理解が必須
まとめ
- jsを生で書くよりもjQueryを使った方がいい
- しかしjQueryはDOMの変更に弱い
- シンタックスシュガーを使って簡単にjsを使おうよ
- でもコンパイルめんどくさいから自動化ツールのGrunt使ってみんなハッピー
- AngularJSっていうフレームワークも使えるようにならなきゃね
読んでいる本