Local blog for Japanese speaking developers
Trusted Web Activity のご紹介
2019年3月1日金曜日
この記事は プロダクト マネージャー、Peter Mclachlan による Chromium Blog の記事 "
Introducing a Trusted Web Activity for Android
" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。
Trusted Web Activity（TWA）は、Android アプリ内でブラウザの UI がない Chrome ブラウザを全画面表示します。型どおりに Chrome Custom Tab（CCT）や WebView を使えば Android アプリにウェブ コンテンツを含めることができますが、アプリ内で全画面モードで Chrome のパフォーマンスや機能を活用したい場合は、TWA を使うと他にはないメリットを得ることができます。
この投稿では、TWA の概要や推奨ユースケースについて説明し、使い始める際に役立つリソースへのリンクを紹介します。
Trusted Web Activity の特徴
Trusted Web Activity は、Android アプリ内で Chrome ブラウザを全画面で実行します。アプリ内に URL バーなどのブラウザの UI は表示されません。これは強力な機能なので、アプリとサイトが同じデベロッパーのものであること、すなわち「信頼できる」ことを検証しなければなりません。アプリと TWA で開いたサイトが同じデベロッパーのものであることを検証するために、TWA は
Digital Asset Links
を使って所有権を確認します。
TWA は特殊な Chrome Custom Tab（CCT）なので、WebView では利用できない多くの機能を含め、すべての Chrome 機能にアクセスできます。Chrome Custom Tab についてよく知らないという方は、こちらの
記事
で詳細を確認できます。WebView では利用できない TWA の機能には、
ウェブ プッシュ通知
、
バックグラウンド同期
、Chrome のフォーム
自動入力
、
Media Source Extensions
（MSE）、
Sharing API
などがあります。
CCT と同じように、TWA に読み込まれたウェブサイトは Cookie などの Chrome ブラウザに格納されているデータを共有します。ということは、セッションの状態が共有されます。つまり、ユーザーが以前に Chrome でログインしたことがあるほとんどのウェブサイトでは、TWA でもログインが実行されることになります。
TWA の用途
TWA は、Android アプリの全画面ウェブ コンテンツで WebView では利用できない Chrome 機能を使いたい場合や、Chrome ブラウザとオリジン ストレージを共有することでユーザーのナビゲーションが便利になる場合などに適しています。
この例として、製品ページがネイティブ ビューで実装されているにもかかわらず、購入フローはウェブサイト上で行われる e コマースサイトがあげられます。アプリで TWA を使うと、Chrome のパフォーマンスや自動フォーム入力機能を活用できます。
Trusted Web Activity の条件
TWA のすべてのコンテンツは、アプリ内購入などのデジタル商品の
支払い
ポリシーを含め、Play ストアの
ポリシー
に従う必要があります。
アプリのユーザーは、自分の端末で快適な操作ができることを期待しています。操作の質を保証するため、TWA は PWA のインストール
基準
を満たし、高速に読み込めるものである必要があります。読み込み速度は、
Lighthouse
を使って測定します。TWA のウェブ コンテンツは、80 以上のパフォーマンス スコアを獲得しなければなりません。Lighthouse は、オープンソースの自動ツールで、パフォーマンスとプログレッシブ ウェブアプリの監査を行います。ベンチマークとしても、優れたウェブサイトを作る上でも役立ちます。
すべての Play アプリと同様に、今後、品質条件が追加される可能性もあります。TWA 品質要件や Play ストア
ポリシー
を満たさないアプリは、登録が拒否されたり、ストアに掲載されなくなったりする場合があります。
Trusted Web Activity のコンテンツ セキュリティとバージョン可用性
TWA のコンテンツは保護されており、母体となるアプリから読み取ったり変更したりすることはできません。つまり、状態を共有できるのは、初期化の際にアプリから TWA へクエリ文字列パラメータを渡すときだけです。Android アプリから TWA にコンテンツを挿入することはできません。
TWA は、Android KitKat 以降の端末（Android 端末の 95% 以上）に Chrome がインストールされている場合に利用できます。ユーザーが Chrome のアップデートを無効にしている場合など、古い Chrome がインストールされている場合は、自動的に TWA の代わりに Chrome Custom Tab が利用されます。
初めての Trusted Web Activity
TWA のスタートガイド ドキュメントやサンプルコードは、現在作成中で、近日中にリリースされる予定です。それまでの間は、以下のリファレンス ドキュメントをご覧ください。
リファレンス
TrustedWebUtils Android Support Library API リファレンス
TrustedWebUtils による TWA サンプル
Reviewed by
Eiji Kitamura - Developer Relations Team
ラベル
.app
1
.dev
1
#DevFest16
1
#DevFest17
1
#DevFest18
1
#hack4jp
3
A/B Testing
1
A4A
4
Actions on Google
15
Activation Atlas
1
Addy Osmani
1
ADK
2
AdMob
31
Ads
30
Ads API
23
AdWords API
9
Agency
1
AI
4
AIY
3
AIY Vision Kit
2
ALPN
1
AMP
71
AMP Cache
5
AMP for Email
1
AMP Story
2
amp-bind
1
AMPHTML Ads
1
Analytics
9
Andorid
12
Android
318
Android Auto
1
Android Design Support Library
1
Android Developer Story
4
Android Developers
4
Android Go
1
Android Jetpack
2
Android N
18
Android O
13
Android P
7
Android Pay
1
Android Q
3
Android Security Year in Review
1
Android Studio
33
Android Support Library
5
Android Things
15
Android TV
10
Android Vitals
3
Android Wear
29
androidmarket
3
AndroidX
2
Angular
2
Angular 2
2
AngularJS
2
API
25
APIExpert
45
apk
2
app
3
App Action
1
app engine
23
App Indexing
7
App Invites
6
App Maker
2
AppCompat
2
Apps Script
11
aprilfool
4
AR
2
Architecture Components
6
ARCore
1
ArtTech
1
Associate Android Developer Certificate
1
Audio
6
Auth Code
1
Authentication
8
AuthSub
2
Autotrack
2
award
1
Awareness API
1
Beacons
6
Better Ads Standards
1
BigQuery
9
Billing
1
BLE
4
Blink
1
Blockly
1
blogger
1
BodyPix
1
Brillo
1
Brotli
2
Budou
1
Calendar
3
Cardboard
4
Career
1
Case Study
1
Certificate
2
chrome
107
Chrome Custom Tab
2
Chrome Dev Summit
2
chrome extension
6
Chrome for Android
2
Chrome for iOS
2
Chrome OS
3
Chrome Tech Talk Night
3
Chromebook
3
Chromecast
7
chromewebstore
6
Chromium
5
CLI
1
ClientLogin
3
Closure Compiler
1
Cloud
20
Cloud Firestore
3
Cloud Functions
9
Cloud IoT Device SDK
1
Cloud Next
6
Cloud OnBoard
3
Cloud PubSub
1
Cloud Storage
1
Cloud Study Jams
2
Cloud Test Lab
2
Coalition for Better Ads
1
CocoaPods
1
codejam
5
codelab
4
Colaboratory
1
Community
1
compute engine
3
Context
1
Coral
2
Crash Reporting
2
Crashlytics
1
Dart
2
DataCenter
1
Daydream
4
Deep Learning
3
Demo Party
1
Design Sprint
3
DesignBytes
1
DevArt
3
DevBytes
6
Developer
14
Developer Console
4
Developer Preview
6
Developer Relations
2
DevFest
7
DevFestX
3
DevOps
1
devtools
4
Dialogflow
1
DirectShare
1
Domain
1
Doodle
1
DoubleClick
4
Doze モード
1
drive
2
Dynamic Links
3
EarlGrey
1
Easter Egg
1
ECMAScript 2015
1
Eddystone
4
egypt
1
Encryption
1
English
2
ES2015
1
ES2016
1
ES6
2
ES7
1
Featured
2
Firebase
108
Firebase Admin SDK
6
Firebase Analytics
10
Firebase Auth
4
Firebase Cloud Messaging
10
Firebase Crashlytics
2
Firebase Database
5
Firebase Libraries
1
Firebase Notifications
1
Firebase Performance
3
Firebase Remote Config
5
Flash
1
Flutter
5
font
3
fraud
1
G Suite
18
game
32
Game Developers Conference 2018
1
Gboard
1
GCP
6
GCPUG
1
GDD11JP
56
GDD2010JP
23
GDE
2
GDG
15
GDG Cloud
1
Geo
50
Gingerbread
1
GLIDE
5
Gmail
4
Gmail API
2
Go
1
golang
5
goo.gl
1
Google
5
Google Analytics
3
Google API
1
Google Apps
14
Google Apps Script
4
Google Assistant
8
Google Assistant SDK
1
Google Cast
8
Google Cloud
20
Google Cloud INSIDE Games & Apps
6
Google Cloud Messaging
11
Google Cloud Platform
11
Google Code-in
1
Google Developer Experts
2
Google Developers Academy
1
Google Developers live
5
Google Developers Summit
2
Google Drive
6
Google Fit
2
Google for Mobile
2
Google for Work
1
Google I/O
13
Google Impact Challenge
1
Google Maps
55
Google Maps Platform
3
Google Pay
1
Google Play
97
Google Play Console
6
Google Play Game Services
9
Google Play Instant
1
Google Play Services
22
Google Plus
14
Google Search
7
Google Sheets API
3
Google Sign-In
12
Google Slides API
5
Google Summer of Code
1
Google Tag Manager
1
Google Trust Services
1
Google マップ
3
Google+
2
Googleapps
10
GoogleGames
1
GoogleI/O
28
GoogleLabs
1
GooglePlay
1
GoogleTV
1
Gradle
1
gRPC
2
GTUG
5
GWT
2
hack4jp
2
hackathon
7
Hangouts Chat
2
Hosting
3
HTML5
17
HTML5Rocks
1
HTTP/2
5
HTTPS
11
I/O Extended
2
ID Token
1
Identity
14
Identity Toolkit
1
Ignite
4
IME
11
Indie Games Festival 2018
2
Indie Games Festival 2019
8
Inevitable ja Night
18
Instagram
1
Instant Apps
5
intern
2
Invites
1
IO19
1
iOS
20
IoT
6
IPv6
1
Issue Tracker
2
Japanese Input
1
JavaScript
7
Jetpack
1
K-12
1
Key Transparency
1
Knowledge Graph
1
Kotlin
5
l10n
8
LaunchPad
1
Lighthouse
1
LINE
1
Local AI
1
Lollipop
10
Machine Learning
18
Marshmallow
10
Material
1
Material Design
28
MDL
1
MDN
1
MIDI
2
ML Kit
6
Mobile
12
Mobile Bootcamp
4
Mobile Sites certification
1
Mobile Vision
4
mod_pagespeed
1
monetize
3
Mozc
15
Music
1
NativeDriver
2
NativeScript
1
NBU
1
ndk
3
Nearby
5
Next Extended
1
Next Tokyo
1
Nexus
2
Nexus S
1
NFC
1
Node.js
3
Noto CJK
1
NPAPI
2
NPN
1
oauth
11
OpenAI
1
OpenGL
4
OpenID
3
OpenID Connect
4
OpenSocial
1
opensource
17
Optimization
1
Payment
4
PEM
32
People API
2
Performance
12
Performance budget
1
PersonFinder
1
Physical Web
3
Pi
1
Place Picker
1
Play Billing Library
1
Player Analytics
4
Playtime 2017
1
Policy
4
Polymer
7
Progressive Web Apps
13
project hosting
1
Promise
1
Promo code
1
Protocol Buffers
1
PRPL
1
publicdata
1
Push API
1
Push Notification
3
PWA
2
Python
2
QUIC
1
QWIKLABS
2
RAIL
1
React
1
React Native
2
Realtime Database
9
Recap Live Japan 2019
1
reCaptcha
1
Redux
1
Remote Config
3
Remote Display API
1
Resonance Audio
1
Rewarded Video Ads
2
Runtime Permission
1
Safe Browsing
1
Sample Code
2
Santa Tracker
1
schema.org
1
secur
1
security
44
Service Worker
4
SHA-1
1
sketchup
1
SmartLock for Passwords
4
social
4
Social Good
1
Social Media
1
SPDY
3
speak2tweet
1
Spreadsheet
3
startup
5
Storage
2
story
1
streetview
3
Study Jams
5
Swift
2
SwiftShader
1
Symantec
1
Task
4
Team Drive
1
techtalk
12
TensorFlow
23
TensorFlow Federated
1
TensorFlow Lite
3
TensorFlow Object Detection API
1
TensorFlow Probability
2
TensorFlow.js
1
test
4
Test Lab
6
ToS
1
Transliteration
1
Twitter
1
Udacity
20
Unity
3
UX
4
V8
2
VP9
1
VR
11
Vulkan
2
Watch Face
2
wave
2
Wear OS
2
Weave
1
Web
18
Web Animations
1
Web Components
6
Web Manifest
1
Web Packaging
2
WebAssembly
3
WebGL
1
WebMusic
5
WebView
1
Women Techmakers Scholars Program
1
WTM
5
Xcode
1
YouTube
16
YouTube API
1
インタビュー
1
コードサンプル
1
プライバシー
1
言論の自由
1
節電
3
東日本大震災
9
日本語入力
41
ブログ アーカイブ
2019
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
Google
on
Follow @googledevjp
"プロダクトに関するご意見は
プロダクトフォーラム
にお願いします"
