- カスタム要素 v1 を使用して、独自のカスタム HTML タグを作成し、再利用可能なウェブ コンポーネントを作成できるようになりました。
- BroadcastChannel API を使用すると、同じオリジンの開いているウィンドウやタブ間でメッセージを簡単に送信できます。
- Android でメディア エクスペリエンスが向上し、外部取得がオリジン トライアルとして利用可能になりました。
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 の新機能についてお知らせします。