javascripthttp://atnd.org/events/30767第1回目ですが、食いつきがものすごく良かったそうです。そんな私も一瞬で食いつきました。みなさんJavaScriptのMVC系フレームワークには関心が高いようですね。今後ますますJavaScriptで大規模なものを作っていく事になりそうですから、当然といえば当然なのかも知れません。そんな訳で、メモったことを書いていきます。簡単にはじめようhtmlタグ部分にng-app属性をつける。ngはAngularのこと。{{}}中括弧2つで囲まれた部分に式が書ける。変数(Model)はng-model="name"のように定義する。input要素に属性を追加する感じ。コントローラーfunctionを定義して、HTMLファイルにng-controller="function"で定義する。colors"みたいにViewに書く。JSONを非同期に取るようにするfunctionの引数を$scopeと$httpの2つにする。引数の順番は関係なくて、引数の名前が大事です。引数はimportみたいなイメージです。各要素にコントローラーは設定できる。ng-repeatの中でやれば、リストのそれぞれの要素にも対応してくれる。フィルタリングng-repeatをパイプで繋ぐ。ように書くと、ng-model="query"でモデル定義したものでフィルタリング出来る。orderBy:orderProp"と書けば、colorオブジェクトのプロパティでソートされる今までの作りと、ぜんぜん違うので、アプリの作り方が変わります。挙動のfunction)で拡張していく。要素、属性、CSSのクラス、コメントを定義出来るまとめとっかかりはものすごく簡単です多少の規模ならば複雑なものも作っていけます大規模なものではわかりません。事前に検証が必要になるかもしれません。自動でバインドされたりするので、細かい動きをカスタマイズしたりが難しいかもしれません。クロスブラウザ対応とかng-appが1つしか定義出来ないとか裏でどんな動きをしているかがわからないとかAngular.jsは手段の一つでしかないので、本当に重要なのは、何を作るのか、作りたいのかである。Backbone.jsでつくるWebアプリケーションBackbone.jsとは概要JavaScriptのMVC系フレームワークですSpineが似ていて、Backboneにインスパイヤされて作られたものですAngular.jsとかEmbar.jsなどもあります。圧縮版で5.6KBしかありません。Angular.jsは76KBあります。困ったときに中身を読むのも楽です。大規模なJavaScriptになったときに機能分けが難しい分業がしにくいテストしづらい解決するためには分割出来るようにするファイルをModelとViewとControllerで分けます役割で分けることが出来るよって、テストもしやすくなるBackboneで出来ることは役割と機能によってJavaScriptファイルを分割します。大規模であればあるほど効いてきますBackboneで出来ないことはコード量を減らすことは出来ませんAngular.jsのように自動的なバインドなどは出来ません高速化とかは出来ません遅くなるかと言うと、体感出来るほどではないと思います小規模なアプリでの保守性が上がることはない短期的な生産性の向上にはならない学習コストなどがかかるのでアーキテクチャControllerBackbone.RouterBackbone.HistoryModelBackbone.Model一つのModelオブジェクトBackbone.CollectionModelオブジェクトを束ねたリストViewBackbone.Viewフォームとか、まとまった表示エリアとか、一覧表示部分とか。ハンドラのfunction)この辺りでライブコーディングしながらだったので、追いつかずにメモ出来なくなってしまいました。Homeを利用History系は、何か別のライブラリを使ってるそうですが、聞き漏らしました。知ってたら教えてください。はてなブログProフリーでプロのグラマーしています。パターン別構築・運用ガイドを読みました。夫婦で人間ドックに行ってきたLifeLogをシェアしてみた。フットボールライフ・ログサービススターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。