https://b.hatena.ne.jp/CLSmooth/VirtualDOM/ VirtualDOMに関するCLSmoothのはてなブックマーク (4) http://www.kaoriya.net/blog/2014/12/13/ CLSmooth 2014-12-14T08:25:18Z VirtualDOM dom ractive.js javascript 125 <blockquote cite="http://www.kaoriya.net/blog/2014/12/13/" title="Ractive.js の紹介 — KaoriYa"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.kaoriya.net%2Fblog%2F2014%2F12%2F13%2F" alt="" /> <a href="http://www.kaoriya.net/blog/2014/12/13/">Ractive.js の紹介 — KaoriYa</a></cite><p><a href="http://www.kaoriya.net/blog/2014/12/13/"><img src="" alt="Ractive.js の紹介 — KaoriYa" title="Ractive.js の紹介 — KaoriYa" class="entry-image" /></a></p><p>HTML の DOM 操作を良い感じで隠蔽してくれる Ractive.js というライブラリを紹介します。 本記事は VirtualDOM Advent Calendar 2014 の13日目の記事です。 VirtualDOM といえば React だ、と言わんばかりの流れですが、本記事では敢えて Ractive.js を取り上げます。Ractive.js が VirtualDOM かって? 確かめてみまし...</p><p><a href="https://b.hatena.ne.jp/entry/www.kaoriya.net/blog/2014/12/13/"><img src="https://b.hatena.ne.jp/entry/image/http://www.kaoriya.net/blog/2014/12/13/" alt="はてなブックマーク - Ractive.js の紹介 — KaoriYa" title="はてなブックマーク - Ractive.js の紹介 — KaoriYa" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.kaoriya.net/blog/2014/12/13/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://dsuket.hatenablog.com/entry/2014/12/02/125230 CLSmooth 2014-12-02T11:10:08Z virtualdom AngularJS dom React あとで読む javascript Ember.js ReactJS 64 <blockquote cite="https://dsuket.hatenablog.com/entry/2014/12/02/125230" title="Virtual DOMってどんだけ早いの？測ってみた - webとかmacとかやってみようか R"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdsuket.hatenablog.com%2Fentry%2F2014%2F12%2F02%2F125230" alt="" /> <a href="https://dsuket.hatenablog.com/entry/2014/12/02/125230">Virtual DOMってどんだけ早いの？測ってみた - webとかmacとかやってみようか R</a></cite><p><a href="https://dsuket.hatenablog.com/entry/2014/12/02/125230"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ea473a299817755a547d85431c50c6d4afaa2787/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F8d5e27ea3efb58e71fae341a297336eb4e4eef7d%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fd%252Fdsuke%252F20141202%252F20141202133927.png" alt="Virtual DOMってどんだけ早いの？測ってみた - webとかmacとかやってみようか R" title="Virtual DOMってどんだけ早いの？測ってみた - webとかmacとかやってみようか R" class="entry-image" /></a></p><p>この記事は VirtualDOM Advent Calendar 2014 - Qiita の2日目です。 mizchi くんから誘われて軽い気持ちで参加したら、初日からえらくエモいエントリー(VirtualDom - なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita) でブルってます。 Virutal DOMとは、と言う話はしません。初日を見てください。いろいろ良...</p><p><a href="https://b.hatena.ne.jp/entry/s/dsuket.hatenablog.com/entry/2014/12/02/125230"><img src="https://b.hatena.ne.jp/entry/image/https://dsuket.hatenablog.com/entry/2014/12/02/125230" alt="はてなブックマーク - Virtual DOMってどんだけ早いの？測ってみた - webとかmacとかやってみようか R" title="はてなブックマーク - Virtual DOMってどんだけ早いの？測ってみた - webとかmacとかやってみようか R" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/dsuket.hatenablog.com/entry/2014/12/02/125230"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/mizchi/items/4d25bc26def1719d52e6 CLSmooth 2014-12-01T04:46:52Z JavaScript html5 VirtualDOM react.js あとで読む 720 <blockquote cite="https://qiita.com/mizchi/items/4d25bc26def1719d52e6" title="なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fmizchi%2Fitems%2F4d25bc26def1719d52e6" alt="" /> <a href="https://qiita.com/mizchi/items/4d25bc26def1719d52e6">なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita</a></cite><p><a href="https://qiita.com/mizchi/items/4d25bc26def1719d52e6"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e959f48f69480d195f0161063818a5d02b30c4f4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgxJUFBJUUzJTgxJTlDJUU0JUJCJUFFJUU2JTgzJUIzRE9NJUUzJTgxJUE4JUUzJTgxJTg0JUUzJTgxJTg2JUU2JUE2JTgyJUU1JUJGJUI1JUUzJTgxJThDJUU0JUJGJUJBJUU5JTgxJTk0JUUzJTgxJUFFJUU5JUFEJTgyJUUzJTgyJTkyJUU5JTlDJTg3JUUzJTgxJTg4JUUzJTgxJTk1JUUzJTgxJTlCJUUzJTgyJThCJUUzJTgxJUFFJUUzJTgxJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0wN2VmZmVmYzI4YmEwNjcxYTg2NDhkZTYzMTlhZjhmMQ%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBtaXpjaGkmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTE1MTY2MGIwZGIwNjJmZTUxOGY4OWRjZmNmMWQ5NGVi%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44OX44Os44Kk44OJ%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3D61d0663455ffb9a2716a1051aef06dcf" alt="なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita" title="なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita" class="entry-image" /></a></p><p>追記: 情報が色々と古くなったため、2020年に書き直した版へのリンクを張っておきます。 この記事は VirtualDOM Advent Calendar 2014 - Qiita の初日です。 初日ということで、基調講演風に、Virtual DOMとはなにか、なぜ僕はこんな興奮しているのか！という話から。 Virtual DOMとはなにか 既存の概念で当てはめると、...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/mizchi/items/4d25bc26def1719d52e6"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/mizchi/items/4d25bc26def1719d52e6" alt="はてなブックマーク - なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita" title="はてなブックマーク - なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/mizchi/items/4d25bc26def1719d52e6"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://saneyukis.hatenablog.com/entry/2014/09/03/134858 CLSmooth 2014-09-03T12:01:49Z javascript Facebook VirtualDOM React 163 <blockquote cite="https://saneyukis.hatenablog.com/entry/2014/09/03/134858" title="Virtual DOMのアルゴリズムが知りたくてvirtual-domのコードを読んだ話 - saneyuki_s log"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsaneyukis.hatenablog.com%2Fentry%2F2014%2F09%2F03%2F134858" alt="" /> <a href="https://saneyukis.hatenablog.com/entry/2014/09/03/134858">Virtual DOMのアルゴリズムが知りたくてvirtual-domのコードを読んだ話 - saneyuki_s log</a></cite><p><a href="https://saneyukis.hatenablog.com/entry/2014/09/03/134858"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f56aa593ac2f0d5968e5017b961ca271ece427d5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729907414%2F12921228815731924373%2F1411753773" alt="Virtual DOMのアルゴリズムが知りたくてvirtual-domのコードを読んだ話 - saneyuki_s log" title="Virtual DOMのアルゴリズムが知りたくてvirtual-domのコードを読んだ話 - saneyuki_s log" class="entry-image" /></a></p><p>Reactの登場以来気になっていた、Virtual DOMアプローチの具体的な差分抽出手法について、virtual-domを読んで確認してみた。 Reactをいきなり読むのは面倒くさかった・ミニマムな実装から読みたかったというのが、こっちを選択した理由。Reactのアルゴリズムが参考にされているものの、Reactには存在する特定の最適化が...</p><p><a href="https://b.hatena.ne.jp/entry/s/saneyukis.hatenablog.com/entry/2014/09/03/134858"><img src="https://b.hatena.ne.jp/entry/image/https://saneyukis.hatenablog.com/entry/2014/09/03/134858" alt="はてなブックマーク - Virtual DOMのアルゴリズムが知りたくてvirtual-domのコードを読んだ話 - saneyuki_s log" title="はてなブックマーク - Virtual DOMのアルゴリズムが知りたくてvirtual-domのコードを読んだ話 - saneyuki_s log" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/saneyukis.hatenablog.com/entry/2014/09/03/134858"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>