Chrome 70 では、以下がサポートされるようになりました。
- Windows と Linux でのデスクトップ プログレッシブ ウェブアプリ
- 認証情報管理 API により、公開鍵認証情報のサポートが追加されました。
- ワーカーに名前を付けることができるようになりました。
他にもいろいろあります。
ピート ルページです。では デベロッパー向け 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 を使用しない場合
WebWorker を使用
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 で追加されるデベロッパー向けの 変更のほんの一部です
- ウェブ Bluetooth が Windows 10 で使用可能になりました。これにより、サイトはユーザーが選択した付近の Bluetooth デバイスと通信し、安全かつプライバシーを保護できます。
- Chrome では、
Report-To HTTP
レスポンス ヘッダー フィールドを使用してサーバーに介入やサポート終了のメッセージを送信できます。また、ReportingObserver
インターフェースでこれらのメッセージを表示することもできます。 - 知っておくべき重要な非推奨がいくつかあります。詳しくは、Chrome 70 でのサポートの終了と削除の投稿をご覧ください。
- また、Chrome DevTools の最新情報については、DevTools の新機能に関する最新の投稿をご覧ください。
チャンネル登録
最新の動画をご覧になりたい場合は、ぜひ Chrome Developers YouTube チャンネルにご登録ください。新しい動画が公開されるたびにメール通知が届きます。
Chrome 71 のリリース時に Chrome の新機能をお知らせします