JavaScript フレームワークがデータバインディングを実現する４通りの手法
最近流行りの JavaScript MV* フレームワークは、どれもデータバインディングをサポートしているが、実現方法はフレームワークによって異なる。 この記事では、各種フレームワークがどのようにモデルの変更を検知しているかを次の 4 つのパターンに分類して紹介する。 モデル クラス方式 (Ember.js、Backbone.js、Ractive.js、Knockout.js など) 力ずく方式 (AngualrJS) モデル書き換え方式 (Vue.js) Object.observe 方式 (Polymer) パターン名は私が勝手に名づけたものだけど、このへんの雰囲気が理解できれば、フレームワークごとの個性が分かるだろうし、利用イメージもわきやすいんじゃないかと思っている。 1. モデル クラス方式 「モデルとして扱えるのはフレームワークが用意したモデル クラスのインスタンスだけ」という
Modern JavaScript Applications: Design Patterns
The document covers modern JavaScript application development, focusing on achieving well-structured code through various methods such as object-oriented programming, module patterns, and MVC frameworks. It discusses key principles like dependency management, design patterns, and the importance of separating concerns in code structure while highlighting patterns for creating scalable and maintaina
Ember.js はじめました – Ember.js入門(1) | DevelopersIO
こんにちは、渡辺です。テスト系のエントリーやAWS系のエントリーも書きたいのですが、なぜかクライアントMVCのエントリーを投下することになりました。 ここ数年、多くのクライアントサイドのMVCフレームワークがリリースされています。ひとつの流行ではあると思いますが、ある程度の淘汰も進み、ひとつの実装パターンとして認知されているでしょう。そこで、最近になって注目している人も多い、Ember.jsについてとりあげていきたいと思います。 Ember.jsとは？ 今回とりあげるEmber.jsは、幾多のクライアントサイドMVCフレームワークのひとつです。現在も活発に開発が行われており、本稿執筆時点での最新バージョンは、1.0.0-rc.7です。RCなのでもうすぐ正式版がリリースされるという話ですが、そんな話が半年近く続いています。 一言で雰囲気を伝えるならば、「なんかRailsっぽいな」というフレー
フロントエンドJavaScriptにおける設計とテスト
今日話さないこと JavaScriptの基礎知識、jQueryの導入 気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方
Maintainable JavaScriptにみる、コンテキストとアプリケーションロジックの分離 - 愛と勇気と缶ビール
個人的なこと 読書はいわゆる自己投資？にあたるものなのでケチるもんじゃないよなあ、とは思いつつも可能なら安い値段でより大きなリターンを得たいよねー、ということで最近はOreillyの半額セールに目を光らせるようになりました。英語は「拾い読み」がし辛いという欠点があるのですが、まぁ、安いし、全ての本にちゃんと訳が出るわけでもないので、ええかなぁと。 そんなわけで "Maintainable JavaScript" という本を読んでいたのですが、その中のEvent Handlingについての章が「おお、これこれ」という感じだったのでちょっと紹介。 Maintainable Event Handling jQuery覚えたぜ！って感じの人がとりあえずコードを書くと、だいたいこんな感じになりますね。ちなみに、これは別にjQueryがどうとかいう話ではなくて、本質的には生DOMでも他のライブラリでも
AngularJS ― Superheroic JavaScript MVC Framework
AngularJS support has officially ended as of January 2022. See what ending support means and read the end of life announcement. Visit angular.io for the actively supported Angular. Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resu
JavaScriptでオブジェクト志向的に、MVC的に書く - 憧れ駆動開発
完全に手続き的に書くというより、すこしMVCというかMVVC的な構造に切り分けてかいたらいいのではという内容。チラ裏に移動させた
Client-Side MVC frameworks compared
A month ago Gordon L. Hempton wrote about twelve JavaScript frameworks in the Client-Side MVC space. His rating criteria were different to mine. One that really sticks out is that I like the logic not forcing the template HTML to migrate to <script> tags. Depending on the sophistication of the app, I like to be able to see the app in a browser or DreamWeaver when the framework is not running. It g
AddyOsmani.com - Building JavaScript Web Apps With MVC & Spine.js
May 1, 2011 JavaScript developers wishing to add more structure to their code often look for simple ways to apply the popular MVC architecture pattern to their applications. Utilizing a client-side MVC framework can be useful for such code organization and today we'll be looking at Spine.js, a recently released solution that assists with this task. You may be familiar with some existing projects t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mizchi / すべてのMVCを過去にする - Glide
サバクラ両方で動く JavaScript の大規模開発を行うために