Local blog for Japanese speaking developers
プロファイルによる最適化で Chrome を高速化する
2020年9月11日金曜日
この記事は Chrome エンジニアリング ディレクター Max Christoff による Chromium Blog の記事 "
Chrome just got faster with Profile Guided Optimization
" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。
最初期
から、Chrome は最速のブラウザを目指して構築されました。Chrome が速くなるほど、よりすばやく必要な情報を見つけたり、やるべき仕事を片付けたりできます。Chrome 85 を使うと、明らかに速くなっていることに気づくはずです。これは、直近の 2 つの改善によるものです。その 1 つは
プロファイルによる最適化
で、ページの読み込みが最大 10% 速くなります。もう 1 つは、アイドル状態のバックグラウンド タブの影響を減らす
タブ スロットリング
で、こちらは Beta チャンネルでリリースされる予定です。
プロファイルによる最適化
簡単に説明すると、プロファイルによる最適化(Profile Guided Optimization、PGO)は、コードで最もパフォーマンスに影響する部分を高速に実行できるようにするコンパイラ最適化技術です。PGO には、世界中の Chrome ユーザーのワークフローに一致する実用的なシナリオを利用しているため、ほとんどの一般的なタスクが優先され、高速に実行されます。この機能は、Mac と Windows の Chrome 85 にロールアウトされます。
PGO は当初、Windows の Chrome 向けに
バージョン 53 で導入されました
。これには、以前のビルド環境である Microsoft Visual C++(MSVC)が使われていました。85 では、Clang を使って Mac と Windows に PGO をロールアウトします。私たちのテストでは、ページ読み込みの中央値が一貫して最大 10% 速くなっています。また、CPU がたくさんのタブやプログラムを実行している場合は、特に大きく改善されます。
プラットフォーム
ブラウザの応答性*
First Contentful Paint
**
Speedometer 2.0
Mac
3.9% 高速
2.3% 高速
7.7% 高速
Windows
7.3% 高速
3.5% 高速
11.4% 高速
タブ スロットリングがベータ版に
作業にたくさんのタブが必要なことは承知しています。Beta チャンネルにロールアウトされるタブ スロットリングを使えば、Chrome は長い間バックグラウンド状態になっているタブからリソースを回収し、今使っているタブに割り当てます。これにより、読み込み速度が改善するだけでなく、電池やメモリも節約できます。一般公開されるときには、その仕組みについてさらに詳しくこのブログでお伝えしますので、お楽しみに。
Chrome のパフォーマンス(スピードのほか、電力、メモリ、CPU などのリソースの使用量)は、常に私たちの最優先事項です。私たちの専門のエンジニアリング チームは、あらゆる端末やオペレーティング システムで、インターネットの状態によらず、Chrome が高速かつスムーズに動作するように、一貫して(そして静かに)改善を行っています。Windows ノートパソコンでタブをよく使う方や、Android スマートフォンで軽量なアプリを必要とする方など、あらゆるユーザーが端末のリソースを最も効率よく使えるようにするため、私たちは懸命に努力しています。
* ブラウザがユーザーの入力に応答する速度(実際のデータは、Chrome の安定版より前のチャンネルで匿名で集計されました)
** ページ読み込みの際に、最初のテキストまたはイメージが表示されるまでにかかる時間(実際のデータは、Chrome の安定版より前のチャンネルで匿名で集計されました)
Reviewed by
Eiji Kitamura - Developer Relations Team
Google Maps Platform で Kotlin を使う方へ
2020年9月11日金曜日
この記事は Developer Programs Engineer である Christopher Arriola の記事 "
Supporting Kotlin Google Maps Platform Developers
" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。
Google が
Android で Kotlin に対応すると発表
して以来、Kotlin をプログラミング開発言語として採用する Android デベロッパーが増えています。デベロッパーが Kotlin を好む理由は、表現力が豊かな言語で、Null を厳格に扱うことで相互互換性の高いプログラミングが可能であり、Java との相互運用性もあるためです。実際、
Android での Kotlin の現況に関する最新調査
では、デベロッパーの 50% が Kotlin におおむね満足していること、プロの Android デベロッパーの 60% が Kotlin を使用していること、Google Play の上位 1,000 アプリの 70% には Kotlin で書かれたコードが含まれていることがわかりました。
この Android デベロッパーの状況変化に対応して、Google は Kotlin 拡張機能(KTX)ライブラリを開発し、Google Maps Platform ドキュメントの随所に Kotlin のスニペットを記載するほか、GitHub にも Kotlin のサンプルコードを掲載しました。
KTX ライブラリ
KTX ライブラリを使えば、Kotlin プログラミング言語の使用者は、より自然でなじみのある簡潔なコードを書くことができます。KTX ライブラリのセットは既存の Google Maps Platform の Android SDK をラップしているので、拡張関数、ラムダ、名前付きパラメータ、コルーチンといった Kotlin 固有の機能をいくつか使うことができます。
現在、KTX ライブラリは、Places SDK for Android の拡張機能を提供している
Places KTX
ライブラリで公開されています。また、Maps SDK for Android の拡張機能を提供している
Maps KTX
ライブラリ、Google の Android ユーティリティ ライブラリでも公開されています。これらのライブラリは任意に統合でき、Kotlin 固有の機能を利用しながら、使い慣れたお気に入りのライブラリの使用を可能にします。
Google Maps Platform ドキュメントにおける Kotlin のコード スニペット 高品質で機能的なコード スニペットは、SDK を使うデベロッパーに快適な利便性を提供する鍵です。そのため、
Maps SDK for Android
と
Places SDK for Android
のドキュメント全体に、Java と並んで Kotlin のスニペットを追加しました。今後はコード スニペットが示される箇所すべてにおいて、Java と Kotlin 両方のタブが表示されるので、ご自身の開発要件に関連の深い方を選んでお使いください。
今後も、ドキュメントに出てくる Google Maps Platform のすべての新たなコードサンプルには、Kotlin と Java 両方のスニペットを併記します。
GitHub の Kotlin サンプル
最後に、Google Maps Platform の SDK を使った共通シナリオに基づいた Kotlin のサンプル アプリケーションも公開しています。これらのサンプルは GitHub(
Places
,
Maps
)で公開しているので、PC へと直接クローンできます。オープンソースのプロジェクトなので、気になる点はオープンにしてください。
Google によるプログラミング言語へのサポートについて最新情報を知りたい方は、
Twitter
でフォローしてください。皆さんが Kotlin を使って開発したものを見るのを楽しみにしています。
Google Maps Platform に関する詳しい情報は
こちら
をご覧ください。ご質問やフィードバックはページ右上の「お問い合わせ」より承っております。
Posted by
丸山 智康 (Tomoyasu Maruyama) - Google Maps テクニカル アカウントマネージャ
11 Weeks of Android: スマートフォン以外の Android
2020年9月11日金曜日
この記事は Android TV、車載 Android、Wear OS、Chrome OS の各プロダクト リード による Android Developers Blog の記事 "
11 Weeks of Android: Beyond phones
" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。
このブログ投稿は、毎週更新される
#11WeeksOfAndroid
シリーズの一部です。第 9 週はスマートフォン以外の Android がテーマです。
Android なら、さまざまな端末やインターフェースでお気に入りのアプリやサービスを体験できます。スマートフォン以外に、最も小さなスマートウォッチの画面から、大きな折りたたみ式端末のディスプレイ、Chromebook、さらには車載エンターテイメント システムや大型のテレビ画面に至るまで、さまざまな形状やサイズの端末で、それぞれ独自でありながら使い慣れた操作が可能です。これまで 4 日間にわたり、様々なフォーム ファクタについて毎日詳しく紹介してきました。これらのフォーム ファクタによって、デベロッパーはユーザー エンゲージメントを向上させる新たな方法や既存のものをさらに発展させた方法を利用できます。詳しくは、以下のまとめをお読みください。
Android TV
週の最初に取り上げたのは
Android TV
です。現在、Android TV は、OEM 上位 10 社のうち 7 社、そして世界中の 160 社以上のテレビ事業者と連携しています。Android TV チームは、
近日中にリリースが予定されている 6 つの機能
を紹介しました。Google Play から直接その場でアプリを試す機能やアップデートされた Gboard など、いずれもデベロッパーがユーザーを獲得し、簡単に収益化し、魅力的な体験を作成するうえで役立つものです。加えて、
新しいリソースが公開されました
。これは、デベロッパーが初めての Android TV アプリを作成したり、
Cast Connect
や
スムーズな定期購入
などの新たな統合機能について学んだりする際に役立ちます。いち早く Android TV の開発に取り組みたい方は、
ADT-3
を手に入れ、
トレーニング Pathway
で最新情報を確認し、Android アプリを自宅で最も大きな画面に対応させてください。
車載 Android
車載 Android
を使っているドライバーにアプローチする新たな方法を共有しました。
Android Auto
を使うと、スマートフォンを車のディスプレイに接続できます。現在、ほぼすべての主要自動車メーカーが Android Auto に対応しており、その数は 1 億台に迫りつつあります。まもなく、ナビゲーション、パーキング、電気自動車の充電などの新しいアプリのカテゴリが加わる予定です。自動車メーカーがワイヤレス接続のサポートを拡大させるとともに、Android Auto ユーザーのエクスペリエンスはさらにシームレスになります。さらに、Android
Automotive OS
を搭載し、Google のアプリやサービスが組み込まれた最初の自動車
Polestar 2
が登場しました。この埋め込み機能を搭載した車を出荷するメーカーの増加に合わせ、
ドキュメント
や
エミュレータ
をアップデートして、デベロッパーがより簡単に Android Automotive OS のメディアアプリを作成できるようにします。早速、車でもアプリを使えるようにするための作業を始めましょう。
大きな画面
ChromeOS.dev
は、テクニカル デベロッパー、デザイナー、プロダクト マネージャー、ビジネス リーダーのための専用リソースです。また、Chrome OS 端末の売上について、今年 3 月から 6 月までの Chromebook の販売台数が昨年比で 127% 増加したことをお伝えしました。1さらに、カスタマイズ可能な Linux ターミナルや Android Emulator のサポートなど、いくつかの新機能も紹介しました。大きな画面で使うために最適化されたアプリも増え続けています。Google Play ストアでは、100 万個以上のアプリがタブレットや大きな画面に最適化されています。Chrome OS や折りたたみ式端末、タブレット向けの最高水準のアプリを開発できるように、今後も新機能やアップデートのリリースを継続します。また、アプリのデザインに関する新しい推奨事項をリリースし、Android Studio でもいくつかのアップデートを行いました。大画面端末のユーザーに最高の体験を提供する方法について、新しいセッションやあらためて紹介された過去のコンテンツをご覧ください。
Wear OS
この週のまとめとして、Wear OS についてお話ししました。Wear OS では、パフォーマンスとアプリの起動時間短縮に重点を置き、基礎部分を改善しました。この成果は、今秋に登場する最新のプラットフォーム リリースで確認していただけます。Wear OS では、ここ数か月以内に Weather などの重要機能がアップデートされる予定です。また、Covid-19 パンデミックの中で手指衛生の維持に役立つよう、最新の手洗いタイマーなどの便利な機能を開発中です。Android 11 の最高の機能を Wear OS にも提供できるよう、チームは懸命に努力しています。作業の詳細については、
こちらから
ご覧ください。
スマートフォン以外の Android の情報をチュートリアルで確認する
画面サイズやフォーム ファクタが異なるアプリを考慮して開発している方は、
Wear OS
や
車載 Android
のドキュメントを確認してください。また、
Android TV
や
大きな画面
について詳しい情報を確認したい方は、チュートリアル形式で動画や関連ブログ記事・コードラボをまとめて確認できるそれぞれの Pathway をご覧ください。コードラボや動画、記事、ブログ投稿などが含まれています。クイズに合格したユーザーには、もれなくバーチャル バッジが贈られます。
「スマートフォン以外の Android」の週が皆さんのお役に立てることを願っています。これらのプラットフォームで皆さんが構築するすばらしい体験を見るのが楽しみです。
関連情報・ドキュメント
#11WeeksOfAndroid 動画コンテンツの全プレイリストは
こちら
から、それぞれの週の詳しい内容は
こちら
からご覧いただけます。
Twitter
や
YouTube
のフォローもお願いします。ご覧いただき、ありがとうございました!
出典:
1 The NPD Group, Inc., U.S. Retail Tracking Service, Notebook Computers, based on unit sales, April–June 2020 and March–June 2020 .(The NPD Group, Inc.、米国小売追跡サービス、ノートパソコン、販売台数に基づく、2020 年 4 ~ 6 月および 2020 年 3 ~ 6 月)
Reviewed by
Yuichi Araki - Developer Relations Team
and Hidenori Fujii - Google Play Developer Marketing, APAC
Android 開発の最新情報をご紹介する「Now in Android」#23
2020年9月9日水曜日
この記事は Chet Haase による Android Developers - Medium の記事 "
Now in Android #23
" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。
本日、日本時間
9 月 9 日 Android 11 公式版をリリースしました
。この記事は公式版リリース前に投稿した記事ですが、Android 11 の重要な機能やドキュメントへのリンクがまとまっていますので公開します。
Android 開発の最新ニュースやトピックをご紹介する Now in Android。今回は Android 11 Beta 3、#11WeeksOfAndroid、Android 11 Meetups、最近公開されたブログ記事・動画・関連ドキュメント、UI に関する Reddit AMA の開催予定、ゲーム デベロッパー向けの ポッドキャスト エピソードをご紹介します。
今回の Now in Android は、動画とポッドキャストでもお届けします。内容は同じですが、読む量は少なくて済みます。この記事版には、取り上げているすべてのコンテンツへのリンクが掲載されていますので、ぜひご覧ください。
Android 11 Beta 3
Dave Burke が Android デベロッパー ブログで
Android 11 Beta 3 のリリース
についてお知らせしました。今回のリリースには、大きな新機能や動作の変更は含まれていません。Beta 2 で
Platform Stability に到達
したので、この時点で動作と API は確定しています。Beta 3 は、最後のベータ版リリースで Android 11 のリリース候補ビルドです。間近に迫った最終リリース前(注:9 月9 日に最終リリースとなる Android 11 公式版を公開しました)に、主にバグの修正とパフォーマンスの最適化を行っています。
リリースの詳細については、プレビュー サイトでご確認ください。すべての新機能を確認したり、システム イメージをダウンロードしたりすることができます。Pixel(2、3、3a、4)端末を登録してベータ版リリースを受け取ることもできます。
11 Weeks of Android:
コンテンツ満載の
11 Weeks of Android
もとうとう最後を迎えました。
前回の Now in Android エピソード
の後、Android 開発ツールが終わり、アプリの配布と収益化について取り上げて、スマートフォン以外の Android の週を迎えました。それぞれのトピックについて詳しく知りたい方は、以下をご覧ください。
第 7 週: Android 開発ツール
第 7 週は、Android Studio の各機能に注目しました。アプリの開発やデバッグを簡単かつ適切に行うために、ぜひお使いください。この週も、たくさんのコンテンツが投稿されました。デザインツールに関する動画や記事、ビルドシステムに関する記事、ビルドの高速化やパフォーマンス プロファイリングに使えるツールなどです。また、この週には Android 4.0 の新しい Motion Editor ツールが安定版になりました。まだ試していない方は、ぜひこのタイミングで確認してみてください。
この週の関連ドキュメントは、すべてまとめのブログにリンクが掲載されています。いくつかの重要なコンテンツを紹介する
Pathway
や、この週に投稿された動画の
プレイリスト
もあります。
第 8 週: アプリの配信とマネタイゼーション
この週は、アプリの開発や配信方法を改善する際に役立つ Play ストアのテクノロジーについてのコンテンツを公開しました。新しい Google Play Console の使い方についてのウェビナー、新しい Play Billing Library 3 や Android App Bundle などのテーマも扱いました。App Bundle は成熟し、2021 年の下半期より、Play ストアで公開されるすべての新規アプリで(単なる APK ではなく)Android App Bundle の利用が必須になります。この変更の詳細や、APK 拡張ファイル(OBB)のサポート終了などの関連する変更点については、
こちらのブログ記事
をご覧ください。
その他詳細、および動画や記事へのリンクを確認したい方は、
まとめのブログ
をご覧ください。便利な
Pathway
や、この週の動画をまとめた
プレイリスト
もあります。
第 9 週: スマートフォン以外の Android
第 9 週は、スマートフォン以外の Android をテーマに取り上げました。実に多くのフォーム ファクタがあることがわかります。Wear OS、Android TV、Android Auto、さらに ChromeOS 向けの Android 開発についての記事や動画が公開されました。
詳細やこの週のコンテンツへのリンクを確認するには、
まとめのブログ
やこの週の動画をまとめた
プレイリスト
をご覧ください。
第 10 週: ゲームとメディア
この週は、ゲームとメディアアプリの開発について取り上げています。最初に、@Greg Hartrell が
ゲーム デベロッパー向けの新機能
について投稿しました。今週の新規コンテンツの投稿を、
@AndroidDev #11WeeksOfAndroid フィード
でご確認ください。また、
動画プレイリスト
で投稿済みの動画をご覧ください。なお、最後の第 11 週は、UI がテーマになっています。
オンラインセミナー シリーズ Android 11 Meetups
オンラインのミートアップが世界中で続々と開催されています。たとえば私は、月曜日には
Murat Yener
、
Yacine Rezgui
、
Fred Chung
と一緒にナイロビのイベントに参加し、木曜日には Fred と一緒にメンフィスのイベントに参加する予定です。このような旅で毎回マイルが貯まるといいのですが。お近くで開催されるイベントは、
Android 11 Meetups Web サイト
でご確認ください。
[編集部注] 日本では、第 7 回目のイベントを 9 月 15 日(火)10 時から主に今年 3 月下旬に発表された Android 向けゲームの開発ツール、9 月 29日(火)16時からは UI、デザインについての最新情報をご紹介します。ぜひ
こちらから事前登録
をお済ませの上ご参加ください。Google Developers Japan YouTube チャンネルでは、
アーカイブ
も公開しています。
最近公開されたブログ記事と動画
リファクタリング
Ian Lake
が、直近のフラグメントの改善に関する
詳細な記事
を投稿しました。AndroidX フラグメント ライブラリの新しいアルファ版もリリースされましたが、この記事はそれだけでなく、Fragments API の歴史と現状について説明しています (お知らせ: まだプラットフォームの Fragment API を使っている方は、使用を停止してください。この API は非推奨になっており、
AndroidX Fragment
を使う必要があります。こちらの方がはるかに新しく、多くの Android リリースで動作する機能や修正が含まれています)。
このリリースの大きな変更点は、FragmentManager の内部動作がほぼ完全にリファクタリングされている点です。これにより、この API で長きにわたって発生していたフラグメントの状態に関連する一部の問題を回避できます。また、今回の再構築によって、長年持ち越されてきた多くの問題も修正されています。
この作業は、複数のバックスタックのサポート、Fragment のライフサイクルの簡略化など、今後の改善の土台にもなります。
詳しくは、
こちらの記事
をご覧ください。実際に使う場合は、最新の
Fragment 1.3.0
リリース(alpha08 以降)をダウンロードしてください。
Kotlin 1.4 のリリース
Wojtek Kaliciński
が、最新の
Kotlin 1.4 リリースについてのブログ記事
を投稿しました。このリリースの新機能には、(これまでの Java プログラミング言語のインターフェースだけでなく)Kotlin インターフェースの SAM 変換、明示的 API モード、コンパイラのパフォーマンスと機能の改善などが含まれています。さらに、新しい Kotlin/JVM IR バックエンドのアルファ版もあります。Jetpack Compose にはこの新しいバックエンドが必須ですが、その場合を除けばオプションです。gradle ビルド スクリプトで kotlinOptions.useIR = true と記述すると有効化できます。ぜひ試してみて、問題があればお知らせください。
Reddit AMA: UI
#11WeeksOfAndroid シリーズの一環として、Reddit AMA を開催しています。最初はプラットフォーム チームが Android 11 について、次に Android Studio チームがツールについてお答えしました。8 月 27 には、UI の週の一環として
(今のところ)最後の AMA
を開催し、Android Jetpack や Jetpack Compose、その他一般的な UI の領域(あるいは「Jetpack」という言葉を含むこと)に関する質問にお答えしました。
ADB (Android Developers Backstage) ポッドキャスト 新エピソード
前回の Now in Android 以降、Android Developers Backstage に新しいエピソードが投稿されています。以下のリンクまたはお気に入りのポッドキャスト クライアントでご確認ください。
ADB 146: The Game Changer
今回は、
Romain Guy
が進行を務め、Play/Android ゲームのプロダクト マネージャー
Greg Hartrell
、Android ゲームのデベロッパー アドボケート Daniel Galpin にゲーム テクノロジーについて話を聞きました。具体的には、Visual Studio 用 Android 開発プラグイン、その他のゲーム デベロッパー向け専用ツール、配信に利用できる Android Asset Delivery や Android App Bundle といったこのチームによる新機能など、ゲーム デベロッパー向けの最新の機能やサービスを取り上げています。
Episode 146: The Game Changer
またお会いしましょう
今回は以上です。次回も Android デベロッパーの世界の最新アップデートをお届けします。お楽しみに。
Reviewed by
Yuichi Araki - Developer Relations Team
and Hidenori Fujii - Google Play Developer Marketing, APAC
第 12 回 INEVITABLE ja night を開催します
2020年9月8日火曜日
Google Cloud に代表されるクラウド技術の進化が引き起こすその先の世界を、機械学習、VR / AR、IoT などの領域で活躍されているスタートアップの方々と一緒に議論するイベント「INEVITABLE ja night」。
第 12 回目となる今回は、「行政サービスにおける、Gov Tech / Civic Tech の不可避な流れ」がテーマです。新型コロナウイルス感染症の拡大をきっかけに、行政サービスのデジタル化への要望がかつてないほどに高まっている中、Gov Tech / Civic Tech 双方のアプローチでの対応が加速しています。 今回の INEVITABLE ja night では、それぞれの分野で先頭を走る方にお越しいただき、行政サービスのデジタル化を取り巻く課題や、見えてきた今後の潮流についてお話いただきます。
現状と課題、クラウド技術を使った国内外での事例についても触れながら、このイベントに関わる皆様がお互いに刺激し合うことで、有意義な発見と共有の場にしていくことを目指しています。
【開催概要】
名 称 : INEVITABLE ja night - “インターネットの次にくるもの”
第 12 回 行政サービスにおける、Gov Tech / Civic Tech の不可避な流れ
日 程 : 2020 年 9 月 28 日(月) 21:00 〜 22:20
形 式 : オンライン
ハッシュタグ :
#inevitableja
プログラム :
INEVITABLE 対談
平 将明 氏(内閣府副大臣、自由民主党 衆議院議員)
関 治之 氏(一般社団法人コード・フォー・ジャパン 代表理事)
モデレータ : 小島 英揮 氏(Still Day One合同会社 代表社員 パラレルマーケター・エバンジェリスト)
Google Cloud テクノロジーアップデート
近藤 和彦 グーグル・クラウド・ジャパン合同会社
申し込みサイト :
https://goo.gle/3h4hOWf
皆様のご参加をお待ちしております。
Posted by
Takuo Suzuki - Developer Relations Team
安全でないフォームから Google Chrome ユーザーを守る
2020年9月7日月曜日
この記事は Chrome セキュリティ チーム、Shweta Panditrao による Chromium Blog の記事 "
Protecting Google Chrome users from insecure forms
" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。
M86 以降の Chrome では、保護されたページ(HTTPS)で入力されたフォームが安全でない形で送信される場合、ユーザーに警告を表示するようになります。このような「混在フォーム」(HTTPS サイト上にあって HTTPS を使わずに送信されるフォーム)は、ユーザーのセキュリティやプライバシーのリスクとなります。このようなフォームで送信される情報は盗聴できるため、フォームの機密データが悪意のあるユーザーによって読み取られたり改ざんされたりする可能性があります。
具体的には、Chrome に以下の変更が行われ、混在フォームの送信に関連するリスクがユーザーに通知されるようになります。
混在フォームでは、自動入力が無効になります。
注: Chrome のパスワード マネージャーは、ログインとパスワードのプロンプトが表示されている混在フォームでも動作を継続します。Chrome のパスワード マネージャーは、ユーザーが一意なパスワードを入力するのをサポートします。安全でない形で送信されるフォームでも、パスワードを使い回すより、一意なパスワードを使う方が安全です。
ユーザーが混在フォームへの入力を始めると、テキストによる警告でフォームが安全でないことが通知されます。
ユーザーが混在フォームを送信しようとすると、潜在的なリスクを警告し、それでも送信するかどうかを確認する画面がページ全体に表示されます。
M86 以前では、混在フォームがあっても、アドレスバーの鍵アイコンが表示されなくなるだけでした。これはユーザーにとってわかりにくく、安全でないフォームでデータを送信するリスクが適切に伝わりませんでした。
デベロッパーの皆さんには、ユーザーを保護するため、
サイトのフォームを HTTPS に完全に移行する
ことをお勧めします。ご質問があれば、security-dev@chromium.org までメールをお送りください。
Reviewed by
Eiji Kitamura - Developer Relations Team
モバイルウェブで優れたユーザー エクスペリエンスを強調表示する
2020年9月4日金曜日
この記事は高速なページのファン、Addy Osmani、Ben Greenstein、Josh Simmons による Chromium Blog の記事 "
Highlighting great user experiences on the mobile web
" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。
この
10 年間
、Chrome とウェブ開発コミュニティは、高速かつレスポンシブで快適なブラウジング体験をユーザーに提供するための作業を続けています。
<link rel=preload>
やネイティブ遅延読み込みをはじめとするさまざまな機能は、この目的の実現に貢献しています。Chrome は従来より、HTTPS などのベスト プラクティスの採用も進め、成功に導いてきました。これは、Chrome の UI で
安全なブラウジングと安全でないブラウジング
を区別することで実現しています。
ユーザーがブラウジングする際に優れたユーザー エクスペリエンスを認識できるように、Chrome はウェブ上の高品質なユーザー エクスペリエンスを強調表示するようになります。その第一歩として、Android 版の Chrome で高速なリンクのコンテキスト メニューにラベルを表示します。この変更は、Chrome 85 ベータ版以降でロールアウトされる予定です。
ラベル表示は、実際の Chrome ユーザーが体験するユーザー エクスペリエンスの重要な側面を定量化した
Core Web Vitals
指標のシグナルに基づいています。Core Web Vitals 指標は、読み込み時間、応答の早さ、読み込み時のコンテンツの安定性など、ウェブのユーザビリティの要素を測り、優れたユーザー エクスペリエンスの基準となる指標のしきい値を定義します。
サイト所有者がこれらの指標を改善するために変更を加えると、ユーザーがどんなウェブブラウザを使っていたとしても、ウェブ体験が快適になります。このようなユーザー中心の重要指標に注力することで、ユーザビリティの改善が進み、企業のエンゲージメントも向上する可能性があります。
Core Web Vitals のすべての指標のしきい値を満たすかそれを上回っているページへのリンクは、“高速版ページ” という新しいラベルとともに表示されます。このラベルは、ページに移動する前にユーザーがリンクを長押しした場合に表示され、そこへ移動したユーザーの大半が特に優れた体験をしていることを示します。
"高速版ページ" ラベルはリンクが高速であることを示します。これが表示される可能性があるのは、これまで他のユーザーが高速に開くことができた実績のある URL(あるいはそれに似た URL)です。ラベルを表示するにあたって、同じ構造を持つサイトの URL の履歴データが集計されます。たとえば、URL が新しい、あまり人気がないなど、URL のデータが十分ではないためスピードが評価できない場合や URL データを利用できない場合、履歴データはホスト単位に評価されます。
ページのラベル表示機能は、ユーザー エクスペリエンス全体を最も的確に表す指標に対して常に最適化されるように、Core Web Vitals の進化に合わせてゆきたいと考えています。以前にも
記載
しましたが、デベロッパーの皆さんは、Core Web Vitals の定義としきい値が安定版になり、予測可能な 1 年単位のアップデートとその事前通知が行われると考えてください。
Core Web Vitals を最適化するには、ページの質を改善する作業が必要になる場合があります。これをサポートするため、
デベロッパー ツール
をアップデートし、情報や推奨事項が表示されるようにしました。
Lighthouse
、
DevTools
、
PageSpeed Insights
、
Search Console
チームも、Core Web Vitals 専用のレポートを追加しました。
現在、ラベル表示機能は Chrome 85 ベータ版にロールアウトされていますが、chrome://flags を開いて “Context menu performance info and remote hint fetching” を有効にすると、すぐに試すことができます。
このフラグは Android 版 Chrome のみで有効ですのでご注意ください。
完全にロールアウトされると、Lite モードか “
Make Searches and Browsing Better
” をオンにしているユーザーにラベルが表示されます。次に、Wikipedia の
Internet
のページなど、条件を満たすページに移動し、いずれかのリンクを長押ししてみてください。
私たちは、ウェブが私たちの生活において重要な役割を果たしていると確信しており、今回のラベル表示が遅いネットワークや接続状態の悪いネットワークを使っているユーザーの役に立つことを期待しています。今後は、Chrome の UI のその他の部分に試験的にラベル表示を行うことも検討しています。私たちの最終的な目的は、ページを開いたときに体験する可能性があるエクスペリエンスを、健全なレベルの透過性をもってウェブのユーザーに提供することにあります。
Chrome は、今後もウェブの繁栄のためにエコシステムと連携してゆきます。ここで紹介したようなステップは、その目的を念頭において検討されています。
Reviewed by
Eiji Kitamura - Developer Relations Team
ラベル
.app
1
.dev
1
#11WeeksOfAndroid
13
#11WeeksOfAndroid Android TV
1
#Android11
3
#DevFest16
1
#DevFest17
1
#DevFest18
1
#DevFest19
1
#DevFest20
1
#DevFest21
1
#DevFest22
1
#DevFest23
1
#hack4jp
3
11 weeks of Android
2
A MESSAGE FROM OUR CEO
1
A/B Testing
1
A4A
4
Accelerator
7
Accessibility
1
accuracy
1
Actions on Google
16
Activation Atlas
1
address validation API
1
Addy Osmani
1
ADK
2
AdMob
32
Ads
73
Ads API
143
ads query language
2
ads scripts
2
ads search
1
advanced markers
1
Advanced Protection Program
3
AdWords API
25
adwords scripts
2
aerial view api
1
Agency
1
AI
23
AI Agent Summit
1
AIY
3
AIY Vision Kit
2
ALPN
1
AMP
120
AMP Cache
9
AMP Camp
2
AMP CSS
1
AMP Extension
1
AMP Fest
1
AMP for Email
4
AMP Optimizer
1
AMP Packager
1
AMP Playground
1
AMP Plugin
1
AMP SSR
1
AMP Story
4
AMP Toolbox
1
amp-bind
1
amp.dev
1
AMPHTML Ads
1
Analytics
9
Andorid
13
Android
403
Android 10
1
Android 11
20
Android 11 Compatibility
1
Android 11 final release
1
Android 11 meetups
1
Android 9
1
android api
1
Android App Bundle
1
Android App Development
24
Android Architecture
1
Android Architecture Components
1
Android Auto
1
Android Design Support Library
1
Android Developer
14
Android Developer Story
4
Android Developers
13
Android Enterprise
6
Android for cars
2
Android Go
1
Android Jetpack
6
Android N
18
Android O
14
Android Open Source Project
1
Android P
7
Android Pay
1
android privacy
1
Android Q
13
Android Ready SE Alliance
1
android security
6
Android Security Year in Review
1
Android StrongBox
1
Android Studio
47
Android Studio 4.1
1
android study jam
1
Android Support Library
6
Android Things
15
Android Tools
2
Android TV
11
Android Vitals
4
Android Wear
29
android11
6
androidmarket
3
androidstudio
1
AndroidX
6
Angular
2
Angular 2
2
AngularJS
2
Announcements
2
Anthos
2
antmicro
1
AoG
1
aosp
1
API
28
APIExpert
45
apk
2
APM
1
app
3
App Action
1
App Bundle
2
app check
1
app engine
24
App Indexing
7
App Invites
6
App Maker
2
App modernization
1
AppCompat
2
Apps Flutter eBay
1
Apps Script
12
AppSheet
1
aprilfool
4
AR
3
Architecture Components
7
ARCore
3
ArtTech
1
asset-based extensions
2
assets
1
Associate Android Developer Certificate
1
Attribution Reporting
1
Audio
7
Auth Code
1
Authentication
9
AuthSub
2
Autofill
5
AutoML
1
Autotrack
2
award
1
Awareness API
1
basemap
1
basic-card
1
Beacons
6
bento
2
BERT
1
Best Practices
1
beta
4
Better Ads Standards
3
BigQuery
10
Billing
1
Biometrics
1
BLE
4
Blink
1
Blockly
1
blogger
1
BodyPix
1
bootcamp
1
Brillo
1
Brotli
2
Budou
1
budoux
1
Buildbetterapps
2
Business and Leadership
1
C++
1
Calendar
3
call ads
1
campaign
2
campaignsharedset
1
Campus
1
Canvas
1
Cardboard
4
Career
1
Case Studies
1
Case Study
3
CCPA
1
CDS 2020
3
CDS Recap 2020
3
Certificate
8
changestatus
1
chrome
261
chrome 98
1
Chrome Apps
1
Chrome Custom Tab
4
Chrome Dev Summit
5
chrome extension
14
Chrome for Android
2
Chrome for iOS
3
Chrome OS
10
Chrome Root Program
1
Chrome Root Store
1
Chrome Tech Talk Night
4
chrome103
1
chrome104
1
chrome108
1
chrome90
1
Chromebook
5
Chromecast
7
chromewebstore
9
Chromium
20
CLI
1
ClientLogin
3
Closure Compiler
1
Cloud
29
Cloud AI Platform
2
Cloud Firestore
5
Cloud Functions
9
Cloud IoT Device SDK
1
cloud messaging
1
Cloud ML Summit
1
Cloud Next
19
Cloud OnAir
5
Cloud OnBoard
4
Cloud PubSub
1
Cloud Run
1
Cloud Storage
1
Cloud Study Jams
3
Cloud Summit
1
Cloud Test Lab
2
Cloudflare
1
CNN
1
Coalition for Better Ads
2
CocoaPods
1
code review
1
codejam
5
codelab
5
Codepen
1
Colaboratory
1
Common Criteria
1
Community
7
compatibility
1
Compose
1
compose camp
1
compute engine
3
consent
1
Contests
1
Context
1
controls
1
Conversation API
1
conversations
2
conversion
1
Cookie
10
Coral
3
core web vitals
1
COVID-19
2
Crash Reporting
2
Crashlytics
3
cryptography
1
Custom Element
1
Custom Model
1
CWV
2
dark theme
1
Dart
2
data retention
1
DataCenter
1
datacloudsummit
1
Daydream
4
deck.gl
2
Deep Learning
4
Delegation
1
Demo Party
1
Design Patterns
1
Design Sprint
3
DesignBytes
1
Designer
1
DevArt
3
DevBytes
6
Developer
15
Developer Console
4
Developer Library
1
Developer Preview
6
Developer Relations
3
Developer Review
1
Developer Student Club
1
DEVELOPERS
1
Developers Story
4
DevFest
12
DevFestX
3
DevOps
1
devtools
4
Dialogflow
1
Differential privacy
2
Digital Asset Links
1
Digital Goods API
1
directions api
1
DirectShare
1
Discover
1
distance matrix api
1
DNS-over-HTTPS
4
Domain
1
Doodle
1
DoubleClick
4
Doze モード
1
drive
2
DSA
1
DSC
1
DX
1
Dynamic Links
3
EarlGrey
1
Easter Egg
1
ECMAScript 2015
1
Eddystone
4
Edge
1
egypt
1
encoder
1
Encryption
1
English
2
environment api
1
Envoy
1
error
1
ES2015
1
ES2016
1
ES6
2
ES7
1
eta
1
Event
7
events
3
Explore
1
extensions
1
external
1
Featured
25
Feed
2
feed-based extensions
3
feeds
1
FIDO
7
filter
1
final release
1
Firebase
123
Firebase Admin SDK
6
Firebase Analytics
10
Firebase Auth
4
Firebase Cloud Messaging
10
Firebase Crashlytics
2
Firebase Database
5
firebase for games
1
Firebase Libraries
1
Firebase Notifications
1
Firebase Performance
3
Firebase Remote Config
6
firebase summit
1
Flash
1
FLEDGE
1
FLoC
2
Flutter
8
Flutter App Development
1
flutter3
1
font
3
fraud
1
G Suite
19
game
43
Game Developers Conference 2018
1
Game Developers Conference 2019
1
Game Development
2
gaming
1
gaql
8
Gboard
2
gc_datacloud
1
GCCN
1
GCP
17
GCPUG
1
GDC
1
GDD11JP
56
GDD2010JP
23
GDE
2
GDG
23
GDG Cloud
1
gdgoc
2
gdsc
5
Gemini
6
Gemma
2
generative AI
4
Geo
55
Get Inspired
1
Gingerbread
1
GLIDE
5
global foundries
1
Gmail
6
Gmail API
3
Go
1
Go Checksum Database
1
golang
5
goo.gl
1
Google
8
Google account
1
Google Analytics
4
Google API
2
Google Apps
14
Google Apps Script
4
Google Assistant
13
Google Assistant SDK
2
Google Binary Transparency
1
Google Cast
8
Google Chat
3
Google Cloud
51
Google Cloud Day
10
google cloud innovators
2
Google Cloud INSIDE Digital
2
Google Cloud INSIDE Games & Apps
9
Google Cloud INSIDE Media
1
Google Cloud INSIDE Retail
3
Google Cloud Messaging
11
google cloud next
4
google cloud next tokyo
13
Google Cloud Platform
16
Google Code-in
1
Google Dev Library
1
Google Developer Experts
2
google developer groups
1
google developer student clubs
1
Google Developers Academy
1
Google Developers live
5
Google Developers Summit
2
Google Drive
6
Google Earth
1
Google Fit
2
Google for Games
3
Google for Mobile
2
Google for Startups
8
Google for Work
1
Google I/O
27
Google I/O 2024
3
Google Identity Services
6
Google Impact Challenge
1
Google Maps
72
Google Maps Platform
92
Google Meet
1
Google ML Summit
2
Google Open Source Peer Bonus
1
Google Pay
6
Google Photo
1
Google Play
149
Google Play App Safety
1
Google Play Billing
1
Google Play Console
15
Google Play developer distribution agreement
1
Google Play Developer Policies
2
Google Play Game Services
10
Google Play Instant
1
Google Play Services
23
Google Play Store
1
Google Play アプリ署名
1
Google Plus
14
Google Search
8
Google Sheets API
3
Google Sign-In
17
Google Slides API
5
Google Summer of Code
1
Google Tag Manager
1
Google Tensor
1
Google Trust Services
3
Google マップ
4
google_ads_api_v6
1
Google+
2
Googleapps
10
GoogleCloud
5
GoogleCloudDay
5
GoogleCloudInside
1
googlecloudlearn
1
googlecloudnext
3
GoogleGames
1
GoogleI/O
31
GoogleLabs
1
GooglePlay
3
GoogleTV
1
GPS
1
Gradle
1
Growth Academy
1
gRPC
2
GTUG
5
GWT
2
hack4jp
2
hackathon
7
handson
1
Hangouts Chat
3
hardware
2
Hosting
3
hotel
1
How-To Guide
1
HTML5
17
HTML5Rocks
1
HTTP/2
5
HTTPS
19
I/O Extended
8
ID Token
1
Identity
18
identity check
2
Identity Toolkit
1
IGF2010
4
IGF2020
2
Ignite
4
Imagen 2
1
IME
12
Indie Game
7
Indie Games Festival
7
Indie Games Festival 2018
2
Indie Games Festival 2019
12
Indie Games Festival 2020
7
Industry Trends
1
Inevitable ja Night
30
Influence
1
innovators hive
2
Insights
1
Instagram
1
Instant Apps
6
intern
2
Invites
1
IO19
3
iOS
22
IoT
7
IPv6
1
Issue Tracker
2
IWD
1
Japanese
6
Japanese Developer
1
Japanese Input
1
java
1
JavaScript
13
Jetpack
5
Jetpack Compose
6
Journeys
1
K-12
1
Kaggle
1
Key Transparency
1
Knowledge Graph
1
Kotlin
25
Kotlin Android Extensions
1
kotlin api
1
Kotlin Beginners
3
Kotlin Vocabulary
2
Kubernetes
4
l10n
8
latest
18
latest news
1
launch
1
LaunchPad
2
Learn
2
lifull
1
Lighthouse
1
LINE
1
Local AI
1
Location
1
Lollipop
10
Machine Learning
32
MAD Skills
2
MADSkills
2
Maker Faire Tokyo
1
maps compose
1
maps embed api
1
Maps JavaScript API
6
maps on air
1
maps sdk
2
maps transportation
1
Marshmallow
10
Material
1
Material Design
31
MDL
2
MDN
1
MediaPipe
1
Messaging
1
metrics
1
MIDI
2
migration
1
mikan
1
Mixed Contents
4
ML
3
ML Kit
12
mlops
1
Mobile
16
Mobile Bootcamp
4
mobile optimized maps
1
Mobile Sites certification
1
Mobile Vision
4
mod_pagespeed
1
Model Maker
1
monetization
2
monetize
3
Mozc
15
Music
1
NativeDriver
2
NativeScript
1
Navigation
1
NBU
1
ndk
3
Nearby
5
News
1
Next Extended
1
Next Tokyo
4
Nexus
2
Nexus S
1
NFC
1
NIST
1
Node.js
3
notifications
2
Noto CJK
1
Now in Android
13
NPAPI
2
NPN
1
oauth
17
officehour
1
One Tap
2
online security
2
open silicon
3
open source
10
OpenAI
1
opencensus
1
opencloudsummit
1
OpenGL
4
OpenID
3
OpenID Connect
4
OpenSocial
1
opensource
20
OpenTitan
2
Optimization
1
OSV
1
p-max
3
Page Experience
1
passkey
3
Password Manager
4
Payment
8
Payment Handler API
1
Payment Request API
2
PDF
1
PEM
33
people
2
People API
3
Performance
16
Performance budget
1
performance max
2
Performance Monitoring
1
performance report
1
permissions
1
personalization
1
PersonFinder
1
Phishing
2
phone
1
photorealistic 3d tiles
1
Physical Web
3
Pi
1
Pixel
5
Place Picker
1
placements
1
places api
1
places SDK
1
Platform Stability
1
Play Billing
2
Play Billing Library
2
Play Console
2
Player Analytics
4
Playtime 2017
1
Policy
8
policy compliance
2
policy violations
2
polylines
1
Polymer
7
pricing
1
privacy
15
Privacy Sandbox
22
Progressive Web Apps
14
project hosting
1
Promise
2
Promo code
1
Protocol Buffers
1
PRPL
1
publicdata
1
Push API
1
Push Notification
6
PWA
4
Python
3
query builder
8
query validator
1
QUIC
2
quick builder
1
quick start widget
1
QWIKLABS
3
RAIL
1
raspberry pi
1
React
1
React Native
2
reactive programming
1
Realtime Database
9
Recap Live Japan 2019
3
reCaptcha
1
Redux
1
release
7
Remote Config
4
Remote Display API
1
Reporting API
1
Requirements
1
Resonance Audio
1
resource type
1
Rewarded Video Ads
2
RKP
1
rmf
2
routes api
3
RSS
1
Run on OS Login
1
Runtime Permission
1
Rust
2
Safe Browsing
4
safety
1
Sample Code
2
Santa Tracker
1
SBOM
1
schedule
1
schema
2
schema.org
1
Scorecards
1
script
2
SDG
1
sdk
1
search central
1
secur
1
Secure Element
1
security
97
selfie
1
Service Worker
4
SHA-1
1
Sigstore
4
silicon
4
Site Isolation
1
sketchup
1
skywater
1
SLSA
1
smart displays
1
smart home
1
smart shopping campaign
1
SmartLock for Passwords
5
social
4
Social Good
1
Social Media
1
software development
1
solution challenge
2
Solve
1
SPDY
3
speak2tweet
1
speaker
1
Spectre
2
speedometer
1
Spreadsheet
3
ssc
1
ssd
1
SSR
1
stable release
1
startup
7
Storage
3
store sales direct
1
story
2
streetview
3
Study Jams
12
subscriptions
5
sunset
10
Swift
2
SwiftShader
1
Symantec
1
tag
1
tapple
1
Task
4
Team Drive
1
techtalk
13
TensorFlow
43
TensorFlow Federated
1
TensorFlow Lite
8
TensorFlow Object Detection API
1
TensorFlow Probability
2
TensorFlow.js
4
test
4
Test Lab
6
TF Certificate
2
TFX
1
The Fast and the Curious
13
Titan M2
1
Titan Security Key
1
TLS
4
Topics
1
ToS
1
trace
1
Transliteration
1
Transparency
1
Trust
1
Trusted Web Activity
1
Trusty OS
1
TrustZone
1
Twitter
1
UA-CH
1
Udacity
20
Unity
3
update
1
usecase
1
User Agent string
2
UX
5
v10
2
v10.1
1
v11
1
v13
1
v15
1
v19
1
v3
1
v4
1
v5
1
v6.1
1
v7
2
V8
5
v9
1
valuetrack
1
Verifiable Design
1
vertex ai
1
Vision AI
1
VP9
1
VR
11
Vulkan
2
wafer
1
Watch Face
2
wave
2
Wear OS
3
Weave
1
Web
38
Web Animations
1
Web Components
9
Web Manifest
2
Web Packaging
3
Web Stories
3
Web Story
3
Web Vitals
7
web.dev
1
WebAssembly
6
WebAuthn
1
WebGL
5
Webhook
1
WebM
1
WebMusic
5
WebRTC
1
WebView
1
Windows
1
Women in Gaming
1
Women Techmakers
1
Women Techmakers Scholars Program
1
WomenDeveloperAcademy
1
Wordpress
2
workmanager
1
WTM
8
Xcode
1
YouTube
18
YouTube API
1
youtube select
1
インタビュー
1
コードサンプル
1
サプライ チェーン
1
プライバシー
1
機械学習
3
言論の自由
1
節電
3
定期購入
1
東日本大震災
9
日本語入力
41
ブログ アーカイブ
2026
11月
10月
8月
6月
5月
4月
3月
2月
2025
8月
7月
6月
5月
4月
3月
2月
1月
2024
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2023
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2022
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2021
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2020
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2019
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2018
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2017
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2016
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2015
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
2014
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2013
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2012
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2011
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2010
12月
11月
Feed
Follow @googledevjp
"プロダクトに関するご意見は
プロダクトフォーラム
にお願いします"