Tweet
Tweet

Slide 1

Slide 1 text

StoryboardΛੵۃతʹ࢖͏΂͖͔ʁ ʙͦͷ໾ׂʹجͮ͘Ұߟ࡯ʙ IBOZV!4BOTBO *OD 2017.06.23 #iOS_UI࣮૷ษڧձ

Slide 2

Slide 2 text

Who? • HANYU, Koji • Sansan, Inc. iOS Developer • 2017/3~

Slide 3

Slide 3 text

Storyboardͷ̎ͭͷ໾ׂ w ετʔϦʔϘʔυ • Interface Builder

Slide 4

Slide 4 text

func chooseUiDevelopMethod(when situation: Situation) -> UIDevelopMethod { switch situation { case .developScreenTransition, .developSimpleView: return .byStoryboard case .developComplexView, .developLooksLikeOtherPlatformUI: return .byNibFilesAndCodess } }

Slide 5

Slide 5 text

case .developScreenTransition

Slide 6

Slide 6 text

Slide 7

Slide 7 text

DetailView

Slide 8

Slide 8 text

• ϝϦοτ • ը໘ભҠ΍ಋઢͷෳࡶ౓͕WYSIWYGʹͳΔ • ͲΜͳભҠ(Push? Modal?)Λ͢Δͷ͔΋ḷΓ΍͍͢ • σϝϦοτ • performSegue, prepareForSegue͔Βಀ͛ΒΕͳ͍… ը໘ભҠͷ࣮૷ʹ͸ StoryboardΛετʔϦʔϘʔυͱͯ͠࢖͏

Slide 9

Slide 9 text

case .developSimpleView

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

• ϝϦοτ • ࠷ऴతͳը໘͕(ͦΕͳΓʹ)WYSIWYGʹͳΔ • ୹࣌ؒͰAuto LayoutରԠͰ͖Δ • σϝϦοτ • ࣗ༝౓͸௿͍(HIG͔Βͷҳ୤͸೉͍͠) γϯϓϧͳViewͷ࣮૷ʹ͸ StoryboardΛInterface Builderͱͯ͠࢖͏

Slide 13

Slide 13 text

case .developComplexView, .developLooksLikeOtherPlatformUI

Slide 14

Slide 14 text

※ΠϝʔδͰ͢

Slide 15

Slide 15 text

Slide 16

Slide 16 text

• ϝϦοτ • ը໘ͷߏ੒ཁૉ͕(ͦΕͳΓʹ)WYSIWYGʹͳΔ • Auto LayoutରԠ͸IBʹ೚ͤɼͩ͜ΘΓͷ࣮૷ՕॴͷΈίʔυͰ࣮ݱ • σϝϦοτ • ը໘ͷશମ૾/ΠϯλϥΫγϣϯ͸WYSIWYGʹͳΒͳ͍(Ͱ͖ͳ͍) ෳࡶͳView΍ಠࣗͷςΠετͷUIΛ࣮૷͢Δ࣌͸ nibͱίʔυͰ࣮૷͢Δ

Slide 17

Slide 17 text

ͱ͸͍͑ɼ ※ੈքதͷ։ൃνʔϜΛ೰·ͤΔίϯϑϦΫτͷ໰୊΋͋Δ͕ɼ ࠓճ͸ʮ໾ׂ͔Β࢖͍ํ͸ߟ͑Δʯͱͯ͠࿩ΛਐΊ͖ͯͨͷͰׂѪ ϑΝΠϧ͸૿͑ɼ Ϗϧυ࣌ؒ΋૿͑Δ…

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

StoryboardΛੵۃతʹ࢖͏΂͖͔ʁ • Storyboardͷ2ͭͷ໾ׂ͔Βߟ͑Δ • ετʔϦʔϘʔυͱͯ͠͸YES
 ը໘ભҠɾಋઢͷWYSIWYGԽ • Interface Builderͱͯ͠͸ঢ়گʹΑΔ
 γϯϓϧͰHuman Interface Guidelines४ڌͳը໘͸YES
 ෳࡶͳը໘ɾಠࣗςΠετͷը໘͸NO