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
AndroidアプリとWebコンテンツの連携 / Sansan Tech Meetup And...
Search
Hideki Hamada
December 18, 2020
Technology
1
1.2k
AndroidアプリとWebコンテンツの連携 / Sansan Tech Meetup Android
【Sansan Tech Meetup】Android開発Tipsを3社のエンジニアが語る
Hideki Hamada
December 18, 2020
Tweet
Share
More Decks by Hideki Hamada
See All by Hideki Hamada
devio2019osaka_hamada_hideki.pdf
jakalada
0
1.7k
2019-05-18-gdg-kyoto-jakalada.pdf
jakalada
0
820
mobilemethod-osaka-2018-11-09-jakalada-android
jakalada
0
1.2k
Other Decks in Technology
See All in Technology
Core Audio tapを使ったリアルタイム音声処理のお話
yuta0306
0
170
AI導入の理想と現実~コストと浸透〜
oprstchn
0
180
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
400
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
2
300
Delegating the chores of authenticating users to Keycloak
ahus1
0
130
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
100
PO初心者が考えた ”POらしさ”
nb_rady
0
170
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
bitkey
1
11k
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
350
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
250
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
220
Featured
See All Featured
It's Worth the Effort
3n
185
28k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Gamification - CAS2011
davidbonilla
81
5.3k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
For a Future-Friendly Web
brad_frost
179
9.8k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
125
52k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
240
Transcript
AndroidΞϓϦͱ Webίϯςϯπͷ࿈ܞ Ϋϥεϝιουגࣜձࣾɹాӯथ ʲSansan Tech MeetupʳAndroid։ൃTipsΛ3ࣾͷΤϯδχΞ͕ޠΔ 2020/12/18
ࣗݾհ • ాӯथ (@jakalada) • AndroidΤϯδχΞ • 2΄ͲલʹΫϥεϝιουʹస৬ • ૣ͘ాΜ΅ͷ༷ࢠΛݟʹߦ͖͍ͨ
2
։ൃࣄྫ ʢ˞ଞࣾʹҾ͖ܧ͍ͩࣄྫؚ·Ε͍ͯ·͢ʣ 3
ࢲ͕࡞ͬͯΔΞϓϦ ֓ཁ ҿ৯ళͷΞϓϦ ༗ޮձһ ສਓ ˞ۙؒʹͰϩάΠϯͨ͜͠ͱͷ͋Δձһ %"6."6 ສສ ˞J04"OESPJEͷ߹ܭ ετΞධՁ
લޙ ˞ΞϓϦϨϏϡʔಋೖޙ㽉
ΞδΣϯμ • Webίϯςϯπͱ࿈ܞ͢Δٕज़ • WebView / ϒϥβىಈ / Custom Tabs
/ TWA • ٕज़͝ͱͷҧ͍ • UI / CookieɾΩϟογϡཧ / Webٕज़ͷ੍ݶ 5
6 Webίϯςϯπͱ ࿈ܞ͢Δٕज़
7 WebView
WebView • View • Fragment/ActivityʹΈࠐΊΔ 8
WebViewͷ༻ྫ • WebView͔ΒͷϦΫΤετͷUser-AgentʹΞϓϦݻ༗ͷΛՃ • →WebͰग़͚͠ɺJavaScriptͰදࣔ༰Λ੍ޚ • WebͰϨϯμϦϯά͞ΕͨΫʔϙϯͷόʔίʔυΛΞϓϦͰදࣔ • →ΞϓϦଆͰը໘Λ໌Δͯ͘͠όʔίʔυϦʔμʔͰಡΈऔΓ্͢͞ •
ΞϓϦͰϩάΠϯ͍ͯ͠Δ߹ࣗಈͰϩάΠϯ • →JWTϩάΠϯΛ༻ 9
10 ϒϥβىಈ
ϒϥβىಈ • Intentૹ৴ʹΑΔϒϥβΞϓϦ ͷىಈ 11
12 Custom Tabs
Custom Tabs • ΞϓϦϒϥβ • ϒϥβΞϓϦͷActivity • ※ChromeҎ֎ͷҰ෦ͷϒϥβαϙʔτ • ࠷ݶͷU/IɺΧελϚΠζՄೳ
13
Custom TabsͷߴԽ • ϒϥβଆͷެ։Serviceʹbind • warmup() : ىಈͷߴԽ • mayLaunchUrl()
: WebϖʔδͷϓϦϩʔυ 14
Custom TabsΛಋೖͨ͠ܦҢ • ΞϓϦͷϓϩϞʔγϣϯͷܦ࿏͕૿͑ͨλΠϛϯάͰɺϒϥβ͕ ىಈ͢Δ͜ͱʹ͍ͭͯiOSͷϨϏϡʔ͕େߥΕͨ͠ɻAndroidएׯ • ݱࡏϒϥβΛىಈ͍ͯͨ͠໘ͰɺΞϓϦϒϥβ ʢCustom TabsʣΛ༻ 15
16 TWA
TWA • Trusted Web Activity • ChromeͷActivity • ϑϧεΫϦʔϯදࣔՄೳ 17
TWAͷىಈϑϩʔ 1. Digital Asset LinksΛ༻ͨ͠ݕূ ➡ ࣦഊͨ͠ΒCustom TabsͰىಈ 2. Chrome͕TWAΛαϙʔτ͍ͯ͠Δ͔֬ೝ
➡ αϙʔτ͍ͯ͠ͳ͍όʔδϣϯͰCustom TabsͰىಈ 3. TWAΛىಈ 18
৴པͰ͖ͳ͍ ৴པͰ͖Δ 19
https://dev.classmethod.jp/articles/report-developers-io-2019-tokyo- developersio_cafe_pwa/ 20
21 ٕज़͝ͱͷҧ͍
UI 8FC7JFX 6*ͳ͠ɾಠࣗʹ࣮Ͱ͖Δ ϒϥβىಈ ΧελϚΠζෆՄ $VTUPN5BCT γϯϓϧͳ6*ɾΧελϚΠζՄೳ 58" ϑϧεΫϦʔϯ 22
CookieɾΩϟογϡཧ 8FC7JFX ࣗͷΞϓϦͰཧ ˞ΞϓϦ͔Β੍ޚՄೳ ϒϥβىಈ ϒϥβ͕ཧɾڞ༗ ˞ΞϓϦ͔Β੍ޚෆՄ $VTUPN5BCT 58" 23
Webٕज़ͷ੍ݶ 8FC7JFX ੍ݶ͋Γ ػೳ͝ͱʹΞϓϦଆͰ༗ޮԽ͕ඞཁ 04ߋ৽ঢ়گͰಈ࡞ʹࠩҟ͋Γ ϒϥβىಈ ϒϥβ͕αϙʔτ͍ͯ͠Δٕज़ ˞58"ݫີʹ$ISPNF͕αϙʔτ͍ͯ͠Δٕज़ $VTUPN5BCT 58"
24
·ͱΊ 25
·ͱΊ 8FC7JFX ΞϓϦ͚ͷ8FCϖʔδΛදࣔ͢Δ ˞੍ݶΛཧղɾௐͯ͠8FCΛ੍࡞͢Δඞཁ͕͋Δ ϒϥβىಈ ෆಛఆͷ8FCϖʔδΛදࣔ͢Δ Ϣʔβʔ͕ΞϓϦ͔ΒΕͯྑ͍ $VTUPN5BCT ΞϓϦͷମݧͷҰ෦ͱͯ͠8FCϖʔδΛද͍ࣔͨ͠ 8FCͷٕज़Λࣗ༝ʹ͍͍ͨ
58" 18"ΛϑϧεΫϦʔϯͷΞϓϦͱͯ͠ެ։͍ͨ͠߹ ˞18"Ͱͳͯ͘ྑ͍ 26
ࢀߟࢿྉ • Web-based content | Android Developers • https://developer.android.com/guide/webapps •
Custom Tabs | Web On Android | Google Developers • https://developers.google.com/web/android/custom-tabs • Trusted Web Activity | Web On Android | Google Developers • https://developers.google.com/web/android/trusted-web-activity 27