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
画面遷移 〜iOSとAndroid〜
Search
みっちゃん
August 23, 2024
Programming
0
100
画面遷移 〜iOSとAndroid〜
社内LTで発表した
みっちゃん
August 23, 2024
Tweet
Share
More Decks by みっちゃん
See All by みっちゃん
2024年にチャレンジしたことを振り返るぞ
mitchan
0
190
DroidKaigi初めて登壇したレポ
mitchan
1
130
実践!難読化ガイド
mitchan
0
2.1k
「実践!難読化ガイド」事前予告編
mitchan
0
220
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
mitchan
0
390
ドキュメントから adbコマンドの仕組みを読み解く
mitchan
1
260
2024年は難読化と仲良くなりたい
mitchan
0
340
STORES二年生が得た新しい視点
mitchan
0
260
TabLayoutの「選択されていないインジケーター」にも色を付けるには
mitchan
0
80
Other Decks in Programming
See All in Programming
定理証明プラットフォーム lapisla.net
abap34
1
1.7k
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
660
Software Architecture
hschwentner
6
2.1k
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
370
iOSエンジニアから始める visionOS アプリ開発
nao_randd
3
120
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
360
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
JavaScriptツール群「UnJS」を5分で一気に駆け巡る!
k1tikurisu
10
1.8k
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
240
テストをしないQAエンジニアは何をしているか?
nealle
0
130
動作確認やテストで漏れがちな観点3選
starfish719
6
1k
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building an army of robots
kneath
302
45k
RailsConf 2023
tenderlove
29
1k
Scaling GitHub
holman
459
140k
Embracing the Ebb and Flow
colly
84
4.6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
A designer walks into a library…
pauljervisheath
205
24k
Automating Front-end Workflow
addyosmani
1367
200k
YesSQL, Process and Tooling at Scale
rocio
171
14k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
31
2.1k
How STYLIGHT went responsive
nonsquared
98
5.3k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Transcript
画面遷移 〜iOSとAndroid〜 登壇者:STORES 決済 Androidチーム みっちゃん 1
自己紹介 名前:みっちゃん 所属:STORES 決済 Androidチーム (3年目) ナワバリ:おおさか DroidKaigiのスタッフをしています! アイコンは、ドロイドくん柄のお布団ですよ!♡ →→→
ドロイドくんを吸い込んだバケモノではありません! Twitter: @mimimi_engineer 2
今日はiOSエンジニアもAndroidエンジニアもいますね
私は平和主義者です せっかくなので、、、 AndroidエンジニアとiOSエンジニアが歩み寄れる内容にしたい!ハート そうだ、画面遷移だ。(?) 4
iOSの画面遷移って、なんかいっぱいある。 Push遷移 Modal遷移 Tab遷移
プッシュ遷移 < 設定 目的 A 目的 B 目的 C •
階層型ナビゲーション • 画面ごとにひとつの選択 を行い、次のステップへ 進む • 前のステップへ戻るボタ ンは取り消しの意味を持 たない(その画面での変 更は保存されるべき)
タブ遷移 • 並列型ナビゲーション • 複数の動線を保持しま す。保持する画面の目的 はどれも同じ 同じ目的
モーダル遷移 • 分岐型ナビゲーション • 現在のメインタスクとは 外れた、サブタスクを取 り扱う一時的な画面が Modalで表示 サブタスク A’
メインタスク A
Androidの画面遷移 ActivityがBack stackというところにpushされたりpopされたりしてる 9 ログイン Back stack LoginActivity LoginActivity ホーム画面
だよ HomeActivity 戻る push! HomeActivity Back stack pop! HomeActivity
iOSの画面遷移はAndroidと同様に Back stackにpush・popじゃないの? Push遷移とかModal遷移は見た目が違うだけで 内部的な画面遷移の仕組みは同じなの??
iOSの画面遷移の内部的な仕組み TreeBasedとStackBasedがある
iOSは遷移の種類によって内部の仕組みが違うようだ • モーダル遷移はTreeBasedを使うぽい(多分) • プッシュ遷移はStackBasedを使うっぽい(多分) • Androidの画面遷移に近いのはStackBasedのようだ(知らんけど) (ウ゛、ムズい・・正直なにもわからない・・・・)
結論 iOSでは画面遷移の種類によって内部的な仕組みも違う という意味で、それぞれの遷移の種類を区別しているように思いました。 一方Androidは基本Back stackにActivityを積んだり出したりする仕組みだけで 画面遷移しているので、iOSほど遷移の種類を特別に区別しているわけでは ないのかなと思いました。
おわり
参考資料 • 🔗iOSにおける3つの画面遷移を知る • 🔗タスクとバックスタックについて学ぶ • 🔗What is navigation?