最新動向の把握：仕様と提案を読む

フロントエンドは急速に変化します。新しいCSS、JS、ブラウザAPIが四半期ごとにリリースされます。シニアエンジニアはブログ記事を待つのではなく、W3Cの草案、TC39の提案、CSS WGの仕様書、ブラウザの実装状況ページという一次資料を読みます。

TC39はJavaScriptを発展させる委員会です。提案は5段階を経ます。0（アイデア）、1（提案）、2（草案）、3（候補）、4（完成、ECMAScriptに搭載）です。Stage 3になると、ブラウザが実装し、構文も凍結されるため、採用を検討しても安全な段階です。

各提案はgithub.com/tc39/proposal-NAMEにあります。READMEでは、動機、構文、例を説明しています。spec textブランチには正式な文法が記載されています。最近の提案例には、Records & Tuples、Pipeline Operator、Decorators v3、Iterator Helpersがあります。

github.com/tc39/proposals：すべての提案と段階の一覧です。2ality.com：Axel Rauschmayerのブログで、すべての会議の内容を要約しています。v8.dev：GoogleのV8は提案の実装が最も速く、ブログ記事で詳しく説明しています。

W3CはCSS、ARIA、Web APIを標準化します。WHATWGはHTML、DOM、Fetch、URLという「Living Standard」を保守しています。どちらもGitHub上で公開の場で活動しています。WHATWGのhtmlリポジトリへのissue登録は誰でも行えます。

CSS WGは継続的に仕様を公開しています。コンテナクエリ、:has()、CSS nesting、view transitions、anchor positioning、scroll-driven animationsなどです。github.com/w3c/csswg-draftsとCSS WGのブログで動向を追えます。

Stage 4の提案であっても、ブラウザに実装されるまでは利用できません。caniuse.com（全般）、chromestatus.com（Chrome）、webkit.org/status（Safari）、platform-status.mozilla.org（Firefox）を確認します。

web.dev/baselineでは、どの機能が「Newly available」（主要ブラウザすべての最新版で利用可能）で、どの機能が「Widely available」（約30か月間利用可能）なのかを確認できます。何を安全にリリースできるか判断するのに最適です。

1) web.dev/blog — GoogleのWeb開発者向け情報。2) WebKit blog — Safariの発表。3) v8.dev/blog — V8とChromeのJavaScript情報。4) CSS-Tricks newsletter。5) JavaScript Weekly / Frontend Focus。6) This Week in WebKit。

利用しているライブラリのソースコードを読みます。React、Vue、ViteはすべてGitHubで公開されています。メンテナーが難しい問題をどのように解決したのかを読むことは、スキルを高める最良の方法の一つです。

新機能について読むだけではなく、実際に試します。View Transitions APIを使った小さなデモや、:has()セレクターを使ったデモ、新しいECMAScriptのSetメソッドを使ったデモを作ります。本当に学べるのは、実際に使ったときです。

新しくて目を引くものが、すべて本番環境に適しているわけではありません。Baselineに含まれているか、対象ブラウザで動作するか、polyfillのコストはどれくらいか、現在の方法では解決できないどのような問題を解決するのか、チームが使いこなせるかを確認します。反射的ではなく、意図を持って採用します。

利用例や反例を添えて、TC39やWHATWGの提案にissueを登録します。委員会は本当に開発者の声に耳を傾けています。デモをオープンソースにします。関心のある提案にコメントします。こうしてプラットフォームは改善されていきます。

シニアエンジニアは、スプリントではなく年単位で考えます。仕様書を読むことで、他の人が知る6か月前に:has()を知り、チームが痛い目を見る前に適切なデータ取得ライブラリを選び、移行前にServer Componentsを理解している人になれます。その先見性は積み重なり、大きな差になります。

JavaScriptの提案は、transpilerと組み合わせて本番環境で使い始めても一般的に安全だと考えられるのは、TC39のどの段階ですか？

一次資料を読みます。TC39の提案、W3C/WHATWGの仕様、CSS WGの草案を確認します。Stage 3以降は、transpilerと組み合わせれば本番利用に適しています。caniuse、chromestatus、webkit.org/status、Baseline（web.dev/baseline）で対応状況を追います。web.dev、WebKit blog、v8.dev、CSS-Tricks、JS Weeklyを購読します。デモを作って理解を深めます。批判的に評価します。コミュニティに還元します。シニアの思考は積み重なります。仕様書を読むエンジニアがリードします。