Chrome 54 の新機能

YouTube で見る

Pete LePage と申します。Chrome 54 のデベロッパー向けの新機能について、詳しく説明します。

カスタム要素 v1

複雑なユーザー インターフェースでは、多くの場合大量の HTML が必要になります。ほとんどの言語では、デベロッパーは言語プリミティブ上に独自のコンポーネントを構築して、この種の冗長性を軽減できます。しかし、これまでウェブで再利用可能なコンポーネントを作成することは困難でした。

カスタム要素を使用すると、独自のカスタム HTML タグを作成し、新しい要素の API と動作を JavaScript で定義できます。その結果、再利用可能な相互運用可能なコンポーネントをブラウザネイティブで構築できるようになりました。

Chrome 54 では、最新のカスタム エレメントの V1 仕様がサポートされています。また、多くのユーザーが V1 に移行するまで、V0 API も引き続きサポートされます。

カスタム要素の概要で、カスタム要素を使用してサイトやアプリで再利用可能なウェブ コンポーネントを作成する方法をご覧ください。

BroadcastChannel API

パソコンのユーザーが複数のウィンドウやタブを同時に開くことは珍しくありません。また、ドキュメントを独自のタブで開くウェブ エディタなど、このような動作を推奨しているサイトもあります。

これらのタブ間で通信するのは難しい場合があります。BroadcastChannel API は、ウィンドウ、タブ、iframe、ウェブワーカー、サービス ワーカー間の新しい 1 対多のメッセージング API です。これにより、スクリプトは名前付きチャネルを確立して、同じオリジンのブラウジング コンテキスト間でメッセージを送信できます。

その他の BroadcastChannel リソース

requestFullScreen

メディアは、ブラウジング体験においてますます重要な要素になっています。

ユーザー ジェスチャーに加えて、Element.requestFullScreen() を使用して、画面の向きの変更後に全画面モードをトリガーできるようになりました。これにより、全画面への回転など、よりリッチなメディア エクスペリエンスを作成できます。

外部フェッチ

API プロバイダ、ウェブフォント サービス、その他のサービスなど、よく使用されるオリジンに独自のサービス ワーカーをデプロイできるとしたらどうでしょうか。

プロバイダは、常にネットワークにアクセスするのではなく、独自のカスタム ネットワーキング ロジックを実装し、信頼できる単一のキャッシュ インスタンスを使用してレスポンスを保存できます。

オリジン トライアルとして Chrome 54 で利用可能な外部取得により、このことが現実になりました。以下のコメント欄にリンクされているジェフリーの投稿をご覧ください。

結びの言葉

これらは、デベロッパー向け Chrome 54 の変更のほんの一部です。

説明で詳細を確認し、ドキュメントと仕様へのリンクを確認します。

11 月 10 日と 11 日に YouTube で配信される Chrome デベロッパー サミットもぜひご覧ください。

Chrome の最新情報や今後の予定を知りたい場合は、上部の [登録] ボタンをクリックしてください。

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