Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
The Guide to Predictive Back
Search
Recruit
PRO
June 29, 2023
Business
0
1.4k
The Guide to Predictive Back
2023/06/21 に、YUMEMI.grow Mobile #4 WWDC23, Google I/O 2023 報告会で発表した、石田の資料です。
Recruit
PRO
June 29, 2023
Tweet
Share
More Decks by Recruit
See All by Recruit
Browser
recruitengineers
PRO
9
2.9k
JavaScript 研修
recruitengineers
PRO
8
1.7k
TypeScript入門
recruitengineers
PRO
36
12k
モダンフロントエンド 開発研修
recruitengineers
PRO
12
6.9k
Webアクセシビリティ入門
recruitengineers
PRO
4
1.8k
攻撃と防御で実践するプロダクトセキュリティ演習~導入パート~
recruitengineers
PRO
4
2.2k
モバイルアプリ研修
recruitengineers
PRO
6
1.9k
事業価値と Engineering
recruitengineers
PRO
10
6.2k
制約理論(ToC)入門
recruitengineers
PRO
10
4.3k
Other Decks in Business
See All in Business
CREによる顧客のキャッチアップを加速する仕組み作り / Creating a mechanism to accelerate customer catch-up through CRE
woody_kawagoe
1
260
Infcurion Company Deck
infcurion
2
30k
会社紹介資料 / ProfileBook
gpol
4
47k
ナウビレッジ株式会社_会社紹介資料_20250821
nowvill
0
12k
生成AIとデザインリサーチが融和する未来(RESEARCH Conference2025)
hynym
PRO
0
130
「なんとなく使いにくい」を論理的に説明する方法 〜プロダクトエンジニアとしてUXを議論できる第一歩〜
mkitahara01985
0
440
20250913_AWS アカウント 150 超の組織で取り組む Lambda EoL 対応
tsunojun
1
250
NewsPicks Expert説明資料 / NewsPicks Expert Introduction
mimir
0
17k
Corporate Story (GA technologies Co., Ltd.)
gatechnologies
0
190
ヘルスベイシス_会社説明資料_v3.4
yasudashoyo
1
63k
Rakus Career Introduction
rakus_career
0
390k
株式会社デイトラ FACT BOOK 2025
daytra
0
330
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Visualization
eitanlees
148
16k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
For a Future-Friendly Web
brad_frost
180
9.9k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Making Projects Easy
brettharned
117
6.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
A Modern Web Designer's Workflow
chriscoyier
696
190k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Transcript
The Guide to Predictive Back @maxfie1d Android Engineer, Recruit 1
Speaker いしだ なおと 石田 直人 (@maxfie1d) Android Engineer, Recruit 2
Agenda | 01 02 03 04 Android の「戻る」の歴史 Android 13
における Predictive Back Android 14 における Predictive Back デモ 3
Android の「戻る」の歴史 01 4
戻るボタン (ハードウェア) 戻るボタン (ソフトウェア) 戻るジェスチャ Predictive Back New! 5 from
Android 1.0 from Android 4.0 from Android 10 from Android 13+
Predictive Back ユーザーは「戻る」ジェスチャーによる移動先やそ の他の結果を完了前にプレビューできるため、現 在のビューで操作を続行するかそのまま留まる かを決定できるようになります。 6
Android 13 における Predictive Back 02 7
Android 13 の Predictive Back • Activity から Home 画面のみ
• カスタマイズは不可 8
Android 14 における Predictive Back 03 9
Android 14 の Predictive Back • 対応範囲: ◦ Activity から
Home 画面 ◦ Activity から Activity New! ◦ アプリ内 New! • カスタマイズ可能 New! • その他: Material 3, Fragment が対応予定 10
https://m3.material.io/ Bottom sheets Search Slide sheets 11
デモ 04 12 ⚠ 2023/6/7 リリースの activity:1.8.0-alpha05 で作成しています。 API は将来的に変更になる可能性があります。
1. AndroidManifest に android:enableOnBackInvokedCallback=”true” を 追加する https://developer.android.com/guide/navigation/predictive-back-gesture?hl=ja 13
2. OnBackPressedCallback に追加された handleOnBackProgressed を 実装する https://developer.android.com/about/versions/14/features/predictive-back 14
15 https://github.com/maxfie1d/predictive-back-sample
Resources • https://www.youtube.com/watch?v=Elpqr5xpLxQ • https://developer.android.com/guide/navigation/predictive-back-gesture?hl=ja • https://developer.android.com/about/versions/14/features/predictive-back • https://developer.android.com/design/ui/mobile/guides/patterns/predictive-back •
https://developer.android.com/jetpack/androidx/releases/fragment#1.7.0-alpha01 • https://developer.android.com/jetpack/androidx/releases/activity#1.8.0-alpha05 • https://m3.material.io/ 16
Thank you! @maxfie1d Android Engineer, Recruit 17