KEEP YOUR WEB KNOWLEDGE FRESH.
Chrome の先行配信と WebMCP の草案から、3D 表現、アニメーション、AI 時代の UI 設計まで。公式更新・実践・小ネタ・読みもの・セキュリティを、10件にまとめました。
Mozilla は11月10日、Firefox 160 で修正した脆弱性を公開しました。アドバイザリ全体の影響度は High で、サンドボックス回避、権限昇格、同一オリジンポリシーの回避などを含みます。通常版の修正版を示す情報で、ESR の修正版は別に案内されています。
対応：通常版を利用している場合は、160 での修正を踏まえて最新の提供版への更新を確認してください。ESR を管理している場合は、利用系列のアドバイザリを参照します。
Google は11月12日、Chrome 158.0.8127.36/.37 を Windows の一部ユーザー向けに先行配信したと案内しました。Mac 向けは近日提供予定とされています。通常の Stable 配信に先立って少数へ提供する段階で、全ユーザーへの配信が完了したという発表ではありません。
制作メモ：担当サイトの表示確認に、先行配信環境を使う機会です。新機能の採用は、ブラウザ名だけで判断せず、実際のバージョンと利用者への配信状況を確認しましょう。
ICS MEDIA の川勝研太郎さんが、WebGPU 版 Three.js の BundleGroup を使った描画負荷の改善を紹介しています。描画命令を準備する CPU 側の負荷に着目し、デモで使用の有無を比較できる構成。筆者の環境での結果と、既存シーンへ組み込む際の注意点も示されています。
制作メモ：10月30日の記事を、3D 表現の性能改善の参考として紹介します。効果は端末やシーンによるため、掲載された倍率を自分の環境での保証と受け取らず比較しましょう。
Lea Verou さんの cubic-bezier.com は、イージングの曲線を調整し、動きのプレビューを比較できるツールです。曲線の値をコピーしたり、ライブラリへ保存したりできる構成。アニメーションの「速くなる・ゆっくり止まる」を、数値だけで想像しにくいときの助けになります。
制作メモ：新リリースではなく、動きの微調整に使うツールとして紹介します。公開日は記載がないため不明と表示しています。試した値は、実際の要素の距離や時間に合わせて調整しましょう。
UX リサーチャーの Victor Yocco さんが、AI を加えるべきかを考えるための問いを紹介しています。操作が減っても、結果を確認する手間が増えれば負担が軽くなるとは限らないという視点です。生成の速さだけでなく、利用者の作業全体を見て設計を評価する読みものです。
制作メモ：11月12日公開の記事です。AI を含む画面を提案する前に、利用者が何を確認し直す必要があるか、いまの作業と並べて書き出す際の参考になります。
Web Machine Learning Community Group の WebMCP 草案は、Web アプリの機能を JavaScript のツールとして AI エージェントなどへ公開する仕組みを説明しています。確認した文書は11月12日付の Draft Community Group Report。W3C 標準や標準化トラック上の仕様ではないことも明記されています。
制作メモ：自分のサービスで公開する操作を考えるための仕様ウォッチです。標準化済み・全ブラウザ対応と捉えず、利用者の制御や権限、公開する入力・出力の範囲から読んでみましょう。
ICS MEDIA の澤田ナオミさんが、スクロール位置をきっかけにアニメーションを再生する実装を紹介しています。スクロール量に連動して進む演出との違いを整理し、基本の書き方から作例へ展開。どんなタイミングで動かしたいかを先に考えると、読み進めやすい記事です。
制作メモ：10月27日の記事を、スクロール演出の設計・実装用に紹介します。作例の対象ブラウザを確認し、未対応時にも内容を読めることや、動きを減らす設定への配慮も忘れずに。
Josh W. Comeau さんが、複数のコマを並べた画像を切り替えるスプライトアニメーションを解説しています。小さな「いいね」の演出から基本の実装へ進み、CSS でのコマ送りや使いどころを紹介。DOM の要素をたくさん動かす方法とは違う発想を楽しめる記事です。
制作メモ：2月公開・5月更新の記事を、ボタンやアイコンの小さな演出の参考として紹介します。画像の用意や見た目の変更にかかる手間も含めて、用途に合うか考えてみましょう。
Eric Bailey さんが、自身の改善経験をもとに、LLM チャットのアクセシビリティを解説しています。見える人には分かる返答の追加も、入力欄にフォーカスが残る読み上げ利用では伝わらない場合があります。入力・待機・返答を読む流れを、視覚以外の手掛かりから見直す記事です。
制作メモ：11月5日の記事を、会話型 UI のレビュー用に紹介します。新着通知を付ければ完了とせず、通知の頻度、読み進めやすさ、キーボード操作を一連の流れで確認しましょう。
Josh W. Comeau さんが、同じアニメーションを CSS と JavaScript の異なる方法で実装し、性能上の違いを比較しています。CSS なら常に速い、JavaScript なら常に遅いといった単純な分け方では捉えにくい部分を紹介。目的に合った実装を選ぶための、デモを交えた解説です。
制作メモ：5月公開・6月更新の記事を、演出実装の選択に役立つ読み返しとして紹介します。手段の名前だけで決めず、動かすプロパティやメインスレッドの負荷も確認してみましょう。