Download to read offline
とりあえずAngular jsを導入してみませんか
- 1.
- 2. 自己紹介/近況報告 2014年1月からシェアゼロ株式会社のCTO PROsheetってサービスのシステムを開発してます フリーランスの人へ週2からのお仕事を紹介するサービス 実はシェアゼロのCTO職も週3日 2014年5月30日に澁谷で、フリーかフリーになりたいエ ンジニア・デザイナーを集めてたこ焼き会をやります Chief Takoyaki Officer 詳細は http://prosheet.jp/blog/event/1959/
- 3.
- 4. ユーザー情報編集ページのリ ニューアル 元々 SinglePage Application な作り 画面遷移がなくDomの操作で表示切り替え 元々JQueryで全体を構築していた これについてはほぼ引き継いだもの カオス…ViewとControllerを切り分けたい 機能の変更は2割程度、8割は画面やフォームの変更 使えるのは3日ほど
- 5.
- 6. フレームワーク選定 メジャーどころだと3種類 AngularJS Backbone.js Knockout.js
- 7.
- 8.
- 9. 検索しやすそう 公式サイトの表記・一般的な表記 Backbone.js Knockout/Knockout.js AngularJS Backbone.js フレームワークのことかJSファイルのことかわかりづらい Knockout/Knockout.js Knockoutは一般名詞なのでノイズが… AngularJS わかりやすい！
- 10. 他に 周りにも利用者が増えてきている 深くまで使い込むのは大変そうだが、とりあえずの導入 はJQueryと共存もできるので容易そう ※JQueryとの共存は他のフレームワークでも可能 Backbone.js はJQueryに依存しているが、Knockout.js AngularJSは分離可能 後々JQueryからAngularJS組み込みのjQLiteに移行すること で軽量化が図れそう
- 11. とりあえず導入してみよう 追記箇所はたった2行 ① htmlに ng-app ② AngularJSを読み込む とっても簡単！ ① ng-app ② angular.js
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18. AngularJSはとっても便利 簡単なものであればコードを書かずに実装可能 修正に時間がかかるところはJQuery実装のままで大丈夫 controllerやtemplate、routing、directiveなどと機能も 豊富 そのあたりはもう少し使いこなしてから…
- 19.