仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）

仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう 最近のJavaScriptフレームワークで利用される「仮想DOM」について、リアルDOMの違い、メリット・デメリット、仮想DOMを使ったフレームワーク開発などを、ダーシノ（bc_rikko）さんが解説します。 はじめまして、ダーシノ（@bc_rikko）です。さくらインターネットでフロントエンドエンジニアをする傍ら、NES.cssというファミコン風CSSフレームワークを開発しています。 さっそくですが、皆さんは、ReactやVue.jsといったJavaScriptフレームワークを使ったことがありますか？ そういったフレームワークで使われている、仮想DOMについて知っていますか？ 「聞いたことない」「聞いたことはあるけど、どう実装されているかは知らない」「熟知している」。いろいろなレベルの方がい

[bc_rikko]

書きました！仮想DOMのメリット・デメリットをフレームワークを実装しながら学ぶ内容となっています。

[igrep]

本当は、仮想DOMを使うと「遅くなるような愚直な描画処理をしても遅くなりにくいようフレームワークがよしなになやってくれてる」が正しいんだよなぁ。

[ftq]

読んでないんだが、ジェットストリームアタックの話？

[devorgachem]

わかる。自分も仮想DOMは速くする技術ではなくて遅くさせづらくする技術と説明してる

[turanukimaru]

DOMは構造の名前でNodeはアイデンティティに関わらない構成要素でElementはアイデンティティをもつ構成要素なので云々と書いたところでこんなこと誰も気にしないことに気が付いた。

[tossy_yukky]

ブラウザが仮想DOM実装したらこの界隈どうなるんだろ。 確か仕様としては実装方法までは決めてなかったと思うけど。

[t2wave]

仮想DOMの自作。効用や特徴の考察

[bleu-bleut]

・UIとロジックを分離できる・最終的なViewの状態が想像しやすい・状態を一元管理できる・DOMの書き換えが最小限になるスコープが狭くなることで「考えること」が減る

[twol]

すごい記事

[efcl]

Virtual DOMとは何かやどのように実装されているかについて。 なぜVirtual DOMではレンダリングが遅くなりにくいかについて

[raamen07]

遅いとか早いとかはさておき状態のわかりやすさは大事

[yug1224]

リアルDOMでも差分描画のライブラリはあるから全然戦えているつもり。

[braitom]

仮想DOMについて。仮想DOMとは何か、どのように実装されているか、リアルDOMとの比較、デメリットなどがまとめられている。

[yasu-log]

【B!】仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう - エンジニアHub / 良きまとめ

[fa11enprince]

仮想DOMについて復習しとこ。現実問題としてここの速度でなくバンドルサイズが、ボトルネック。そう、Ang...

[knjname]

HTMLはDOMのシリアライゼーションフォーマットです。

[poad1010]

仮想DOMってState必要だっけ？ リアクティブにするための機能じゃね？って思ってしまうのだが…

[mohno]

ざっくりとしか読んでないけど、キャッシュするとキャッシュのオーバーヘッドがかかるけど速くなることがある、みたいな話かな。SilverlightはコントロールがDOM階層にあったなあー（昔ばなし）

[mizchi]

よくまとまってるけど最初の用語定義で初心者は脱落しそうだな、難しい

[matsuedon]

🤖仮装ドム。ドムがたくさんいると結局遅くなるから３体ぐらいがちょうどいいって話、ではなくいつもgooglespeedで言われてるアレなので後で読む。

[Helfard]

行くぞ！　仮想ジェットストリームアタックだ！！

[nunux]

絶対にブラウザ自作する/ ごめん,,,ムリ,,,

[sho]

ひえー、力作だ

[santo]

よくわかるまとめ。 しかし、3d的にぐりぐり動かそうとすると、DOMの実レンダリングかかるタイミングが分からないのはいつも困るんだよなあ。

[khtokage]

力作だ。お疲れさまです。

[n314]

いい話

[progrhyme]

あとで読む

[nc44v-134-nvtyqfgq]

DOMと仮想DOMについて初心者向けに構造から説明されてます。 理解しやすくておすすめ