Chrome 70 の新機能

Chrome 70 では、以下がサポートされるようになりました。

他にもいろいろあります。

ピート ルページです。では デベロッパー向け Chrome 70 の新機能を 詳しく見ていきましょう

変更内容の完全なリストを確認するには、Chromium ソース リポジトリの変更リストを確認します。

Windows と Linux のパソコン用プログレッシブ ウェブアプリ

デスクトップのプログレッシブ ウェブアプリを Windows と Linux にインストールできるようになりました。

インストールすると、スタート メニューから起動され、アドレスバーやタブなしで他のすべてのインストール済みアプリと同じように動作します。Service Worker は、高速で信頼性の高いアプリ ウィンドウで、他のインストール済みのアプリと同じように動作します。

始めるのは、現在すでに行っていることと同じです。 既存のプログレッシブ ウェブアプリで行った作業はすべて、そのまま適用されます。 アプリが標準の PWA の条件を満たしている場合、Chrome は beforeinstallprompt イベントを呼び出します。イベントを保存し、UI を追加(アプリのインストール ボタンなど)して、アプリをインストールできることをユーザーに伝えます。その後、ユーザーがこのボタンをクリックすると、保存されたイベントで prompt() を呼び出します。Chrome はユーザーにプロンプトを表示します。[追加]をクリックすると あなたの PWA がスタートメニューとデスクトップに追加されます

詳しくは、デスクトップ PWA についての投稿をご覧ください。

Credential Management API: 公開鍵認証情報

Credential Management API を使用すると、ユーザーのログインが非常に簡単になります。これにより、サイトはブラウザの認証情報マネージャーフェデレーション アカウント サービス(Google や Facebook など)とやり取りして署名できるようになります。

Chrome 70 では、3 つ目のタイプの認証情報である公開鍵認証情報のサポートが追加されています。これにより、ウェブ アプリケーションは、ユーザーの強力な認証を行うための、暗号で証明された強力なアプリケーション スコープの認証情報を作成および使用できます。

サイトが 2 要素認証に指紋を使えるようになるので、とても楽しみです。また、サポートするセキュリティ キーの種類が増え、ウェブ上のセキュリティが強化されます。

詳細については、Credential Management API のドキュメントを確認するか、WebAuthn のデモをお試しください。

名前: workers

ワーカーを使用すると、JavaScript をメインスレッドからバックグラウンドに簡単に移動できます。コストの高い JavaScript 計算や複雑な JavaScript 計算を実行してもメインスレッドがロックアップされないため、サイトをインタラクティブにしておくことは非常に重要です。

WebWorker を使用しない場合

メインスレッド
負荷の高い JavaScript が多数実行されているため、動作が遅くジャンクが発生します。

WebWorker を使用

メインスレッド
負荷の高い JavaScript の実行が不要なため、高速でスムーズなエクスペリエンスです。
WebWorker
負荷の高い JavaScript が多く実行されています。メインスレッドには影響しません。

Chrome 70 では、ワーカーに name 属性が追加されました。この属性は、コンストラクタのオプションの引数で指定します。

const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);

これにより、同じ URL を使用する複数のワーカーがある場合に、専用ワーカーを name で区別できます。DevTools コンソールに名前を出力すると、デバッグ対象のワーカーを簡単に把握できます。

ワーカーに名前を付ける機能は、Firefox、Edge、Safari ですでに利用可能です。詳しくは、GitHub のディスカッションをご覧ください。

など多数

これらは Chrome 70 で追加されるデベロッパー向けの 変更のほんの一部です

チャンネル登録

最新の動画をご覧になりたい場合は、ぜひ Chrome Developers YouTube チャンネルご登録ください。新しい動画が公開されるたびにメール通知が届きます。

Chrome 71 のリリース時に Chrome の新機能をお知らせします