Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
4UPSZ#PBSE ʴ"VUP-BZPVU όουϊϋ @shobyshoby
Slide 2
Slide 2 text
ࣗݾհ pixivͰΞϓϦͭͬͯ͘·͢
Slide 3
Slide 3 text
ຊ
Slide 4
Slide 4 text
Έͳ͞Μ ίʔυ ៉ྷʹอͬͯ·͔͢ʁ
Slide 5
Slide 5 text
ʮʔ͍ʂ ɹςετॻ͍ͯΔ͠ ɹϦϑΝΫλϦϯά ɹͯ͠·ʔ͢ʂʯ
Slide 6
Slide 6 text
StoryBoard…ʁ
Slide 7
Slide 7 text
※࣮ࡏͨ͠StoryBoard
Slide 8
Slide 8 text
Ͳ͏ͯ͜͠͏ͳͬͨ…
Slide 9
Slide 9 text
ࣄͷܦҢ
Slide 10
Slide 10 text
pixivͷΞϓϦͰ StoryBoardΛ ͍͕ͬͯͨഁͨ͠
Slide 11
Slide 11 text
UI͕ݪҼͷ ɹΫϥογϡ͕සൃ Ұཡੑ͕ѱԽ ɹભҠͷѲ͕ࠔʹ GitͰConflict͠·͘Γ
Slide 12
Slide 12 text
ݪҼ
Slide 13
Slide 13 text
UIʹؔ͢Δ ϝϯςφϯεҙࣝͷ͞ iPhoneͱiPadͰͷ UI͍ճ͠ ରԠόʔδϣϯiOS 5ʙ
Slide 14
Slide 14 text
StoryBoardͭΒ͍… ! ͔ͱ͍ͬͯ ॻ͖͢ͷͭΒ͍…
Slide 15
Slide 15 text
;ͱݟͨυΩϡϝϯτ https://developer.apple.com/jp/devcenter/ios/library/ documentation/AutolayoutPG.pdf
Slide 16
Slide 16 text
Auto LayoutΛಋೖ͢Εɺը໘ͷେ ͖͖͞ɺ ҬઃఆʢݴޠͳͲʣͷҧ͍ʹԠͯ͡ ಈతʹมԽ͢Δɺ൚༻తͳը໘ϨΠΞ τΛ࡞Γग़͢͜ͱ͕Ͱ͖·͢ɻ
Slide 17
Slide 17 text
͜Εʂ
Slide 18
Slide 18 text
Auto Layout͓͏ ͍ͭͰʹ ϦϑΝΫλϦϯά͠Α͏
Slide 19
Slide 19 text
త
Slide 20
Slide 20 text
StoryBoardΛ ៉ྷʹอͪͭͭ Auto LayoutΛ ͏·͍͜ͱ͍͍ͨʂ
Slide 21
Slide 21 text
4UPSZ#PBSE ʴ"VUP-BZPVU όουϊϋ
Slide 22
Slide 22 text
֓ཁ
Slide 23
Slide 23 text
αϙʔτ04ΛΔ ػೳΛΔ 4UPSZ#PBSEΛׂ͢Δ 7JFX$POUSPMMFSΛׂ͢Δ ίʔυͰԿͱ͔͢Δ
Slide 24
Slide 24 text
αϙʔτ04ΛΔ
Slide 25
Slide 25 text
iOS 6ҎԼΛ ΓࣺͯΔ https://developer.apple.com/support/appstore/
Slide 26
Slide 26 text
ػೳΛΔ
Slide 27
Slide 27 text
ػೳΛΔ͜ͱͰ ը໘ߏΛ γϯϓϧʹอͭ
Slide 28
Slide 28 text
ػೳ͕ݮΔͱ…
Slide 29
Slide 29 text
ViewController͕ݮΔ Segue͕ݮΔ ಠࣗContainer͕ݮΔ ΧελϜView͕ݮΔ
Slide 30
Slide 30 text
Happy !
Slide 31
Slide 31 text
ͱ͍͑… ϦϦʔεࡁΈͷΞϓϦͰ ػೳΛΔͷࠔ
Slide 32
Slide 32 text
σʔλΛͬͯ આಘ͠Α͏
Slide 33
Slide 33 text
4UPSZ#PBSEΛ ׂ͢Δ
Slide 34
Slide 34 text
ViewControllerͷ ґଘؔΛݮΒ͢ Git࡞ۀͰͷ ConflictΛ͙
Slide 35
Slide 35 text
ׂํ
Slide 36
Slide 36 text
TabBarͷதΛΓग़͢ ModalΛΓग़͢ ଟͷSegue͕ுΒΕͨ ViewControllerΛΓग़͢
Slide 37
Slide 37 text
7JFX$POUSPMMFSΛ ׂ͢Δ
Slide 38
Slide 38 text
Viewͷ֊ߏΛ γϯϓϧʹ͢Δ AutoLayoutͷ ConstraintΛ ཧղՄೳͳϨϕϧʹ͢Δ
Slide 39
Slide 39 text
Auto Layout ਓྨʹૣ͗͢Δ ! ʢଞਓͷConstraint ɹཧղͰ͖ͳ͍ʣ
Slide 40
Slide 40 text
ཧղͰ͖ͳ͍Ϩϕϧ ෳͷࢠViewಉ͕࢜ґଘؔΛ࣋ͬͯΔ
Slide 41
Slide 41 text
ཧղͰ͖ͳ͍Ϩϕϧ ֊ߏ͕ෳࡶ
Slide 42
Slide 42 text
ཧղͰ͖ΔϨϕϧ 2ͭͷViewಉ࢜ͷ੍…͙Β͍
Slide 43
Slide 43 text
Γग़ͤΔ෦Λ ผͷViewControllerʹ childViewControllerʹ͢Δ
Slide 44
Slide 44 text
Γग़ͤͦ͏ͳॴ
Slide 45
Slide 45 text
Slide 46
Slide 46 text
Place Holder PlaceHolderͱͳΔViewΛஔ͍ͯ addSubView + addChildViewController
Slide 47
Slide 47 text
2ͭͷViewಉ࢜ͷ ੍ʹͰ͖ͨʂ
Slide 48
Slide 48 text
ίʔυͰԿͱ͔͢Δ
Slide 49
Slide 49 text
Ͳ͏ͯ͠ ͍͠෦͚ͩ ίʔυͰԿͱ͔͢Δ
Slide 50
Slide 50 text
ConstraintʹIBOutletΛ ܨ͍ͯมߋ͢Δ ConstraintΛ ίʔυͰॻ͘
Slide 51
Slide 51 text
ConstraintΛ ίʔυͰॻ͘߹ MasonryΛ͏ͱศར https://github.com/cloudkite/Masonry
Slide 52
Slide 52 text
Masonryͷ͍ํ // Ճ [view makeConstraints:^(MASConstraintMaker *make) { make.edges.equalTo(self.view); }]; ! // ߋ৽ [view updateConstraints:^(MASConstraintMaker *make) { make.edges.equalTo(self.view); }];
Slide 53
Slide 53 text
݁Ռ
Slide 54
Slide 54 text
Before
Slide 55
Slide 55 text
After
Slide 56
Slide 56 text
Happy !
Slide 57
Slide 57 text
݁ہ"VUP-BZPVU ͬͯͲ͏ͳͷʁ
Slide 58
Slide 58 text
ྑ͍ॴ
Slide 59
Slide 59 text
UIʹΑΔ Ϋϥογϡόά͕ ݮͬͨ
Slide 60
Slide 60 text
σβΠφʔ͞Μ͕ Pull RequestΛ ૹͬͯ͘ΕΔΑ͏ʹͳͬͨ
Slide 61
Slide 61 text
merge࣌ ඞ࣮ͣߦͯ͠ ֬ೝ͢ΔΑ͏ʹͳͬͨ ʢGitHub্ͩͱ͔Βͳ͍ͷͰ…ʣ
Slide 62
Slide 62 text
ѱ͍ॴ
Slide 63
Slide 63 text
৬ਓٕΛΒΕΔͱ ·ͬͨ͘ཧղͰ͖ͳ͍
Slide 64
Slide 64 text
ϨΠΞτ่Εͷ ݪҼ͕௫ΈͮΒ͘ͳͬͨ
Slide 65
Slide 65 text
ܧଓͯ͠ ϝϯςφϯεͰ͖Δ ؾ͕͠ͳ͍…
Slide 66
Slide 66 text
"VUP-BZPVU ͏͖ʁ
Slide 67
Slide 67 text
https://twitter.com/k_katsumi/status/455340572820000768
Slide 68
Slide 68 text
ۜͷؙͰͳ͍ ศརʹ͑ศར
Slide 69
Slide 69 text
·ͱΊ
Slide 70
Slide 70 text
ػೳΛͬͯγϯϓϧʹ͢Δ 4UPSZ#PBSEΛׂ͢Δ 7JFX$POUSPMMFSΛׂ͢Δ ࠷ޙʹίʔυͰԿͱ͔͢Δ ศརʹͬͯɺ6*Λ៉ྷʹ
Slide 71
Slide 71 text
͓͠·͍