このページは Cloud Translation API によって翻訳されました。

Chrome 61 の新機能

Pete LePage

Chrome 61 では、JavaScript モジュールがネイティブにサポートされるようになり、モジュラー JavaScript の記述方法が統一されました。
navigator.share を使用して、ネイティブの Android 共有ダイアログをトリガーできるようになりました。
WebUSB API がリリースされ、ウェブアプリがユーザーが許可した USB デバイスにアクセスできるようになりました。
他にもさまざまな機能があります。

変更点の詳細なリストについては、Chromium ソースリポジトリの変更リストを確認してください。

Pete LePage と申します。Chrome 61 のデベロッパー向けの新機能について詳しく見てみましょう。

JavaScript モジュール

Chrome 61 では、<script type="module"> 要素を介して JavaScript モジュールのネイティブサポートが追加されました。これにより、Chrome は細かい単位で依存性を並列に取得し、キャッシュを活用してページ間の重複を防ぎ、正しい順序でのスクリプトの実行が保証されます。

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

この標準化されたモジュールシステムは、モジュラー JavaScript を記述してウェブブラウザに送信する方法を統合します。将来的には、同じシステムが Node で利用できるようになるため、アイソモーフィック JavaScript の記述とデプロイが簡単になります。

モジュールと、モジュールの影響を受ける JavaScript の機能について詳しくは、以下のリンクをご覧ください。

ユーザーがお気に入りのソーシャルネットワークでコンテンツを簡単に共有できるようにするには、各ソーシャルネットワークのサイトに共有ボタンを組み込む必要があります。この方法ではページが肥大化し、UI にうまく収まらない場合があります。また、サードパーティのサイトのコードを組み込む必要があります。

現在 Chrome for Android で提供されている Web Share API を使用すると、ユーザーデバイスのネイティブの共有機能を呼び出せます。これにより、ユーザーはインストール済みのネイティブアプリとテキストやリンクを簡単に共有できます。

今後のリリースでは、インストールされているウェブアプリとの共有もできるようになる予定です。使用するには、共有するページの詳細を指定して navigator.share を呼び出すだけです。残りはシステムが処理します。

navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

詳細と推奨されるベストプラクティスについては、Paul の WebShare API の更新をご覧ください。

WebUSB

キーボード、マウス、プリンター、ゲームパッドなど、ほとんどのハードウェア機器は、高レベルのウェブプラットフォーム API でサポートされています。ただし、教育、科学、産業などの特殊な USB デバイスをブラウザで使用するのは難しく、多くの場合、専用のドライバが必要でした。

Chrome で WebUSB API がサポートされるようになりました。これにより、ユーザーの同意を得た上で、ウェブアプリが USB デバイスと通信できるようになります。セキュリティとプライバシーに関する考慮事項とその対処方法について詳しくは、WebUSB 仕様をご覧ください。

準備ができたら、最新情報に関する Francois の WebUSB に関する投稿をご覧ください。

その他

scroll-behavior CSS プロパティでスクロールのスムーズさを指定できるようになりました。
CSS の 16 進数カラー値で、文字列の末尾に数字を追加してアルファ透過値を指定できるようになりました。
Visual Viewport API を使用すると、画面コンテンツの相対位置にアクセスできるため、ピンチしてズームなどの複雑な機能を直接的な方法で実現できます。

以下に、デベロッパー向け Chrome 61 の変更の一部を示します。

YouTube チャンネルにチャンネル登録すると、新しい動画が公開されるたびにメール通知が届きます。

Pete LePage と申します。Chrome 62 がリリースされ次第、Chrome の新機能についてお知らせします。