なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita

追記: 情報が色々と古くなったため、2020年に書き直した版へのリンクを張っておきます。 この記事は VirtualDOM Advent Calendar 2014 - Qiita の初日です。 初日ということで、基調講演風に、Virtual DOMとはなにか、なぜ僕はこんな興奮しているのか！という話から。 Virtual DOMとはなにか 既存の概念で当てはめると、JavaScriptのMVC, MVW(Whatever)フレームワークのViewに位置します。が、その程度では終わりません。仮想DOMとは世界を革命する力であり、このjQueryのDOM操作で汚れきったフロントエンドを救う救世主なのです。 現時点で自分が知っている限りは、以下の実装を指します。 facebook/react 最も使われてるFacebookの実装 Matt-Esch/virtual-dom Altenative

[mizchi]

主語がでかい記事書いた

[ebo-c]

鬼束ちひろさんがjQueryのDOM操作で汚れきったフロントエンドに落とされて10年

[R2M]

急に絶対運命黙示録が脳裏に流れ始めた

[teppeis]

「とはいえプリミティブなレイヤーなので、ユーザーの目に見える場所から隠される可能性はありますが」普通の人はそのあとでOK

[cpw]

React.jsがテンプレートっぽく書いているのに、一部しか更新されていないのをみて戦慄したんだよ。こういうのって実際に動くものを見てみないと腹に落ちないよね。

[astap]

5年の歳月を経て読むと理解度が変わってまたおもしろい

[yasu-log]

http://mizchi-sandbox.github.io/react-svg-particle/ のデモに関連して。私が試したところReactよりAngular2のほうがパフォーマンスがでることを確認。 https://twitter.com/clockmaker/status/777766907436937217

[takaken1123]

[2016-05-30 13:29]

[yanagikouta]

魂が震えた

[Pahud]

VirtualDom - なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita

[noradaiko]

読み返したらFluxが熱いことがよく分かった。 - VirtualDom - なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita

[moutend]

なんだろう、この既視感は

[kazuph1986]

#mozaicfmを聴いてからこれみると理解が深まるな。

[Rockridge]

Virtual DOM実装とは「仮想DOMの構造体表現と、それを用いたdiff/patchアルゴリズムを指し」、「基本的に、ユーザーが取りうる行動は、『常に完成品の仮想DOMをPushし続ける』ということになります」。

[naga_sawa]

VirtualDOMの流れ/グラフィック周りのダブルバッファリングと似た動機に対する似た解決策という理解でいいだろうか

[a2c]

@ymotongpoo ”サーバーサイドで、HTTPリクエストに応えてHTMLを返却する操作そのものです。”

[igrep]

興奮した“このアーキテクチャ、副作用のないImmutableオブジェクト(ここでは仮想DOM)を時系列ストリームで表現する、と言い変えると、関数型言語とFunctional Reactive Programmingと相性がよく、Virtual DOMはFRPを行う...”

[Ryo_K]

震えた

[ruicc]

設計とAd-hocでない実装と速度

[skit_n]

Virtual DOMの情報量が少なかったので凄い勉強になった。

[Hash]

ながいのであとでよむ

[katryo]

“世界を革命する力”潔くカッコよく生きていこうと思いました

[uehaj]

pure functionalが向く

[AmaiSaeta]

[

[yamadar]

追ってみよう

[iwasawa_c]

“Virtual DOMの基本アプローチは仮想DOM -> 生のDOM変換であり、この手続に依存する限り生DOMを触ることは推奨されません。patchに巻き込まれると、知らないうちにイベントハンドラごと吹き飛ぶ可能性があります。しかも内部

[efcl]

「設計と速度が両立する」 これによりFluxやMVIみたいなアーキテクチャ的な部分が色々盛り上がってる http://futurice.com/blog/reactive-mvc-and-the-virtual-dom

[iwa134]

こんな興奮するのは久しぶり

[upinetree]

reactってそういうことだったのか。おもしろそう

[kkeisuke]

“HTMLとはツリー構造であり、2つのツリー構造のdiffを算出して、それをDOMにpatchするアクションを作れば、常に最小のコストで状態遷移を表現できるよね、ってのがVirtual DOM という発想のスタート地点”

[msykt]

普段全然見ない方面なので勉強になる

[kimzo]

ふるふる