昨今の代表的なJavaScriptフレームワーク（React、Vue.jsなど）には「仮想DOM（Virtual DOM）」という概念が採用されているので、フロントエンド界隈の人は一度は耳にしたことがあるだろう。ただ、仮想DOMについて学ぼうと検索してもヒットするのは「フレームワークの使い方」ばかり。踏み込んでいても概念の説明どまりで、仮想DOMがどのように実装されているか解説した記事はすくない。 ということで、当記事では理解を深めるために仮想DOMを使ったフレームワークを自作し、仮想DOMに入門する！ そして、ReactやVue.jsを単なるブラックボックスのフレームワークではなく、中身を理解して使えるようになることを、当記事の目標とする。 フレームワークが完成すると以下のようなWebアプリケーションがつくれるようになる。 TOC 記事が長くなりそうなのでも目次 そもそもDOMとは？ D

娘の大学受験地方在住40代男。娘の大学受験で、一人で東京のホテルに泊らせた時の事。 私がケチって一泊7000円くらいの客層の悪い安宿を予約したせいで、 娘がホテルでたちの悪い若者達とトラブルになった。 制服で受験にいったせいか、女子高生だとかなんとか騒がれて 娘は連中にロビーから部屋まで後をつけられ、 深夜にノックをされ、ドア越しに下品な言葉まで浴びせられたらしい。 小心者の娘は、泣きながら妻に電話してきた。 妻はホテルのフロントに苦情をいいなさいといった。 それだけじゃ心配だったので、すぐに私も直接ホテルの外線に電話した。 当直が出てきたが、たぶんアルバイトだろう。 一応は騒ぎは止んだらしいが、娘も私も不安でたまらなかった。 朝になってまた娘から妻に電話があった。 けっきょく朝まで不安でまともに眠れなかったらしく、 かなり自暴自棄になっていた様子だった。 結論からいうと受験は失敗した。