ko.utils（その他）その２ - 418 | I'm a teapot
これはKnockoutJSアドベントカレンダー１０日目の記事です。 KnockoutJS Advent Calendar 2014 - Qiita 今日もまた Knockout の便利機能が入った ko.utils について適当に紹介します。 まだまだあるよ！ 今日紹介するのは以下のメソッド。 ko.utils.domData.clear ko.utils.domNodeDisposal.cleanNode / ko.utils.domNodeDisposal.removeNode ko.utils.domNodeDisposal.addDisposeCallback ko.utils.parseHtmlFragment ko.utils.setHtml ko.utils.compareArrays ko.utils.setDomNodeChildrenFromArrayMapping 内
Knockout.jsの良いところ - Mainly Devel Notes
Knockout.js(KnockoutJS)は変数を関数として記述しないといけないからめんどくさいという意見があるかと思うので、ここでいくつかメリットを挙げたいという趣旨の投稿です。 AngularとかVueとかちょっと旬なライブラリでは、おそらく内部的にsetter/getterを使うことでKnockoutのような記述をしなくてもいいようにしています。knockout-es5というプラグインを使えばKnockoutでもそういう書き方はできますが、毎回毎回それをやるかというとそれもめんどくさいので個人的にはあまり使わないです。（それにobservableを取り出す記述もめんどくさい） ただそんなKnockoutの記述にもメリットはあるわけで。 1. 関数なので名前に日本語が使える これはプロジェクトによっては重要だったりします。setter/getterを使う仕組みにおいては、JavaS
knockout.js 2.0.0 がリリースされたので試してみた - しばやん雑記
1.3.0 のベータかと思ったら 2.0.0 の RC がリリースされていましたが、ついに 2.0.0 の正式版がリリースされたようです。 NuGet Gallery | knockoutjs 2.3.0 NuGet でも 2.0.0 が配布されているので、急いで以下のコマンドを Package Manager Console に打ち込みましょう。 Install-Package knockoutjsまずは作者である Steven Sandarson さんのブログエントリを確認しておきましょう。 Knockout 2.0.0 released - Steve Sanderson’s blog - As seen on YouTube™ ちなみに 1.3.0 から 2.0.0 になった理由もしっかりと説明されていますね。 Why is it called 2.0.0? Why not 1.3
Knockout.js 3.2.0 がリリースされたので新機能について一通り調べてみた - しばやん雑記
最近はあまり Knockout.js についてブログを書いてませんが、超特大なアップデートを含む 3.2.0 がリリースされたので、新機能について調べておきました。 Knockout 3.2.0 released - Steve Sanderson’s blog - As seen on YouTube™ それぞれの新機能について紹介していきます。 Components Components は個人的には ASP.NET のサーバーコントロールとか MVC の部分ビューが近い気がしてます。HTML と ViewModel というペアを 1 つのコンポーネントとして扱えるようになるので、今まで以上に簡単に再利用可能なパーツとして定義できます。 サンプルとして、はてなブックマークのエントリ情報を読み込むようなコンポーネントを作ってみました。 レンダリングするコンポーネントは、新しく追加された
完敗だぜ！knockoutでノックアウト - Observable編2 | 株式会社ヌーラボ(Nulab inc.)
みなさんこんにちは。江口です。 今回は、Observable が提供している様々な拡張機能について紹介します。 Knockout のバージョンは執筆時点で最新の安定版の 2.3.0 です。 Observable の拡張 すべての種類の observbale には拡張機能を追加する機能が提供されています。この機能を利用すると、observable に対して新しいプロパティを追加したり、サブスクリプション関数を追加するといった処理をあらかじめ拡張機能として定義し、observable に組み込むことが可能になります。 拡張機能は、次の手順で利用する事ができます。 ko.extenders に拡張機能を定義する observable.extend メソッドで拡張機能を呼び出す 例として、バリデーション機能を observable に追加するような拡張機能を作成してみましょう。 次のようなコードで
ko.computedとko.pureComputed - 418 | I'm a teapot
これはKnockoutJSアドベントカレンダー５日目の記事です。 KnockoutJS Advent Calendar 2014 - Qiita 依存性の追跡（トラッキング）は ko.observable / ko.observableArray と ko.computed の組み合わせで行います。 例えば、生まれた年（西暦）から現在の年齢を算出するのをKnockoutを使って書くと次のようになります。 <p>Enter your birth year: <input data-bind='value: birthYear' maxlength="4"/></p> <p>You're <strong data-bind='text: age'></strong> years old.</p> <script> function ViewModel() { var self = this;
KnockoutJS Japan User Group
KnockoutJS Japan User Group(KJJUG)は、JavaScriptフレームワークKnockoutJSユーザのためのコミュニティです。定期的にナイトセミナーやハンズオンを定期的に行っています。 KnockoutJS本家 日本語ドキュメント(鈴木 健太) Event第1回 knockoutjsナイトセミナー@東京 6/24(火) - 2014Visual Studioを使ってJavaScriptフレームワーク開発をうまくやる方法、今回はKnokcoutJSに焦点を当てます。そしてKnokcoutJSはTypeScriptとかOffice365とも相性がいい！どう相性がいいのかを探る。- 開催場所:日本マイクロソフト 品川本社 （SGT）31F/セミナールームA 募集開始 第2回 knockoutjsハンズオン@大阪 7/12(土) - 2014初心者向けJavaScr
完敗だぜ！knockoutでノックアウト - Observable編 | 株式会社ヌーラボ(Nulab inc.)
みなさんこんにちは。江口です。 今回は Knockout のバインド、自動 UI 更新機能を支える Observable について解説します。Knockout のバージョンは執筆時点で最新の安定版の 2.3.0 です。 Observable による状態の監視 これまでのエントリでも紹介したとおり ViewModel は View の状態に関する情報を持っているため、ViewModel は状態が変更された場合に View と同期する必要があります。その仕組みを実現するのが今回解説する Observable です。ViewModel のプロパティを Observable として定義することで、Knockout は ViewModel の状態が変更されたことを検知し UI を自動更新します。 Observable には用途に応じて使い分けられる次の三種類の Observable が用意されていま
Utility functions in KnockoutJS - Knock Me Out
When working with KnockoutJS, there seem to be many common operations that you need to perform on your view model objects. Internally, Knockout has a number of utility functions used by the library itself, but many of these functions might actually be handy for anyone using the library. I wanted to build a sample that highlights a few of my favorite utilities. Handling data from the server One of
Knock Me Out
Hello! Are you currently developing with Knockout? Much has changed in the landscape of client-side libraries since Knockout was considered a popular choice, but there still seem to be many successful projects using it today. I would love to hear about the interesting things that you are building with Knockout in 2019. For the last several years, I have been working with React on the front-end (an
pagerjs
pager.js one having or covering a specified number or kind of pages - Merriam-Webster See the demo. pager.js is a JavaScript library based on KnockoutJS and jQuery that provides the possibility of creating single page applications in a declarative fashion - nesting subpages inside subpages where each subpage can be developed standalone but still communicate between each other. This makes it easier
CoffeeScriptとKnockout.jsのサンプル - Splash of waters - 2nd. Season
JavaScriptのMVVMフレームワーク「Knockout.js」を使ってみました。 Knockout.jsを選んだ理由 深い理由はないですｗ 双方向バインディングがイメージしやすく、ライブラリ自体が軽量で他のライブラリに依存しないので、シンプルでわかりやすい印象を受けたからです。 作ってみた 「サイバーエージェント公式ブログの吉川さんの記事」のJavascriptを見本に、CoffeeScriptで書きました。 作ったのは、入力値の変更によって動的に表示ラベルを変更するEchoと、名前の追加、削除だけを行うAddressBookです。Echoの方はフォームの値が空の場合、エラーメッセージを表示するバリデーションつき。リポジトリは https://github.com/tq-jappy/knockout-coffee にあります。 Knockout.jsの肝になるバインディングには大き
reCatnap: お知らせ：Knockout
今まで使っていたMediaWikiが壊れました。 お探しの「 knockout 」ですが、確約はできませんが似たような内容をラボにてまとめていきます。 ラボのTOPページへ戻る
MVVMフレームワーク「Knockout.js」が超絶便利！！その概要と使いどころなどについて｜もっこりJavaScript｜ANALOGIC（アナロジック）
前置き Knockout.jsとは？ そもそもMVVMパターンとは？ Knockout.jsを使うとどのようにコードが変わるか？ メリット、デメリット サポートブラウザ 使いどころ 私の中のJavaScriptの歴史で、Knockout.js（のっくあうと）との出会いはjQueryを知った時以来の衝撃でした。 ページの再読み込みではなくJavaScriptによるDOMのリフローを頻繁に行うようなWEBアプリケーションを作成する場合、アプリケーションの規模が大きくなるにつれHTMLマークアップとJavaScriptコードが随所で絡み合ってしまい、次第にコードのメンテナンスや機能拡張が困難になっていきます。そんな経験をしたことのある人は結構多いのではないでしょうか。 ここで紹介する「Knockout.js」はそんな問題を劇的に改善してくれるJavaScriptフレームワークです。 本来このブロ
［Knockout］MVVMパターンでアプリケーションを構築する
本コーナーは、技術評論社発行の書籍『JavaScriptライブラリ実践活用［厳選111］』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『JavaScriptライブラリ実践活用［厳選111］』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 KnockoutはModel-View-ViewModel（MVVM）パターンをサポートするライブラリです。Knockoutではデータバインドを用いて、宣言的にView（HTML）とViewModelを関連付けます。そうすると、Viewを変更すればViewModelが、ViewModelを変更すればViewがというように、一方の変更がもう一方に自動的に反映されるようになります。また、Viewのボタンクリックなどのアクションについても、データバインドを使ってViewM
Knockout.jsの概要 | Adobe Developer Connection
Knockout.jsは、モデルデータに対して宣言によって要素をバインドできるようにするJavaScriptライブラリです。このモデルデータでは、UIとモデルの間で自動的に双方向の更新が行われます。Knockoutは簡単に使い始めることができ、他のライブラリやテクノロジーとも密接に統合されています。ここでは、使い始める際に知っておく必要があることについて説明します。 複雑で動的なデータ駆動型のWebアプリケーションを開発することは、難しい作業になる可能性があります。ユーザーインターフェイスとその基になるデータとを常に同期させるには、通常、ユーザーが何かアクションを実行するたびに、または新しいデータが読み込まれるたびに、様々な要素とデータとの間で情報を仲介する多くのイベントハンドラーを作成する必要があります。 Knockoutの登場以前 Knockoutのメリットを示す簡単な方法として、Kn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
– Tech Pro Shopping
Knockout.js binding handlers for jQuery, Twitter Bootstrap and other Javascript libraries
lessthandot.com is expired
ドキュメントKnockout.js