Chrome 59 の新機能

  • ヘッドレス Chrome を使用すると、ユーザー インターフェースや周辺機器なしで、自動化された環境で Chrome を実行できます。
  • macOS の通知は、ネイティブの macOS 通知システムによって直接表示されます。
  • Image Capture API では現在、フル解像度の写真をキャプチャでき、さらに多くの写真を撮影できます。

変更内容の完全なリストを確認するには、Chromium ソース リポジトリの変更リストを確認する。

ピート ルページです。では、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 でのエクスペリエンスが低下するため、現在は推奨されていません。

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

画像キャプチャ API

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

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

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

など多数

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

これらは、デベロッパー向けの Chrome 59 での変更点のほんの一部です。

この動画が気に入ったら、デザイナーとデベロッパーをご覧ください。デザイナーとデベロッパーが協力する際に直面する課題の解決に取り組んでいる新しい動画シリーズです。

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

Chrome 60 のリリース時に Chrome の新機能をお知らせします