Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

もう迷わない!モーダルとプッシュどっちがいいの？

Avatar for Sato Takeshi Sato Takeshi
February 14, 2018
Programming
2.7k
6

 もう迷わない!モーダルとプッシュどっちがいいの？

第2回 iOS UI実装勉強会で発表した内容です。
https://connpass.com/event/78347/

Avatar for Sato Takeshi

Sato Takeshi

February 14, 2018

More Decks by Sato Takeshi

See All by Sato Takeshi
MVNOの申込からeSIM開通までをiOSアプリでつなぐ- 本人確認・MNP・通信事業者基盤をまたぐ実装
Avatar for Sato Takeshi satotakeshi
0
50
まさかのバグ！SwiftUIプレビューでハマった国際化対応の落とし穴
Avatar for Sato Takeshi satotakeshi
0
440
Swift愛好会 の 思い出
Avatar for Sato Takeshi satotakeshi
0
150
Xcode 15, Swift 5.9で変わる開発体験
Avatar for Sato Takeshi satotakeshi
3
3.1k
Meet passkeys
Avatar for Sato Takeshi satotakeshi
2
440
What's new in Vision
Avatar for Sato Takeshi satotakeshi
0
2.5k
Swift Concurrency入門
Avatar for Sato Takeshi satotakeshi
11
5.7k
複数端末のつらさを乗り越えてiOS UITestを実行
Avatar for Sato Takeshi satotakeshi
1
490
Xcodegenを個人アプリに導入
Avatar for Sato Takeshi satotakeshi
3
950

Other Decks in Programming

See All in Programming
AI時代に学ぶ 好きなルール 嫌いなルール Linter編
Avatar for Shota Nemoto shorty5121
0
910
新卒PdEのリアル
Avatar for ryu ryu1013
1
480
RSSとCodexを使ってX投稿自動化してみた
Avatar for Ochtum ochtum
0
110
Security issues being discussed on Web Platforms
Avatar for petamoriken / 森建 petamoriken
0
490
巨大モノリシックアプリ モダン化大作戦
Avatar for Ryomm ktcryomm
0
360
Laravelのアプリケーションをどこにデプロイするか #ツナギメオフライン.9
Avatar for akase244 akase244
0
120
App Intentsのビルドプロセスを支える技術
Avatar for kntk kntkymt
0
160
Deep dive into the select statement (GopherCon UK)
Avatar for Jesús Espino jespino
0
170
AI駆動開発にグラフDBを重ねてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
2
770
From 6 People Classroom Meetup to 100 People Regional Conference / FOSS4G Hiroshima 2026
Avatar for YFurukawa furukawayasuto
0
130
LLMは4年分のCompose移行を再現できるのか？実プロダクト279件のXMLで探る自動化の境界線
Avatar for makun makun
0
490
ハーネス設計入門 〜プロンプト、コンテキストの次〜
Avatar for kinopee kinopeee
55
37k

Featured

See All Featured
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
280
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
300
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
370
エンジニアに許された特別な時間の終わり
Avatar for watany watany
108
250k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
410
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
280
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
500
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.4k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
560
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2.1k

Transcript

  1. ΋͏໎Θͳ͍ʂ ϞʔμϧͱϓογϡͲͬ ͕͍͍ͪͷʁ ୈ2ճ iOS UI࣮૷ษڧձ 2018೥2݄14೔ ࠤ౻߶࢜ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 1

  2. Who am I ࠤ౻߶࢜ (@hatakenokakashi) MAMORIOגࣜձࣾͰiOSΤϯδχΞ͠ ͍ͯ·͢ɻ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 2

  3. ࣗ෼ͰΞϓϦΛ࡞ͬͨ͜ͱ͋Δਓ? ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 3

  4. ! ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 4

  5. σβΠϯࣗ෼Ͱ࡞ΔͷେมͰ͢Ͷ ! ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 5

  6. ը໘σβΠϯ΋େࣄ͚ͩͲը໘ભҠͷ ઃܭ΋େࣄͳUIͷ̍ͭʂ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 6

  7. ࠓ೔͸ը໘ભҠͷ࿩Λ͍ͤͯͩ͘͞͞ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 7

  8. ෩ਫͷ઎͍ΞϓϦΛ࡞͍ͬͯͨɻ Ϣʔβʔʹૢ࡞Λ͍ͤͨ͞ը໘͸Tab barͷҰ෦Ͱྑ͍ͷ͔ʁ modalͰશը໘දࣔʹ͢Δ΂͖͔ʁ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 8

  9. Tab bar࢖͏ͱը໘ྖҬ͕ڱ͘ͳΔ͚Ͳ͍͍ͷʁ શ෦࢖ͬͨ΄͏͕ྑ͘ͳ͍ʁ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 9

  10. !!!!!!!! ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 10

  11. Tab bar࢖ͬͯΔଞͷΞ ϓϦΛݟͯΈΔ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 11

  12. ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 12

  13. ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 13

  14. ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 14

  15. ! Ұཡը໘͸Tab barͰ૊ΈࠐΈɻৄࡉը໘͸ϓογϡભҠɻ ౤ߘܥ͸ϞʔμϧભҠͰશը໘දࣔɻ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 15

  16. Human Interface Guidelines iOS • Modality • Navigation ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 16

  17. Modality Ϟʔμϧͷ࢖༻͸࠷খݶʹɻҰൠతʹਓʑ͸ΞϓϦΛγʔϜϨ εʹ࢖͏͜ͱΛ޷Έ·͢ɻϞʔμϧΛ࢖͏৔໘͸Α͘Α͘ߟ͑ ·͠ΐ͏ɻ୭͔ͷ஫ҙΛҾ͖ग़͢ॏཁͳࣄ͕͋Δ৔߹΍ɺ͋Δ λεΫ͕ऴΘΔ͔ഁغ͞Εͳ͍ͱΞϓϦ͕࢖͏͜ͱ͕Ͱ͖ͳ͍ ঢ়ଶɺ·ͨ͸ॏཁͳσʔλΛอଘ͢Δ৔߹ͳͲ͕޷·͍͠Ͱ ͢ɻ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 17

  18. Modality ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 18

  19. Navigation ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 19

  20. Hierarchical Navigation ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 20

  21. Flat Navigation ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 21

  22. Content-Driven or Experience- Driven Navigation ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 22

  23. ݴ͍ํΛม͑Δͱ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 23

  24. ͦͷը໘ΛϢʔβʔ͕ • ʮݟΔʯ͕ओମͷը໘ͳΒφϏήʔγϣϯʹ૊ΈࠐΉɻ • ϓογϡભҠ • ʮ͢Δʯ͕ओମͷը໘ͳΒશ໘දࣔ͢Δɻ • ϞʔμϧભҠ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ

    24

  25. ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 25

  26. ΋͏Ұ౓ଞͷΞϓϦΛ֬ ೝ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 26

  27. Twitter ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 27

  28. Evernote ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 28

  29. ࣗ෼ͷΞϓϦͰ͸ Ϣʔβʔʹը໘ૢ࡞ͯ͠ཉ͍͠ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 29

  30. ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 30

  31. class TopTabBarController: UITabBarController, UITabBarControllerDelegate { func tabBarController(_ tabBarController: UITabBarController, didSelect

    viewController: UIViewController) { let tagNum = viewController.tabBarItem.tag switch tagNum { case 2: let second = FlyingStarViewController.instanceate() self.present(second, animated: true, completion: nil) default: break } } } ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 31

  32. ·ͱΊ • ʮݟΔʯ͕ओମͷը໘ͳΒφϏήʔγϣϯʹ૊ΈࠐΉɻ • ϓογϡભҠ • ʮ͢Δʯ͕ओମͷը໘ͳΒશ໘දࣔ͢Δɻ • ϞʔμϧભҠ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ

    32

  33. એ఻ ΋͏໎Θͳ͍ʂϞʔμϧͱϓογϡͲ͕͍͍ͬͪͷʁ 33