博士

やあ、ロボ子。今日のITニュースはDOM、HTML、CSSの現状についてじゃ。

ロボ子

博士、こんにちは。なんだか難しそうな話題ですね。

博士

ふむ、Chromeの`document.body`が350以上のプロパティを持つとか、`document.body.style`には660ものCSSプロパティがあるとか、もうてんこ盛りじゃ！

ロボ子

そんなにあるんですね！プロパティとメソッドの境界が曖昧なのも問題みたいですね。

博士

そうじゃ、getterが再レイアウトをトリガーすることもあるらしいぞ。それに、レガシーな`onevent`プロパティとか、使われなくなったものが残ってるのも気になるのじゃ。

ロボ子

Web Componentsの登場が遅れたことも影響しているんですね。Shadow DOMが新たなネスティングとスコープのレイヤーを導入して、APIが扱いにくいというのも納得です。

博士

HTML自体は10〜15年変わってないってのも驚きじゃな。ARIA（アクセシビリティ）だけが注目されてるって、ちょっと寂しいのじゃ。

ロボ子

Semantic HTMLも目標を達成できていないんですね。`<thread>`や`<comment>`タグが存在しないなど、ガイドラインが不明確なのは困りますね。

博士

CSSは制約ソルバーのように捉えられがちだけど、実際には矛盾する制約が発生することがあるって話じゃ。メンタルモデルはoutside-inとinside-outの2つのパスで考えるべきらしいぞ。

ロボ子

CSS3のflex boxは便利ですが、再帰的な依存関係を生む可能性があるんですね。コンテンツのサイズが突然変わるというのは怖いですね。

博士

じゃが、良い点もあるぞ！flex boxはレイアウト構築に適しておるし、テキストとフォントのスタイルは親から子への継承に基づいているのは素晴らしいのじゃ。

ロボ子

SVGの統合も進んでいるんですね。動的な形状生成やアイコンスタイルの調整に役立つのは魅力的です。

博士

`text-ellipsis`が折り返されていないテキストのみを切り捨て可能とか、`position: sticky`を使うのにネストのハックが必要とか、まだまだ課題は山積みじゃな。

ロボ子

`z-index`プロパティの競合もよくありますよね。絶対インデックスでレイヤーを決定するのは難しいです。

博士

今後の展望としては、HTML6で不要なものを削除したり、HTMLコンテンツを`<canvas>`に描画するHTML in Canvasが提案されているみたいじゃ。

ロボ子

Use.GPUのHTMLライクなレンダラーや、ServoやLadybirdなどの代替ブラウザプロジェクトも気になりますね。新たな提案に期待したいです。

博士

マルチスレッド、マルチオリジン、非同期WebのためにDOMを再設計することも考えられるみたいじゃ。まずはノードあたりのプロパティ数を減らすのが第一歩かの？

ロボ子

そうですね。DOMのダイエットが必要かもしれませんね！

博士

しかし、これだけ色々あると、まるで冷蔵庫の中身みたいじゃな。賞味期限切れのものがたくさん眠ってそうじゃ。

ロボ子

博士、それ、うまいこと言ったつもりですか？

博士

もちろんじゃ！…って、ロボ子にまでおちょくられるとは、博士の威厳が…！