Help us understand the problem. What is going on with this article?
![噂のRactive.jsをKnockout.jsと比べてみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8fb03d268ed03bd21531a2d7d55d9037f1d699b8/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253D%2525E5%252599%252582%2525E3%252581%2525AERactive.js%2525E3%252582%252592Knockout.js%2525E3%252581%2525A8%2525E6%2525AF%252594%2525E3%252581%2525B9%2525E3%252581%2525A6%2525E3%252581%2525BF%2525E3%252581%25259F%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253D372b2c9ad5213ffe421cb28013626992%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540tekkoc%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253D6281f7ecd67e1f757a39c0c48eae8063%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3D0c4eb0c529eac25395e04ca5dbbf83bf)
Todoリストの機能 1.テキストボックスから、Enterで追加できる 2.登録したTodoはダブルクリックで編集可能になり、Enterで編集確定できる 3.登録されているTodoの総件数がフッターに表示される 4.完了したTodoがある場合、それらをリストから消すボタンが表示される 5.全選択/解除を行うチェックボックスがある 個人的な結論 趣味開発で使うならAngular.js・仕事で使うならKnockout.jsをお勧めしたい。 まず、フレームワークを選択する際は、以下3つの選択基準を持つとよいと思う。 1.開発の規模 大規模ならBackbone.jsはお勧めできる。 書き方が決まっていて、チュートリアルに目を通せば(面倒なのは置いておいて)何を作らなければならないかは簡単に理解できる。そこそこの人数で長い時間の開発を行うなら、UIチームはアプリケーションとView、サーバーサイドは
筆者の担当していた案件では、Knockout.jsを使って開発していました。 今回はどんな感じで使ってたのか?というのを記事にしたいと思います。 Knockout.jsとは? MVVM(Model-View-ViewModel)パターンをサポートするフレームワークです。 双方向バインディング云々…書こうとしましたが、こちらを参照したほうが良いでしょう。 わかりやすいです。 [Knockout]MVVMパターンでアプリケーションを構築する http://www.buildinsider.net/web/bookjslib111/89 どんな案件? 内容 webviewを使ったスマートフォン向けのアプリ開発。 サポート端末 Android4.0以上 iOS6.0以上 案件規模 フロントエンジニアは5名程度。 コード量 愚直に↓をしてみると、数十万行 $ find . -name "*.js"
KnockoutJSを使った開発を1年ほど前に行っていました。 元々はプロトタイピングだけに使う予定でしたが、使い勝手が良かったのでそのまま本開発に取り込みました。 最近、少しAngularについても調査をしていたので、Knockoutと比較できる部分も書きだしてみました。 KnockoutJSの長所/短所、そしてAngularJSとの比較となります。 長所:双方向のデータバインディング Knockoutの最大の長所は、間違いなく強力な双方向のデータバインディングと言えます。 この凄さを試したければ本家サイトのExample各種を試すと良いかもしれません(参考URL)。 あるいは自分自身でサンプル・アプリケーションを作るといいでしょう。 すぐに虜になるはずです。 DOMとJSのモデルを紐付けて、整合性をとる処理を全てフレームワーク側が吸収してくれます。 JS側の記述がシンプルになるので、ア
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
前置き Knockout.jsとは? そもそもMVVMパターンとは? Knockout.jsを使うとどのようにコードが変わるか? メリット、デメリット サポートブラウザ 使いどころ 私の中のJavaScriptの歴史で、Knockout.js(のっくあうと)との出会いはjQueryを知った時以来の衝撃でした。 ページの再読み込みではなくJavaScriptによるDOMのリフローを頻繁に行うようなWEBアプリケーションを作成する場合、アプリケーションの規模が大きくなるにつれHTMLマークアップとJavaScriptコードが随所で絡み合ってしまい、次第にコードのメンテナンスや機能拡張が困難になっていきます。そんな経験をしたことのある人は結構多いのではないでしょうか。 ここで紹介する「Knockout.js」はそんな問題を劇的に改善してくれるJavaScriptフレームワークです。 本来このブロ
http://www.infoq.com/presentations/emberjs-url 1 comment | 1 point | by WazanovaNews ■ comment by Jshiike | 約4時間前 ブログプラットフォームのオープンソースプロジェクトGhostのadmin機能の開発フレームワークをどうするかという議論がGitHub上で行われています。これを書いている時点でコメントが98件ありあまりに長いので詳細割愛しますが、Backbone.js / AmgularJS / Ember.jsなどの比較検討をしています。 モデレーターが最初に & 途中で、何が課題で、何を議論するべきで、どのような情報が必要か、そしてどのように議論を進めるのか、このようにしっかり定義しているので、健全にかつ活発に議論が進んでいて、各フレームワークのコア開発者もコメントを寄せていま
今日まで Ember.js の紹介をしてきました。 思えばAdvent Calendarを書き始めた12/1の時点では、私自身、Ember.jsについてはほとんど何も知らない状態でスタートしました。 もっともknockout.jsを業務に使っていたので、データバインディング機能の便利さは理解していましたし、Ember.jsが記述の柔軟性のレベルでは他のデータバインディングより洗練されているので、コンセプトレベルでは間違いなくすばらしいフレームワークである、ということは確信していました。 ただ、Router, ストレージの利用方法、拡張方法についてはまったく分かっていなかったので、どこまで実運用に耐えうるフレームワークかは未知数でした。 それから1ヶ月ほどEmber.jsを調査してみた結果、利用上で心配していた点については問題ないことが分かってきました。 今ではEmber.jsは効率的に動的
こんにちは、渡辺です。テスト系のエントリーやAWS系のエントリーも書きたいのですが、なぜかクライアントMVCのエントリーを投下することになりました。 ここ数年、多くのクライアントサイドのMVCフレームワークがリリースされています。ひとつの流行ではあると思いますが、ある程度の淘汰も進み、ひとつの実装パターンとして認知されているでしょう。そこで、最近になって注目している人も多い、Ember.jsについてとりあげていきたいと思います。 Ember.jsとは? 今回とりあげるEmber.jsは、幾多のクライアントサイドMVCフレームワークのひとつです。現在も活発に開発が行われており、本稿執筆時点での最新バージョンは、1.0.0-rc.7です。RCなのでもうすぐ正式版がリリースされるという話ですが、そんな話が半年近く続いています。 一言で雰囲気を伝えるならば、「なんかRailsっぽいな」というフレー
MVC と言えば Apache Struts をはじめとするサーバサイド・フレームワークを想像しますが、 今回は JavaScript による大規模開発の際に採用されるクライアントサイド MVC フレームワーク「Backbone.js」の使い方についてまとめてみました。 (厳密にはクライアントサイドの場合、MVC とは呼ばず MVVM とか MV* とか呼ばれてるようです。) 前提 Backbone.js の構成を簡単に言ってしまうと 単一データの管理を行うモデル 複数件のモデルの管理を行うコレクション 画面の管理を行うビュー の3つの主要モジュールを軸に構成されており、Underscore.js、jQuery(Zepto)に依存するかたちで動作するようになっています。 利用の際は、underscore.js、jquery.js、backbone.js の順で読み込みます。 //cdnjs
連載目次 一昔前であれば、HTML/JavaScript/CSSを使用してWebアプリを作成する場合、(筆者の経験では)所定の位置にファイルを置くだけでした。最近はHTML/JavaScript/CSS関連の技術も複雑化/多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify(圧縮)や結合 単体テストの実行 JSLint(構文チェック)の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル(JavaScript変換)を行う必要もあります。 また、SCSS(Sass)やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル(CSS変換)作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く