Chrome の新機能
ブログから
Windows の Chromium ベースのブラウザでテキストのレンダリングが改善
Edge チームは、Chromium で Windows ClearType チューナーの値を直接尊重するサポートを追加しました。これにより、Windows の Chromium ベースのブラウザでテキストのレンダリングが改善されました。
- ブログ
- Chrome
2025年2月12日
メディアの再生時にピクチャー イン ピクチャーを自動的に開始する
Chrome では、メディアを再生しているウェブアプリがピクチャー イン ピクチャーを自動的に開始できます。
- ブログ
- JavaScript
- Chrome
2025年2月5日
2025年2月5日
Chrome 133 の新機能
Chrome 133 のリリースが開始されました。エキサイティングな新しい CSS 機能など、他にも多くの機能があります。
- Chrome の新機能
- ブログ
- HTML
- CSS
- Chrome
2025年2月4日
Chrome 133 の DevTools の新機能
AI チャット履歴の永続化、ナビゲーションの改善、[パフォーマンス] のリスト無視とスタック トレース、新しい [新機能] パネルなど。
- Chrome の新機能
- Chrome DevTools
- Chrome
2025年1月30日
WebGPU の新機能(Chrome 133)
unorm8x4-bgra と 1 コンポーネントの頂点形式が追加され、未定義の値で不明な上限をリクエストできるようになりました。また、WGSL の配置ルールが変更され、破棄による WGSL のパフォーマンスが向上しました。
- WebGpu
- Chrome の新機能
- リリースノート
- JavaScript
- Chrome
2025年1月29日
Chrome 拡張機能の今後の予定(2025 年 1 月)
Chrome 拡張機能の最近の変更の概要と、デベロッパーが期待できる今後の拡張機能の魅力的な機能について説明します。
- Chrome 拡張機能
- Chrome
2025年1月29日
Chrome ウェブストアのポリシーの更新: デベロッパーにとって明確で一貫性のあるポリシーを実現
Chrome ウェブストアは、デベロッパーとユーザーにとって高品質で信頼できるエコシステムの構築に取り組んでいます。この目標に沿って、Google は、プラットフォーム全体で明確かつ一貫したポリシーを適用するための一連のポリシーの更新を発表します。今回の更新では、機能、コンテンツ基準、デベロッパー ガイダンスの主要な分野に対応しています。 Google は、 再審査請求プロセス を効率化し、透明性を高めるために、プロセスを合理化しています。今後、デベロッパーはポリシー違反ごとに 1
- Chrome 拡張機能
- Chrome
2025年1月22日
パスキーの WebAuthn 機能検出の簡素化
「getClientCapabilities()」を使用して WebAuthn の機能を検出し、ユーザーに合わせて認証ワークフローを調整する方法を学びます。
- ID
- ブログ
- JavaScript
- パスキー
- Chrome
2025年1月21日
2025年1月20日
iOS で Google パスワード マネージャーのパスキーを利用できるようになりました
iOS 17 以降の Chrome で、Google パスワード マネージャー(GPM)でパスキーを作成、同期、認証できるようになりました。これにより、Chrome が利用できるすべてのデバイスで GPM のパスキーを使用できるようになります。
- ID
- ブログ
- パスキー
- Chrome
2025年1月16日
CSS attr() のアップグレード
カスタム プロパティを含む任意の CSS プロパティで attr() を使用できるようになりました。また、値を文字列以外のデータ型に解析できるようになりました。
- HTML
- CSS
- Chrome
2025年1月15日
2025年1月15日
2025年1月15日
Chrome 132 の新機能
Chrome 132 のリリースが開始されました。Dialog 要素は ToggleEvent を取得し、要素レベルの動画共有をサポートします。File System Access API は Android と WebView をサポートします。
- Chrome の新機能
- 動画
- JavaScript
- Chrome
2025年1月14日
ドキュメントの更新情報
オリジン トライアルの AI API
拡張機能のストレージを表示、編集する
Signal API を使用してパスキーと認証情報を整合させる
CSS で height: auto;
(およびその他の組み込みサイズ設定キーワード)にアニメーション化
interpolate-size
と calc-size()
を使用して、組み込みサイズ設定キーワードとの間でアニメーション化します
事例紹介
Spotify が Picture-in-Picture API を使用して Spotify ミニプレーヤーを開発した方法
Updated 2024年5月13日
Spotify ミニプレーヤーが、キャンバスをハックする機能から Document Picture-in-Picture API によって実現される洗練されたエクスペリエンスへと進化した方法をご紹介します。
- ケーススタディ
- Chrome
スクロールドリブン アニメーションの事例紹介
Updated 2024年5月7日
Policybazaar、redBus、Tokopedia のスクロールドリブン アニメーションのメリットをご確認ください。
- ケーススタディ
- CSS
- JavaScript
- Chrome
:has() の事例紹介
Updated 2024年5月7日
Policybazaar と Tokopedia が :has() を使用することでどのようなメリットが得られるかをご覧ください。
- ケーススタディ
- JavaScript
- CSS
- Chrome
コンテナクエリに関する事例紹介
Updated 2024年5月7日
redBus と Tokopedia のコンテナクエリのメリットについて説明します。
- ケーススタディ
- CSS
- JavaScript
- Chrome
移行の事例紹介を見る
Updated 2024年5月7日
redBus、Policybazaar、Tokopedia のいずれも View Transition API を使用しており、パフォーマンスと滑らかな UI の恩恵を受けています。
- ケーススタディ
- JavaScript
- CSS
- Chrome
ポップオーバーの事例紹介
Updated 2024年4月24日
Tokopedia は、Popover API を使用してアプリケーションのコード量を削減しています。
- ケーススタディ
- CSS
- JavaScript
- HTML
- Chrome
メモリに収まるサイズの大きいファイルを Photoshop でどのように解決したか
Updated 2023年6月5日
Adobe が、象徴的な Photoshop アプリのウェブ バージョンで、最大のファイルでも編集できるようにした方法を学びます。 (この記事は動画でもご覧いただけます)。 2021 年、Adobe は Chrome エンジニアリングと共同で、 Photoshop のバージョンをウェブに導入 しました。このソフトウェアは、 SIMD 、 オリジンの非公開ファイル システム 内の高パフォーマンス ストレージ、キャンバスの P3 カラー空間 、 Lit を使用したウェブ
- ケーススタディ
- Chrome
ベクター画像編集アプリ Boxy SVG が、Local Font Access API を使用してユーザーがお気に入りのローカル フォントを選択できるようにする方法
Updated 2023年6月1日
Local Font Access API は、ユーザーがローカルにインストールしたフォントデータにアクセスするためのメカニズムを提供します。名前、スタイル、ファミリーなどの上位レベルの詳細情報や、基盤となるフォント ファイルの未加工バイトなどです。SVG 編集アプリ Boxy SVG がこの API を使用する方法を学びます。 (この記事は動画でもご覧いただけます)。 Boxy SVG はベクター グラフィック エディタです。主な用途は、SVG
- JavaScript
- Chrome
ゲームエディタ Construct 3 が File System Access API を使用してゲームを保存できるようにする仕組み
Updated 2023年5月30日
File System Access API を使用すると、読み取り、書き込み、ファイル管理機能を利用できます。Construct 3 でこの API を使用する方法を学びます。 (この記事は動画でもご覧いただけます)。 Construct 3 は、 Thomas と Ashley Gullen 兄弟によって開発されたゲーム エディタです。ゲーム エディタの現在の第 3 版では、以前に Windows と NW.js 向けにビルドした後、2 つを完全に 「ブラウザが新しいオペレーティング
- JavaScript
- Chrome