タグ

MVCとbackbone.jsに関するatm_09_tdのブックマーク (4)

  • Backbone.jsでつくるModel-View-PresenterなUIパターンいろいろ | DevelopersIO

    この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。 今日の目次 Backbone.jsの紹介 タブの実装を紹介 今日の目標 Backbone.jsで開発したことのない人の始める取っ掛かりになってもらえれば Backbone.jsつかってますか? Backbone.jsってなんですか? クライアントサイドJavaScriptアプリケーションの構造を支えるMVPフレームワーク シングルページアプリケーションとかで威力を発揮 Underscore.js もしくは Lo-Dash に強く依存。 json2.js、jQueryもしくはZeptoにも依存 Backbone.jsってなんですか? Backbone.jsってなにがいいの?(特徴) クラスベースのJavaScript(プロトタイプ継承) => テスト書きやすい、コードの見通しがいい Backbo

  • Backbone.jsでつくるMVPなUIパターン【リスト】 | DevelopersIO

    今回はBackbone.jsを使ってフォームから追加し、削除できるリストを作ってみたいと思います。デザインは前回同様Twitter Bootstrapで作成しました。 htmlはこちら! <div id="ui-list"> <div class="list-controls"> <form> <div class="input-append"> <input type="text" placeholder="Please type something" /> <input type="submit" class="btn" value="Add" /> </div> </form> </div> <div class="list-items"> <ul> <li class="list-item" data-cid="c1"> <a href="#" class="close">×</a

  • JavaScript MVCフレームワーク Backbone.jsのコメント付きソースコード日本語訳が公開

    JavaScript MVCフレームワークとしてもっとも知名度が高いBackbone.jsのコメント付きソースコードの日語訳が公開されています。havelogの記事「Backbone.js コメント付きソースコード日語訳」で紹介されていました。 翻訳を行ったのは、githubをベースにオープンソースソフトウェアのドキュメントを翻訳している翻訳コミュニティのenja-oss。 同グループはすでにBackbone.jsのFAQの翻訳を公開済みで、それに続いてBackbone.jsソースコードのコメントについても翻訳を終えました。 全部で1411行の軽量フレームワーク Backbone.jsはJavaScript MVCフレームワークとしてもっとも知名度が高いものですが、とても軽量なフレームワークでもあります。 今回日語訳が公開されたソースコードを見ても、全部で1411行、60.72kb。

    JavaScript MVCフレームワーク Backbone.jsのコメント付きソースコード日本語訳が公開
  • Backbone.jsを利用したクライアントサイドMVCの導入についてそろそろ書いておくか - 出町ミスド攻防記

    jQueryヘビーなアプリケーションの問題点と、MVCによる構造化の必要性 jQueryは、ブラウザ上で動くJSアプリケーションの開発生産性を劇的に向上させました。DOM操作による動的なページ書き換え処理などは、セレクタを使ってちょろっとコードを書くだけで、ほんの数行で記述できてしまいます。 しかし、この方法の延長で、大規模なJSアプリケーションを構築することは果たして現実的でしょうか。例えば「GMail」や「New Twitter」程度の規模のJSアプリケーションを書かなければならないとしたら、どうでしょう? 大規模なJSアプリケーションを開発するには、こういった手法を延長するのではなく、より洗練されたデザインパターンを導入する必要があります。この目的にぴったりのデザインパターンが、「MVC」デザインパターンです。 MVCパターンは、Webの世界ではサーバサイドプログラミングで広く知られ

    Backbone.jsを利用したクライアントサイドMVCの導入についてそろそろ書いておくか - 出町ミスド攻防記
  • 1