Chrome 56 の新機能

Pete LePage

  • ユーザーは、Web Bluetooth API を使用するウェブサイトに接続する Bluetooth Low Energy デバイスを選択できるようになりました。
  • position: sticky が復活しました。ビューポートの上部に固定されるまで通常どおりスクロールする要素を簡単に作成できるようになりました。
  • また、[HTML5 をデフォルトで使用] はすべてのユーザーに対して有効になっています。

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

Web Bluetooth API

これまで、Bluetooth デバイスをお持ちのユーザーは、デバイスと通信するためにネイティブ アプリをインストールする必要がありました。Chrome 56 では、ユーザーは近くにある Bluetooth Low Energy デバイスを選択して、Web Bluetooth API を使用するウェブサイトに提供できるようになりました。

ウェブサイトと共有するファイルを選択する場合と同様に、これは、あらゆるものからデータを読み取ることができるネイティブ アプリケーションをインストールするよりも安全です。ユーザーは、特定のウェブサイトと共有するデバイスと共有するタイミングを完全に管理できます。

Web Bluetooth API は GATT プロトコルを使用します。これにより、アプリは数行の JavaScript で電球、おもちゃ、心拍数モニター、LED ディスプレイなどのデバイスに接続できます。Web Bluetooth は物理的なウェブビーコンと組み合わせて、近くのデバイスをさらに簡単に検出することもできます。

Francois が更新に関する優れた記事を公開しています。ぜひ、それに沿った優れたデモもご覧ください。

CSS position: sticky;

以前は、ビューポートの上部に固定されるまで通常どおりスクロールするコンテンツ ヘッダーを作成するには、スクロール イベントをリッスンし、指定されたしきい値で要素の位置を相対から固定に切り替える必要がありました。同期が難しく、映像が小さく飛ぶことがよくありました。

Chrome で、要素を配置するための新しい方法である CSS position: sticky; がサポートされるようになりました。

位置が固定された要素は、相対位置で開始されますが、要素が特定のスクロール位置に達すると固定されます。

position: sticky を設定し、スティッキーになるしきい値を設定します。

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

Paul Kinlan がこの件に関する最新情報を投稿しています。

デフォルトで HTML5

昨年 8 月に、より安全で電力効率の高いエクスペリエンスを提供するために、HTML5 をデフォルトとすることを発表しました。この変更により、特定のサイトで Flash コンテンツを希望するユーザーの指示がない限り、Adobe Flash Player が無効になります。最終的には、すべてのウェブサイトで Flash を実行するためにユーザーの許可が必要になります。

Chrome 56 では、HTML5 がデフォルトですべてのユーザーに対して有効になりました。つまり、アクセスしたことのないサイトで Flash を実行するよう求められます。

ユーザーにプロンプトを表示する方法とタイミングの詳細と、Flash サイトをテストする方法に関する推奨事項。

その他

もちろん、他にもさまざまな機能があります。

Chrome の最新情報や今後の予定を知りたい場合は、チャンネル登録して、Twitter で @ChromiumDev をフォローしてください。また、Chrome Dev Summit の動画で、Chrome チームが取り組んでいる素晴らしい機能について詳しくご確認ください。

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

Chrome の新機能のイースター エッグ

ここまでお読みいただいた皆様には、Chrome 52 の新機能の NG 集をご覧いただきたいと思います。口を開くたびに、トラックが走り、ヘリコプターが飛び、車がクラクションを鳴らすような気がしました。

それと、シャツを貸してくれたアンドリューにも感謝しています。衣装の不具合がありました。