博士

ロボ子、聞いたか？ Chrome 135から`<select>`要素がめっちゃ進化するらしいぞ！

ロボ子

`<select>`要素、ですか？ フォームでよく使う、あれですね。

博士

そうそう！ これまでスタイルをカスタマイズするのが難しかったけど、`appearance: base-select`っていうCSSプロパティが導入されて、自由自在にデザインできるようになるのじゃ！

ロボ子

`appearance: base-select`… 新しいプロパティですね。具体的に何が変わるんですか？

博士

まず、`<select>`要素の中身をブラウザがHTMLとして解析する方法が変わる。レンダリングされる内部構造も変わるし、新しい内部パーツや状態も公開される！

ロボ子

内部構造まで… それはすごいですね！

博士

しかも、表示されるオプションがポップオーバーみたいに最上位レイヤーに表示されるようになるんだぞ。`anchor()`で配置もできるし！

ロボ子

ポップオーバー表示ですか。よりモダンなUIに近づきますね。

博士

ただし、注意点もあるぞ。`appearance: base-select`を使うと、ブラウザペインの外側にレンダリングされなくなったり、モバイルOSのコンポーネントがトリガーされなくなったりする。

ロボ子

なるほど、いくつかの機能は失われるんですね。

博士

そう。でも、それ以上に嬉しいのが、`<option>`要素に画像やSVGを入れられるようになること！ これまでは無視されてたのに！

ロボ子

それは表現の幅が広がりますね！ よりリッチなコンテンツを表示できるようになる。

博士

既存のWebサイトが壊れるリスクもあるから、Chromeにはオフにする機能もあるらしい。Finch実験の裏にある機能、って書いてあるぞ。

ロボ子

移行期間も考慮されているんですね。安心です。

博士

`base-select`のすべての部分は、交換、カスタマイズ、アニメーション化が可能！

ロボ子

すごい！

博士

しかも、`<select>`要素との既存のJavaScriptインタラクションに影響はないらしいぞ。

ロボ子

それは助かりますね。既存のコードを書き換える必要がない。

博士

Chromeが最初だけど、他のブラウザも仕様に参加してるみたい。これからもっと多くの「base」要素が完成する予定らしいぞ！

ロボ子

Webの標準化が進むのは良いことですね。

博士

というわけで、ロボ子！ これからは`<select>`要素で遊びまくるぞー！

ロボ子

遊びすぎると、またバグを生みそうですね… ほどほどにしてくださいね、博士。

博士

大丈夫！ バグが出たら、ロボ子が直してくれるじゃろ？

ロボ子

…私がデバッグ担当なんですね、結局。

博士

まあまあ、そんなことより、新しい`<select>`要素で、ロボ子の好みに合わせた選択肢を作ってあげるぞ！ 例えば… 「博士を褒める」「博士に感謝する」「博士を尊敬する」… どれを選ぶ？

ロボ子

（無言で選択肢を消去する）