Help us understand the problem. What is going on with this article?

仮想DOMについてかなりザックリ解説する

そもそもDOMとは

仮想DOMの説明に入る前に、そもそもDOMとは何かを簡単に解説します。DOM(Document Object Model)とはJavaScriptを使ってhtmlをいじくるために必要なAPI(なにやら便利なもの)です。

例えば、ウェブページのあるボタンを押すと、htmlが書き換わるような操作をしたい場合に使います。クリックイベントとか言われているアレです。一般的にこのDOMは仮想DOMと区別するためにリアルDOMと呼ばれています。

仮想DOMとは

仮想DOMはザックリ言うと、レンダリングコスト削減のために生まれたリアルDOMの派生系のようなものです。レンダリングとはブラウザにコンテンツを表示させるために走る処理のことです。リアルDOMの処理ではなにやらたくさんのプロセスを踏む必要があり、コストがかかるんだとか。そこで仮想DOMの出番です。

仮想DOMについて詳しく知りたい人はこの記事が最高に詳しく解説してくれています。ひとまず大まかな意味を掴みたい人は、レンダリングコストを削減するために生まれたものと認識しておけば良いでしょう。

Korzuman
自分用です
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away