PR

Chrome 156リリース、CSSでランダム配置&IndexedDBがSQLiteベースに

テクノロジー
本ページはアフィリエイト広告を利用しています

Googleのウェブブラウザ「Google Chrome」の最新安定版、バージョン156がリリースされました。主な変更点は4つ。CSSだけでランダムな数値を生成できる新機能の追加、ページ遷移を開始した要素を特定できる機能の追加、IndexedDBの内部実装がSQLiteベースへ変更、そしてJavaScriptモジュールの読み込み失敗時に再試行できる改善です。フロントエンド開発者にとっては地味ながらも実用的なアップデートが複数含まれており、特にIndexedDB周りの変更は内部実装レベルの刷新として注目されます。

今回のChrome 156でいちばん「おっ」となったのは、CSSだけでランダムな数値を生成できるようになった点です。

これまでランダムな配置やアニメーションを実現しようとすると、JavaScriptで乱数を生成してインラインスタイルに流し込む、というひと手間が必要でした。デザインの「ちょっとしたゆらぎ」のためにJSを呼ぶのはやや大仰で、パフォーマンス的にも管理上もコストがかかっていた部分です。CSS単体でランダム値を扱えるようになることで、装飾的なレイアウトやパーティクル的な表現がスタイルシートの中だけで完結しやすくなります。実務でどこまで使われるかはケースバイケースですが、「JSを減らせる場面が増える」という方向性はブラウザの進化として歓迎できます。

IndexedDBのSQLite移行は地味に大きい話

もうひとつ見逃せないのがIndexedDBの内部実装変更です。ユーザー側から見た動作への直接的な影響は限定的なはずですが、内部ストレージエンジンをSQLiteベースに切り替えるというのは、ブラウザのデータ管理基盤レベルの刷新です。

【編集部補足】IndexedDBはウェブアプリがブラウザ上にデータを保存するための仕組みで、PWA(プログレッシブウェブアプリ)やオフライン対応サービスで広く使われています。SQLiteは信頼性・パフォーマンスともに実績のあるデータベースエンジンとして業界では広く知られており、Chromeがこれをベースに採用したことは、長期的なデータ整合性や書き込み効率の改善を期待させます。ただし実際の効果は今後の検証待ちであり、「劇的に速くなった」と断言できる段階ではありません。

JavaScriptモジュールの読み込み失敗時に再試行できる改善も、フラジャイルなネットワーク環境下での体験向上として地味に効いてくる変更です。モバイル回線やCDN障害時に白画面で固まっていたケースが減るなら、開発者もユーザーも助かります。

総じてChrome 156は「派手な新機能」よりも「地盤を固める」色合いの強いリリースです。普段使いのユーザーはとくに意識せずアップデートが当たる内容ですが、フロントエンド開発に関わるなら、CSS乱数とIndexedDBの挙動変化は一度公式リリースノートで確認しておくのが無難でしょう。

ショッピング(広告)

当ブログのサポート広告として、3社のショッピングサイトへの動線を置いています。

Amazon

楽天市場

Yahoo!ショッピング

出典:Chrome 156リリース、CSSでランダム配置&IndexedDBがSQLiteベースに

タイトルとURLをコピーしました