- ユーザーは、Bluetooth Low Energy デバイスを選択して、Web Bluetooth API を使用するウェブサイトに接続できるようになりました。
position: sticky
が復活しました。これにより、ビューポートの上部に固定されるまで通常どおりスクロールする要素を簡単に作成できます。- [デフォルトで HTML5] がすべてのユーザーに対して有効になります。
私は Pete LePage です。では Chrome 56 のデベロッパー向けの新機能を詳しく見ていきます。
ウェブ Bluetooth API
これまで、Bluetooth デバイスを使用するユーザーは、通信するためにネイティブ アプリをインストールする必要がありました。Chrome 56 では、ユーザーは、Web Bluetooth API を使用するウェブサイトに提供する近くの Bluetooth Low Energy デバイスを選択できます。
ウェブサイトと共有するファイルを選択する場合と同様に、あらゆるものからデータを読み取ることができるネイティブ アプリをインストールするよりも安全です。特定のウェブサイトといつ、どのデバイスを共有するかは、ユーザーがすべて管理できます。
Web Bluetooth API は GATT プロトコルを使用します。これにより、アプリは数行の JavaScript だけで電球、おもちゃ、心拍数モニター、LED ディスプレイなどのデバイスに接続できます。また、ウェブ 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 のデフォルト
Google は昨年 8 月に、より安全で電力効率に優れたエクスペリエンスを提供するため、HTML5 をデフォルトに移行することを発表しました。この変更により Adobe Flash Player は無効になります。ただし、ユーザーが特定のサイトで Flash コンテンツが必要であると指定している場合は除きます。最終的には、すべてのウェブサイトで Flash を実行するためにユーザーの許可が必要になります。
Chrome 56 では、すべてのユーザーに対して HTML5 がデフォルトで有効になりました。そのため、ユーザーがアクセスしたことのないサイトで Flash を実行するように求められます。
詳しくは、ユーザーにメッセージを表示する方法とタイミングと、Flash サイトのテスト方法に関する推奨事項をご覧ください。
その他
もちろんこれだけではありません。
- WebVR はオリジン トライアルとして利用できます。
- WebGL 2.0 API が利用可能になりました。
- また、Payment Request API にさまざまな新機能が追加されました。
Chrome の最新情報を入手し、今後の予定を把握したい場合は、ぜひご登録ください。また、Twitter で @ChromiumDev をフォローし、Chrome Dev Summit の動画で Chrome チームが取り組んでいる優れた機能の詳細をご覧ください。
Chrome 57 のリリースと同時に Chrome の新機能をお知らせします
Chrome のイースター エッグの新機能
ここまでお読みになる皆様には、Chrome 52 の新機能の NG 集をご覧になることをおすすめします。口を開けるといつもトラックが追い越し、ヘリコプターが上空を飛んで 車がクラクションを鳴らすような感じでした
それから Andrew にシャツを貸してくれて本当にありがとう!クローゼットがうまくいかなかったの。