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
How to build great Android apps for large scree...
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Cybozu
PRO
June 02, 2023
Programming
1.1k
0
Share
How to build great Android apps for large screens and foldables
Google I/O 報告LT会
6月2日(金) 14:00 - 16:00 (Asia/Tokyo)
Cybozu
PRO
June 02, 2023
More Decks by Cybozu
See All by Cybozu
新卒1年目QAが リリース基準の"なぜ"をたどってみた
cybozuinsideout
PRO
1
58
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
10
81k
kintone リサーチ副部/UXリサーチャー 業務紹介
cybozuinsideout
PRO
0
72
私たちが『JaSST協賛』から『外部コネクト』チームになった理由
cybozuinsideout
PRO
0
320
LLMでもいつものテスト技術〜意外と半分はこれまでのテストでした〜
cybozuinsideout
PRO
1
810
kintone開発のプラットフォームエンジニアの紹介
cybozuinsideout
PRO
0
1.3k
LLMアプリの品質保証
cybozuinsideout
PRO
1
600
技術広報チームに丸投げしない!「一緒につくる」スポンサー活動
cybozuinsideout
PRO
0
230
テクニカルライター (グループウェア) について
cybozuinsideout
PRO
0
200
Other Decks in Programming
See All in Programming
Technical Debt: Understanding it Rightly, Engaging it Rightly #LaravelLiveJP
shogogg
0
150
CLIであることを活かしたGitHub Copilot CLI活用術 / GitHub Copilot CLI Pro Tips & Tricks
nao_mk2
1
1.1k
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
kentaroutakeda
1
300
Modding RubyKaigi for Myself
yui_knk
0
490
今さら聞けないCancellationToken
htkym
0
200
AI駆動開発勉強会 広島支部 第一回勉強会 AI駆動開発概要とワークショップ
hayatoshimiu
0
390
Copilot CLI の継戦能力を高める コンテキスト管理
nozomutu
1
1.1k
ReactとSvelteのその先、Ripple-TS / Beyond React and Svelte: Ripple-TS
ssssota
3
1.1k
密結合なバックエンドから TypeScript のコードを生成する
kemuridama
1
360
AIエージェントと協働するCLI開発 — BunとOpenClawで学んだこと
yoshikouki
1
220
1人1案件のプロダクトエンジニア時代に、"プロセス監督"としてチャレンジしたこと
non0113
0
330
AI 時代のソフトウェア設計の学び方
masuda220
PRO
28
10k
Featured
See All Featured
Unsuck your backbone
ammeep
672
58k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
540
First, design no harm
axbom
PRO
2
1.2k
RailsConf 2023
tenderlove
30
1.4k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
350
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
400
Paper Plane (Part 1)
katiecoart
PRO
0
7.9k
Code Review Best Practice
trishagee
74
20k
The Invisible Side of Design
smashingmag
302
52k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.2k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.1k
Transcript
Google I/O 2023 LT会 How to build great Android apps
for large screens and foldables Jake Android Developer@Cybozu
None
2億 8千万台 現在使われている Androidタブレット・ フォルダーブル端末
広い画⾯に対応すれば、 多い活性ユーザー数、 ⻑いセッションの時間、 Google Playで⾼い評判、 広いビジネスの展開可能
広い画⾯に対応するため、 なので、 Googleも 50個+ のアプリを広い画⾯最適化
何を すれば 良い? Continuity Layout・UX Input
⼀般的に対⾯する問題は?
まず、Displayの⽅向制限を消す
こんな問題が発⽣するから
Window Size Compact Medium Large < 600dp 600 – 840dp
> 840dp
Composableを使ったら、 Observable size classのAPIを提供 → 画面サイズが変更されたら、Recompositionが行う
画⾯が折りている状態を管理するのは⼤変
特にFolding端末でカメラを使ったら goo.gle/introducing-camera-viewfinder カメラのViewfinderをどのように管理するかを確認する必要
Android 12Lから 広い画⾯に対して レターボックス提供 goo.gle/letterboxing
Googleが提案する 広い画⾯のための レイアウトデザイン d.android.com/large-screens/gallery
Material Designの 広い画⾯対応⽤ レイアウトする⽅法 goo.gle/material-layout
こちを目指して goo.gle/large-screen-quality
ラージスクりんの対応、 そろそろ、やってみませんか? ご清聴ありがとうございます。