- Chrome 57 では、
display: grid（CSS グリッド レイアウトの新しい仕様）のサポートが追加されています。 - 新しい Media Session API を使用して、ロック画面と通知へのユーザー入力をカスタマイズして応答できるようになりました。
- 多くのアプリがあります。
私は Pete LePage です。では Chrome 57 のデベロッパー向けの新機能を詳しく見てみましょう。
CSS グリッド レイアウト
Flexbox は強力なレイアウト ツールです。多くの複雑なレイアウトが可能になりますが、レイアウトは 1 つの次元でのみ可能です。Chrome 57 では、display: grid のサポートが追加されています。新しい CSS グリッド レイアウト仕様では、2 次元グリッドベースのレイアウト システムを作成するための強力な新ツールが用意されており、レスポンシブ ユーザー インターフェース デザイン向けに最適化されています。
グリッド内の要素は、複数の列または行にまたがっていても問題ありません。CSS グリッドのリージョンには名前を付けることもできます。これにより、レイアウト コードを理解しやすくなります。
Surma は最新情報に関する投稿を公開しています。詳細を読む準備ができたら、Rachel Andrew のサイト（GridByExample.com）をご覧ください。
Media Session API
ウェブ メディア アプリケーションにない機能の一つに、モバイル デバイスの中核的なメディア エクスペリエンスと緊密に統合する機能があります。Chrome for Android では、新しい Media Session API を使用して、メディア コンテンツによるロック画面と通知をカスタマイズできるようになりました。
再生中のコンテンツに関するメタデータをブラウザに提供することで、タイトル、アーティスト、アルバム名、アートワークなどの情報を含むリッチなロック画面メッセージを作成できます。シークやスキップなど、通知上で行われるユーザー アクションをリッスンして応答することもできます。
すぐに始めたい場合は、Francois の最新情報に関する投稿をご覧になるか、GitHub の公式 Chrome メディア セッション サンプル リポジトリをご覧ください。
など多数
など多数あります。
- Payment Request API にいくつかの 改良があります。
- テキスト入力カーソルの色は、
caret-colorプロパティで指定できます。 - 線の色やスタイルなどの視覚効果は、新しい
text-decorationプロパティを使用して指定できます。 - Fetch API のレスポンス クラスで
.redirected属性をサポートするようになりました。これにより、信頼できないレスポンスを回避し、オープン リダイレクタのリスクを軽減できます。 -webkit-の接頭辞が付いた IndexedDB グローバル エイリアスはすべて、M38 でのサポート終了後に削除されました。- そして、私のお気に入りは、新しい
padStartおよびpadEnd書式設定メソッドです。コンソール出力を整列するときや、固定桁数で数値を出力するときに、文字列のパディングを簡素化できます。
これらは、デベロッパー向けの Chrome 57 での変更点のほんの一部です。
Igalia さん、よろしくお願いします
最後に、Blink で素晴らしい成果をあげてくれた Igalia のエンジニアとチームに大きな感謝の言葉を贈ります。これらは、新しい CSS グリッドと caret-color 機能の導入に有効でした。
最新情報の入手
Chrome の最新情報を入手するには、こちらのチャンネルにご登録いただくか、Twitter で @ChromiumDev をフォローしてください。また、Chrome Dev Summit の動画で、Chrome チームが取り組んでいる優れた機能の詳細についてご確認ください。
Chrome 58 のリリース時に Chrome の新機能をお知らせします