Chrome 59 の新機能

  • ヘッドレス Chrome を使用すると、ユーザー インターフェースや周辺機器のない自動化された環境で Chrome を実行できます。
  • macOS の通知は、macOS のネイティブ通知システムによって直接表示されます。
  • image capture API を使用して、フル解像度の写真を撮影できるようになりました。他にも多くの機能が追加されています。

変更点の詳細なリストについては、Chromium ソース リポジトリの変更リストを確認する

Pete LePage と申します。Chrome 59 のデベロッパー向けの新機能について詳しく見てみましょう。

ヘッドレス Chrome

ヘッドレス ブラウザは、レンダリングされた出力を確認したり、UI シェルを表示したりする必要がない自動テストやサーバー環境を実行する場合に適したツールです。次に例を示します。

  • プログレッシブ ウェブアプリの単体テストに Selenium を使用する
  • Wikipedia ページの PDF を作成する
  • DevTools でページを検査する

Chrome 59 以降では、ヘッドレス Chrome を実行できるようになりました。Chrome が提供する最新のウェブ プラットフォーム機能をコマンドラインにもたらします。

詳しくは、Eric Bidelman による最新情報に関する投稿をご覧ください。ページを PDF に変換する方法、DOM をダンプする方法、Node でプログラムで使用する方法の例が示されています。

macOS のネイティブ通知

これまで Chrome には、ウェブ デベロッパーと拡張機能デベロッパーがユーザーに通知を表示するための独自の通知システムが含まれていました。ただし、Chrome でネイティブの OS 通知システムを使用することを望むという声が、ユーザーとデベロッパーの両方から寄せられています。

macOS 版 Chrome 59 以降では、Chrome はネイティブ通知システムを使用するようになります。これにより、ユーザー エクスペリエンスが向上し、通知がプラットフォームに統合されたように感じられるようになります。個人的に気に入っているのは、通知がサイレント モードの設定を尊重するようになったことです。

Chrome によって生成された通知(左)、ネイティブ macOS によって生成された通知(右)。

macOS が通知を処理する方法が原因で、使用頻度の低い API がいくつかあり、これらは macOS でのエクスペリエンスの低下を招くため、使用を推奨していません。

詳しくは、最新情報の投稿をご覧ください。

Image Capture API

ウェブアプリで高解像度の写真のキャプチャは難しい場合があります。ユーザーは、すでに撮影した写真をアップロードするか、ブラウザからカメラに切り替えて写真を撮影し、ブラウザに戻って写真をアップロードする必要があります。

Chrome 59 の新しい Image Capture API では、使用可能なカメラのフル解像度機能にアクセスする必要があります。この API を使用すると、ズーム、明るさ、コントラスト、ISO、ホワイトバランスなどの機能を制御できます。

詳細と、すぐに使用できるサンプルコードについては、Sam の投稿をご覧ください。

その他

  • MediaError.message 文字列には、利用可能な場合は、ウェブ デベロッパーがメディア プレーヤーのエラーをデバッグするのに役立つ追加のエラー メッセージの詳細が含まれます。

以下は、デベロッパー向け Chrome 59 の変更のほんの一部です。

この動画がお気に召しましたら、デザイナーとデベロッパーもご覧ください。デザイナーとデベロッパーが連携する際に直面する課題を解決するための新しい動画シリーズです。

YouTube チャンネルチャンネル登録すると、新しい動画が公開されるたびにメール通知が届きます。

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