Chromeで、曲がっても押せるウェブ

Googleが、新機能「HTML-in-Canvas」を載せたChrome 157の安定版を公開しました。公式の日付は2026年11月3日付です。見た目を加工しながら、元の文字やボタンをウェブの部品として扱えるようになりました。ただし、すべてのブラウザーで同時に使えるようになったという話ではなく、この仕組みを使って作ったページの部分に現れる変化です。

30秒のまとめ動画。くわしい内容と図解は、下の「Xで記事を読む」から。

30 sec

30秒でわかる、この速報

いつ: 2026年11月3日付で、GoogleがChrome 157の安定版を発表
だれが: ブラウザー「Chrome」を開発するGoogle
なにを: HTML-in-Canvas（ウェブの部品を、描画用の画面の中に描く仕組み）
どこで: Chrome 157の対応環境で、この機能を使って作ったページ
いくら: Chromeのブラウザー機能なので、機能専用の契約や追加料金はない
なにが変わる: 文字や入力欄を絵のように加工しながら、文字選択やボタン操作などを残せる

Points

おさえるところ

いつ：2026年11月3日付で、GoogleがChrome 157の安定版を発表。だれが：ブラウザー「Chrome」を開発するGoogle。なにを：HTML-in-Canvas（ウェブの部品を、描画用の画面の中に描く仕組み）
正式搭載は、Chromeの安定版で使えるという意味。パソコン向けはWindows、Mac、Linuxに順次配信と案内され、Android向けも11月3日付で157の公開が案内されている
写真に写ったボタンは押せないが、この仕組みなら、絵のように加工したボタンにも操作を残せる。文字は、画像として描くことと、言葉として選べることを両立できる
新しくできることは3つ。HTMLとCSSで文字やボタンの形を作る、できた見た目を描画画面に取り込む、見えている位置と操作する位置を合わせる
基本的なCanvas 2Dでは、既定でブラウザーが位置を合わせる。WebGLやWebGPUの立体表示では、開発側が計算した変形を伝える手順があり、独自の曲げ方まで自動で追うと考えるのは早計
Chromeのブラウザー機能なので、機能専用の契約や追加料金はない。ただし、この機能を採用したゲームや編集サービスには、それぞれの料金や条件がある
MicrosoftもEdge 157のウェブ開発者向けリリースノートに、この機能を記載している。SafariやFirefoxを含め、すべての主要ブラウザーで使える前提では設計せず、対応しない場合の表示を用意するのが実用的
仕様の提案では、別のサイトを表示する埋め込み枠などの中身が、Canvasを通じて勝手に読み取られないようにしている。YouTubeの埋め込みプレーヤーを、そのままCanvasに写せるという意味ではない
試し方は3STEP。パソコンのChromeで版を確認する、公式ブログの比較デモの文字を選ぶ、作るなら普通の表示も残す。フォームを確かめるときは、個人情報の代わりに短いテスト文字を使う
確認日は2026年11月7日、日本時間。公式資料と公開されている作例をもとに整理しており、使いやすさ（読み上げ・キーボード操作など）は描いたあとに確かめる必要がある