画面遷移 〜iOSとAndroid〜

社内LTで発表した

Transcript

1. 画面遷移 〜iOSとAndroid〜 登壇者：STORES 決済 Androidチーム　みっちゃん 1
2. 自己紹介 名前：みっちゃん 所属：STORES 決済 Androidチーム (3年目) ナワバリ：おおさか DroidKaigiのスタッフをしています！ アイコンは、ドロイドくん柄のお布団ですよ！♡ →→→ ドロイドくんを吸い込んだバケモノではありません！ Twitter: @mimimi_engineer 2
3. 今日はiOSエンジニアもAndroidエンジニアもいますね
4. 私は平和主義者です せっかくなので、、、 AndroidエンジニアとiOSエンジニアが歩み寄れる内容にしたい！ﾊｰﾄ そうだ、画面遷移だ。（？） 4
5. iOSの画面遷移って、なんかいっぱいある。 Push遷移 Modal遷移 Tab遷移
6. プッシュ遷移 ＜ 設定 目的 A 目的 B 目的 C • 階層型ナビゲーション • 画面ごとにひとつの選択 を行い、次のステップへ 進む • 前のステップへ戻るボタ ンは取り消しの意味を持 たない（その画面での変 更は保存されるべき）
7. タブ遷移 • 並列型ナビゲーション • 複数の動線を保持しま す。保持する画面の目的 はどれも同じ 同じ目的
8. モーダル遷移 • 分岐型ナビゲーション • 現在のメインタスクとは 外れた、サブタスクを取 り扱う一時的な画面が Modalで表示 サブタスク A’ メインタスク A
9. Androidの画面遷移 ActivityがBack stackというところにpushされたりpopされたりしてる 9 ログイン Back stack LoginActivity LoginActivity ホーム画面 だよ HomeActivity 戻る push! HomeActivity Back stack pop! HomeActivity
10. iOSの画面遷移はAndroidと同様に Back stackにpush・popじゃないの？ Push遷移とかModal遷移は見た目が違うだけで 内部的な画面遷移の仕組みは同じなの？？
11. iOSの画面遷移の内部的な仕組み TreeBasedとStackBasedがある
12. iOSは遷移の種類によって内部の仕組みが違うようだ • モーダル遷移はTreeBasedを使うぽい（多分） • プッシュ遷移はStackBasedを使うっぽい（多分） • Androidの画面遷移に近いのはStackBasedのようだ（知らんけど） （ｳ゛、ムズい・・正直なにもわからない・・・・）
13. 結論 iOSでは画面遷移の種類によって内部的な仕組みも違う という意味で、それぞれの遷移の種類を区別しているように思いました。 一方Androidは基本Back stackにActivityを積んだり出したりする仕組みだけで 画面遷移しているので、iOSほど遷移の種類を特別に区別しているわけでは ないのかなと思いました。
14. おわり
15. 参考資料 • 🔗iOSにおける3つの画面遷移を知る • 🔗タスクとバックスタックについて学ぶ • 🔗What is navigation?