Slide 1
Slide 1 text
ΧδϡΞϧʹ͡ΊΔ7'-
CBOKVO
",*#"TXJGUʷΤϨΧίʔυϨΠΞτษڧձ
7JTVBM'PSNBU-BOHVBHF
autolayout("H:|-[AKIBA][eureka]-|")
Slide 2
Slide 2 text
Μ͡ΎΜ!CBOKVO
ࣗݾհ
'MJDL4,,4,,ΩʔϘʔυ J04
-PWF-JWFSϥΠϒϑΥτੜ NBD04
1IPUP4UVEJP1MBZFS
ϥΠτχϯάΫϩϚΩʔΩϟϓνϟ NBD04
࠷ۙࢀՃͨ͠ϋοΧιϯ
ΞΠϚεϋοΧιϯɾϓϦύϥϋοΧιϯ
Slide 3
Slide 3 text
ίʔυϨΠΞτ͍ͯ͠Δ
!"
Slide 4
Slide 4 text
7'-Λ͍ͬͯΔ
!"
"H:|-[AKIBA][eureka]-|"
˞7JTVBM'PSNBU-BOHVBHF͜Μͳײ͡ͷ
Slide 5
Slide 5 text
7JTVBM'PSNBU-BOHVBHF
"H:|-[AKIBA][eureka]-|"
"QQMFͷ
"VUP-BZPVU(VJEF
ʹग़ͯ͘Δ
Slide 6
Slide 6 text
Α͘ݟ͔͚Δ7'-
Will attempt to recover by breaking constraint
੍͕ίϯϑϦΫτͨ͠ͱ͖ͷίϯιʔϧϩά
ςΩετίϛϡχέʔγϣϯ
Slide 7
Slide 7 text
J04͕࠷λʔήοτ࣌ʹBVUPMBZPVUಋೖ
*#όʔδϣϯཧɾνʔϜ։ൃͭΒ͍
ίʔυϨΠΞτΛࢼߦࡨޡͯ͠7'-࠾༻
7'-पลͷϘΠϥʔϓϨʔτΛӅ͢ϥΠϒϥϦ࡞
7'-Λ͏͖͔͚ͬ
Slide 8
Slide 8 text
ʮ/PSUINFUIPEʯ͕ऩ͞Ε͍ͯΔ$%
7'-ͷബ͍ϥούʔ ॳظWFSMJOFT
ಠࣗͷϨΠΞτख๏Λಋೖ͠ͳ͍ Ͱ͖Δ͚ͩ
͋͘·Ͱඪ४ػೳΛ࠷Ͱ͏ͨΊ
ଞͷ੍ͱΈ߹ΘͤͰ͖Δ
໋໊QPEԽͨ͠ͱ͖ͷ
։ൃ߹॓ఱମͷϝιου८ྱ
ʹ༝དྷ
/PSUI-BZPVU
Slide 9
Slide 9 text
αϯϓϧ
˞࠷ۙ4BGF"SFBΛؾʹ͍ͯͨ͠ͷͰͦ͏͍͏
αϯϓϧΞχϝ
˞੍ࣗମ੩త
Slide 10
Slide 10 text
αϯϓϧ
˞࠷ۙ4BGF"SFBΛؾʹ͍ͯͨ͠ͷͰͦ͏͍͏
αϯϓϧΞχϝ
˞੍ࣗମ੩త
Slide 11
Slide 11 text
/PSUI-BZPVUͰॻ͘
Slide 12
Slide 12 text
pod "NorthLayout"
window = UIWindow()
window?.rootViewController = UINavigationController(
rootViewController: ViewController(
nibName: nil, bundle: nil))
window?.makeKeyAndVisible()
didFinishLaunching
Slide 13
Slide 13 text
override func loadView() {
super.loadView()
let autolayout = northLayoutFormat(["p": 8], [
"icon": iconView,
"name": nameLabel])
autolayout("H:|-p-[icon(==64)]")
autolayout("H:|-p-[name]-p—|")
autolayout("V:|-p—[icon(==64)]-p-[name]")
}
iconView
nameLabel
Slide 14
Slide 14 text
(ϝτϦΫε, Ϗϡʔ໊ࣙॻ) -> (VFLจࣈྻ) -> Void
northLayoutFormat:
autolayout(…)
Slide 15
Slide 15 text
ϨΠΞτ࣠Ͱॻ͘
Slide 16
Slide 16 text
ϨΠΞτ࣠Ͱॻ͘
Slide 17
Slide 17 text
ϨΠΞτ࣠Ͱॻ͘
Slide 18
Slide 18 text
ϨΠΞτ࣠Ͱॻ͘
autolayout("H:|-[icon]-[name]-[date]-|")
autolayout("H:|-[body]-|")
autolayout("H:|-[nav]-[fav(==nav)]—|")
Slide 19
Slide 19 text
ϨΠΞτ࣠Ͱॻ͘
autolayout("V:|-[icon]-[body]-[nav]")
autolayout("V:|-[name(==icon)]-[body]-[fav(==nav)]")
autolayout("V:|-[date]")
Slide 20
Slide 20 text
autolayout("H:|-[icon]-[name]-[date]-|")
ඞཁͳ࣠ͷݸ7'-ͷจࣈྻͷ
ಡΈ͢͞Ͱׂͯ͠Α͍
࣠ʹରͯ͠Ұ؏ੑͷ͋Δෳͷ੍Λੜ
MFGU
SJHIUϛεൈ͚͕ൃੜ͠ʹ͍͘
ϏϡʔೖΕସ͑؆୯ɺEJ⒎Θ͔Γ͍͢
͜ͷྫͰྡϏϡʔؒͷ੍ੜ
Slide 21
Slide 21 text
จࣈྻͷฐͷͱΒ͔͑ͨ
"H:|-[ࣙॻʹͳ͍Ϗϡʔ໊]-|"
"H:[ϋΠϑϯͷӈଆ͕ͳ͍]-"
"H:[[͍Ζ͍Ζจ๏͕͓͔͍͠]]"
ˠ࣮֬ʹΫϥογϡ
ˠ
Ұಈ͚0,
7'-Ҏ֎Ͱࠔͳ໋
ίϯύΠϧ͕௨ΔͳΒ੍͕ڝ߹͠ͳ͍
ίϯύΠϧ͕௨ΔͳΒϨΠΞτ͕ҙਤ௨Γ
Slide 22
Slide 22 text
7'-ͱ4BGF"SFB
7'-4BGF"SFBهड़ෆՄೳ
Ͱ7'-ͬΆ͘؆୯ʹॻ͖͍ͨ
Slide 23
Slide 23 text
autolayout("H:|[header]|")
autolayout("H:||[icon]…
֦ு7'-
ॎຊTVQFSWJFXڥք
ॎຊϨΠΞτϚʔδϯڥք
7'-
֦ு /&8
ϨΠΞτϚʔδϯ4BGF"SFBΛߟྀ͢Δ
͞ΒʹJ1IPOF9Ҏ֎Ͱ༗ޮ
Slide 24
Slide 24 text
autolayout("H:|[header]|")
autolayout("H:||[icon]…
֦ு7'-
ॎຊ
ॎຊ
7'-
֦ு /&8
Slide 25
Slide 25 text
https://github.com/kareman/FootlessParser/pull/10
https://github.com/kareman/FootlessParser/pull/11
֦ு7'-ͷύʔεʹΉ͚ͯ
kareman/FootlessParser
Slide 26
Slide 26 text
7'-ύʔαʔΛͭ͘Δ
struct VFL {
let orientation: Orientation
let firstBound: (Bound, Connection)?
let firstView: View
let views: [(Connection, View)]
var lastView: View {return views.last?.1 ?? firstView}
let lastBound: (Connection, Bound)?
Slide 27
Slide 27 text
7'-ύʔαʔΛͭ͘Δ
enum Orientation {case h, v}
struct View {
let name: String
let predicateListWithParens: [Predicate]
}
enum Bound: String {
case superview = "|"
case layoutMargin = "||"
}
struct Connection {
let predicateList: PredicateList
}
Slide 28
Slide 28 text
7'-ύʔαʔΛͭ͘Δ
enum PredicateList {
case simplePredicate(SimplePredicate)
case predicateListWithParens([Predicate])
}
enum SimplePredicate {
case metricName(MetricName)
case positiveNumber(CGFloat)
}
enum Relation {case eq, le, ge}
enum ObjectOfPredicate {
case constant(Constant)
case viewName(ViewName)
}
Slide 29
Slide 29 text
7'-ύʔαʔΛͭ͘Δ
enum Constant {
case metricName(MetricName)
case number(CGFloat)
}
enum Priority {
case metricName(MetricName)
case number(CGFloat)
}
struct Predicate {
let relation: Relation?
let objectOfPredicate: ObjectOfPredicate
let priority: Priority?
}
}
Slide 30
Slide 30 text
autolayout("H:||[icon]…
autolayout("H:[icon]…
ڥք੍ͷ͢Γ͔͑
ϨΠΞτϚʔδϯͷ੍
Slide 31
Slide 31 text
͖ͭͮ8FCͰ
https://github.com/banjun/NorthLayout/pull/11
Slide 32
Slide 32 text
NBD04ΞϓϦͷϨΠΞτ
NBD04ͰBVUPMBZPVUͯ͠ΈΔͱָ͍͠
ը໘Πϯυ͕ઈରͰͳ͍ੈք
ΠϯυϦαΠζΑΓڧ͍Ϗϡʔ͔ऑ͍Ϗϡʔ͔
.BJO4UPSZCPBSE͢ͷ͕Φεεϝ
/4.FOVͷͨΊ
࠷ॳ*OUFSGBDF#VJMEFSͷϚʔδϯͷΨΠυͰײ
֮௫Ήͷ͕ྑ͍͔
/PSUI-BZPVUJ04NBD04ରԠͰ͢
Slide 33
Slide 33 text
autolayout("H:||[AKIBA][eureka]||")