Google Developers Japan: Chrome 61 ベータ版：JavaScript モジュール、デスクトップ版 Payment Request API、Web Share API、WebUSB

Local blog for Japanese speaking developers

Chrome 61 ベータ版：JavaScript モジュール、デスクトップ版 Payment Request API、Web Share API、WebUSB

2017年8月31日木曜日

この記事は「型破りなモジュール使い」、Domenic Denicola による Chromium Blog の記事 "Chrome 61 Beta: JavaScript modules, Payment Request API on desktop, Web Share API, and WebUSB " を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。ベータ版 JavaScript モジュール 　JavaScript モジュール<script type=module>JavaScript モジュールの詳細モジュールの影響を受ける JavaScript 言語の機能について確認 デスクトップ版 Payment Request API 　サポートが発表された Android 版Payment Request API統合ガイド

トランザクション全体における PaymentRequest プロセス Web Share API 　navigator.share

navigator.share API を使うと、Android ネイティブの共有ダイアログ経由でさまざまなネイティブアプリとコンテンツの共有が可能 WebUSB 　WebUSB API 今回のリリースに追加されたその他の機能 　

Android に加えて、PC でも Network Information API が利用できるようになりました。これを使うと、サイトから基盤となる端末の接続情報にアクセスできます。

既存の Scroll API の新しいオプションパラメータ、または scroll-behavior CSS プロパティを使って、スムーズなスクロールを指定できるようになりました。

プラットフォームで、CSSOM View Smooth Scroll API を使ってスムーズなネイティブスクロールを実現できます。これには、scroll-behavior: smooth CSS プロパティまたは window.scrollTo() DOM スクロールメソッドを利用します。JavaScript でこの動作を実装する必要はなくなります。

CSS の色の値は、8 桁および 4 桁の 16 進数を使って #RRGGBBAA および #RGBA という形式で指定するようになります。

Visual Viewport API によって、サイトから相対位置で画面の内容にアクセスできるようになりました。これを使うと、ピンチしてズームなどの複雑な機能を直接的な方法で実現できます。

Device RAM API を利用できるようになりました。サイトからユーザーの端末の RAM の量を参照できるようになるため、ウェブアプリケーションの全体的なパフォーマンスを最適化できます。

インストールされたウェブアプリを操作して最初のウェブアプリのスコープ外のサイトに移動する場合、新しいサイトが自動的にカスタム Chrome タブで読み込まれるようになりました。

ネイティブコントロールを利用している動画の再生中に、ユーザーが動画と一致する向きに端末を回転すると、Chrome が自動的に動画を全画面に拡大するようになりました。

nextHopProtocol が Resource Timing および Navigation Timing で利用できるようになりました。これにより、リソースの取得に利用するネットワークプロトコルにアクセスできるようになります。

サイトでサードパーティ製埋め込みコンテンツにコンテンツセキュリティポリシーを強制できるようになりました。これには、<iframe> 要素に新しく追加された csp 属性を使用します。

DOMTokenList インターフェースで replace() がサポートされました。これにより、すべての同じトークンを簡単に新しいものに変更できます。たとえば、有効期限が切れた際に、active を inactive に変更できます。

要素の attribute 名のリストにアクセスする getAttributeNames() がサポートされました。これにより、attributes コレクションに対して反復処理を行うよりも直接的な仕組みが提供されます。

セキュリティ強化のため、JavaScript ダイアログが開いた際に自動的に全画面を終了するようになります。

サイトから、指定されたオリジンや quota で使用されるディスクスペースの大まかなバイト数にアクセスできるようになりました。これには、Storage API に新しく追加された navigator.storage.estimate() 関数を使用します。

ブラウザのキャッシュヒット率を上げるために、URLSearchParams で sort() がサポートされました。これは、格納されているすべての名前と値のペアを並び替えて出力します。

URLSearchParams のコンストラクタが更新され、他の URLSearchParams インスタンスだけではなく、任意のオブジェクトをパラメータとして渡せるようになりました。

誤って発行された証明書を気づかずに使ってしまうことがないように、サイトで新しい Expect-CT HTTP ヘッダーが使われるようになりました。これによって、レポートの自動化や Certificate Transparency 要件の強制が可能になります。

Chrome のバックグラウンドタブで、Media Source による動画フレームのデコードが行われなくなりました。

ImageCapture.getPhotoSettings() で、写真の解像度、赤目軽減、フラッシュモードなどの「ライブでない」カメラ設定を取得できるようになります。

サイトは Clear-Site-Data ヘッダーを使って cookie や service worker、キャッシュエントリなどのクライアントサイドデータを削除できるようになります。

サポートの終了と相互運用性の改善 　

セキュリティ強化のため、URL に \n と < の両方の文字が含まれるリソースはブロックされるようになります。

セキュリティ強化のため、安全でないコンテキストで Presentation API の start 関数がサポートされなくなり、削除されました。

on<event> 属性間の一貫性を向上させるため、onwheel 属性が Element から Window、Document、HTMLElement、SVGElement に移動します。

仕様に準拠し、さらに細かい参照コンテンツのフロー制御を実現するため、Chrome で 3 つの新しい Referrer Policy 値である same-origin、strict-origin、strict-origin-when-cross-origin がサポートされました。

仕様の変更に従い、colSpan の最大値が 8190 から 1000 に下がりました。

Eiji Kitamura - Developer Relations Team

ラベル

ブログアーカイブ

2019
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2018
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2017
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2016
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2015
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2

2014
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2013
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2012
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2011
- 12
- 11
- 10
- 9
- 8
- 7
- 6
- 5
- 4
- 3
- 2
- 1

2010
- 12
- 11

Feed

"プロダクトに関するご意見はプロダクトフォーラムにお願いします"

Google Japan

Google Japan Blog
Google ウェブマスター向け公式ブログ
Google Apps アップデートブログ

Products

Android Blog
Chrome Blog
Lat Long Blog

Developers

Google Developers
Google Developers Japan YouTube
Google Developers Japan Forum

Google
Privacy
Terms