Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

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

Sato Takeshi

February 14, 2018
Tweet

More Decks by Sato Takeshi

See All by Sato Takeshi
まさかのバグ！SwiftUIプレビューでハマった国際化対応の落とし穴
Avatar for Sato Takeshi satotakeshi
0
300
Swift愛好会 の 思い出
Avatar for Sato Takeshi satotakeshi
0
91
Xcode 15, Swift 5.9で変わる開発体験
Avatar for Sato Takeshi satotakeshi
3
3k
Meet passkeys
Avatar for Sato Takeshi satotakeshi
2
360
What's new in Vision
Avatar for Sato Takeshi satotakeshi
0
1.7k
Swift Concurrency入門
Avatar for Sato Takeshi satotakeshi
11
5.2k
複数端末のつらさを乗り越えてiOS UITestを実行
Avatar for Sato Takeshi satotakeshi
1
410
Xcodegenを個人アプリに導入
Avatar for Sato Takeshi satotakeshi
3
800
SwiftUIで作る開閉式メニュー
Avatar for Sato Takeshi satotakeshi
2
3k

Other Decks in Programming

See All in Programming
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
Avatar for Agata Naomichi agatan
1
450
CDK引数設計道場100本ノック
Avatar for kazuho cryer-shinozuka badmintoncryer
1
240
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
Avatar for Yusuke Suto sutochin26
1
6.5k
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
Avatar for panda_program panda_program
6
2.3k
AI時代の『改訂新版 良いコード／悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
Avatar for MinoDriven minodriven
21
8.7k
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
Avatar for Yutaro Muta yutailang0119
0
160
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
Avatar for Kenji Kono konokenj
4
530
PHPでWebSocketサーバーを実装しよう2025
Avatar for kubotak kubotak
0
300
What's new in AppKit on macOS 26
Avatar for 1024jp 1024jp
0
130
生成AI時代のコンポーネントライブラリの作り方
Avatar for touyou touyou
1
250
Hack Claude Code with Claude Code
Avatar for Akihiro Okuno choplin
5
2.4k
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
Avatar for コドモン開発チーム codmoninc
2
20k

Featured

See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
54k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
1.9k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k

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