「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

順番に見ていきましょう。
まずは予備知識として「レンダリング」について説明します。
「そんなの説明されなくても知ってるよ！」な人は適当に読み飛ばしてください。

レンダリングは「もとになる情報を整形して表示すること」です。
犯罪捜査なんかで似顔絵を作るときは、目撃証言をもとにして似顔絵を作りますよね。
それと似たようなものです。



例えば、そうですね。

あなたがホームページを見るとき、まず、ホームページを見るときに使うソフト（Webブラウザ）がホームページのファイルが置いてあるコンピュータ（Webサーバ）に対して「このページをおくれ」と お願いを出します。



そのお願いに対して、WebサーバさんからWebブラウザさんに「ほれ、そのページだよ」と お返事がきます。



お返事を受け取ったWebブラウザさんは、受け取ったページを画面上に表示します。



これがホームページを見るときの流れです。

ここで、Webブラウザさんが受け取ったページを表示するところに注目してください。



Webブラウザさんが受け取ったページの中身は、例えば以下のような内容になっています。


<table border="1" width="50%">
<tr><td>a</td><td>b</td></tr>
<tr><td>c</td><td>c</td></tr>
</table>

なんか、ぐちゃぐちゃした感じですね。

ところがどっこい、画面には以下のような見た目で表示されます。

a	b
c	c

いかがでしょう。
ちょっと違いますよね。

これはWebブラウザさんが見た目を整えてくれたからです。
「<table>　～　</table>と書いてあったら表組っぽい見た目にするのね」のように、あらかじめ決められたルールに従って、見た目を整えてくれています。

この話において、Webブラウザさんがやったことがレンダリングです。
受け取ったファイルの中身（もとになる情報）を整形して表示していますよね。

実際には、登場シーンによって具体的な中身が変わってくる用語です。
とはいえ、とりあえず

１．もとになるデータがあるよ
２．（もとになるデータを）整形するよ
３．整形した結果を表示するよ

の3つを押さえておけば、困ることは少ないと思います。

以上を踏まえて

レンダリングするのが仕事の機能とか機械とかプログラム

が「レンダリングエンジン」です。
言い方を変えると

何かを（整形して）描画する機能とか機械とかプログラム

です。



……というのが文字通りの意味で解釈した場合の「レンダリングエンジン」の説明です。

普通の人が「レンダリングエンジン」という表現を見かけるのはホームページの話が多いと思います。
ホームページの話で出てくる「レンダリングエンジン」は「HTMLレンダリングエンジン」の省略表現です。



HTMLレンダリングエンジンは「Webブラウザさんの脳みそ」です。
Webブラウザさんの中にいて、ホームページの見た目を整えて表示する仕事をしています。

先ほどのレンダリングの説明を思い出してください。
Webブラウザさんが受け取ったページを画面に表示したところです。



Webブラウザさんが受け取ったページの中身は、例えば以下のような内容になっています。


<table border="1" width="50%">
<tr><td>a</td><td>b</td></tr>
<tr><td>c</td><td>c</td></tr>
</table>

これが画面に表示されると、以下のような見た目になります。

a	b
c	c

これはWebブラウザさんが見た目を整えてくれたからです。
「<table>　～　</table>と書いてあったら表組っぽい見た目にするのね」のように、あらかじめ決められたルールに従って、見た目を整えてくれています。

この見た目を整えて表示する作業が（ホームページの話で出てくる）レンダリングです。

そう説明しました。

それでは、レンダリングをやっててくれたのは誰でしょう？

そうですね。
Webブラウザさんです。

ただし、より正確に書くと、Webブラウザさんの中にある

レンダリングをするのが仕事の部品

です。

この

Webブラウザさんの中にある「レンダリングをするのが仕事の部品」

がHTMLレンダリングエンジンです。

そして、上でも書きましたが

「HTMLレンダリングエンジン」を省略した表現

が「レンダリングエンジン」です。



おそらく、みなさんが見かける「レンダリングエンジン」は「HTMLレンダリングエンジン」の省略表現であることが多いはずです。
HTMLレンダリングエンジンの方も押さえておいてください。

---