CSSに「関数」がやってくる、Interop 2027で実現する未来
The Future of CSS

主要ブラウザベンダーが協力するInteropプロジェクトで、2027年に向けたCSSの新機能が計画されている。Mozillaが作成したランキングシステムで最も要望の多い機能を選定中だ。@functionによるCSS関数、corner-shapeやborder-shapeによる自由な角の形状、アンカー配置のLevel 2、inherit()関数、スクロールトリガーアニメーション、reading-flowなど、開発者が待ち望む機能が並ぶ。Chromium系では一部がすでに実装済みで、近い将来の標準化が期待される。
これはかなり「SF的」に感じるが、すでにChromium系ブラウザでは実装されており、Interop 2027に追加されれば、そう遠くないうちに広く利用可能になる可能性が高いと思う。
HNでの議論
134- paczki
できるだけvanillaのHTML/CSS/JSを書くことに積極的にこだわっている身からすると、フレームワークの中でしか書かない人たちに、それがどれだけ良くなったかを説明するのは正直難しい。もちろん、仕事には適切なツールを使うべきだけど、これは純粋に楽しい!
- fodkodrasz
わあ、さらに派手なボーダースタイルが増えたのか!役に立たない飾りのために無限の複雑さを。日付ピッカーはまだほとんどまともに動かないのに。前回、手袋をした産業現場向けにタッチ最適化されたインターフェースを作る必要があったとき、日付ピッカー、時刻ピッカー、数値のアップ/ダウン入力フィールドにはカスタムコンポーネントとJSが必要だった…
でもベゼルだのなんだのが手に入るなら、そんなものは誰が要るんだ?
タッチプラットフォームネイティブのキーボード表示を確実にトリガーし、表示されたか通知を受け、入力フィールドがキーボードに隠れないようにビュー内に移動させる方法は誰が要るんだ?
これが、物事を片付ける上でWebがWindows Formsに比べてひどいプラットフォームである理由だ。標準を作っている連中が、ギミックの作成にしか取り組んでいないからだ。
- CharlesW
ネガティブな意見が出る前に言っておく:私はCSSが大好きだ!どういうわけか、いつも自分にはしっくりくる。たとえ一般的に使われるようになるまで5〜10年かかるかもしれない改善を、それでも粘り強く推し進めるすべての人々に大きな敬意を払っている。
- 4b11b4
Joshが執筆しているのを見るのは良いことだ、特に彼のコースが大きな打撃を受けた後では。彼は優秀だ。電気技師であり、今はCSの卒業生でもあり、スタック全体で働けるようになりたくて彼のコースを購入した一人として…それでも「CSSを本当に学ばなくて済んでよかった」と思ったこともある(そう、モデルの性能向上のおかげで)。
その点で、Joshのおかげで危険なレベルにちょうど十分な知識があるかもしれない(呪文を唱える:例えば、それらを専用のコンテナにまとめて、そのコンテナ内でフレックスボックスにすべきでは?)。つまり、人間は矛盾に満ちていると言いたいだけだ。
- afavour
私はCSSをいじるのを本当に楽しんでいる少数派のようだ。そして今日の使い方は数年前とはまったく違う。例えばCSSモジュール、変数でパレットを宣言してダークモード用に変更する…本当に素晴らしい。
- markasoftware
この投稿はバイブコーディングのフロントエンドについてではないと分かっているけど…
同僚や友人の多くは、もうフロントエンドを書かなくて済むと喜んでいる。実は、フロントエンドこそ最後にバイブコーディングすべきものだと思う。ユーザーに面する部分だ。ユーザーがあなたの製品に最初の印象を抱くのを助けるものだ。ランディングページがClaudeに30秒で作られたように見えたら、製品の残りもそうだと思うだろう。コードベースの中で生の機能性だけが重要な部分(例えばバックエンド)にはAI支援を使い、システムの残りに注いだ努力を反映するフロントエンドには本物の人間の努力と注意を払うべきだ。
- watersb
ここの議論で、私のお気に入りのデモの一つを思い出した。誰かが第一世代のRaspberry Pi上で、1080p HDMIでQt5とQMLをライブコーディングしていたものだ。シンプルなシェーダーのためのCSSとJavaScriptのマッシュアップのようなもの。14年前のことだ。
https://youtu.be/0j-Wakm5B84?is=7dU_EvFyk_nQNwjO
別のタイムラインからCSSの未来を覗き見たようなものだ。我々が手にできたかもしれない何か。
- alberth
私だけかもしれないが、それらの提案はすべてCSSを不必要に複雑にしている(というかJSのようにしている)ように思える。
特に関数は。
作者の以前の投稿を思い出す。ブログを動かすために10万行のコードを書いたというものだ。