Slide 1
Slide 1 text
@monoqloʢͷ͘Ζʣ
͋ͳͨͷΞϓϦɺ
✨ϦϒϥϯσΟϯά✨Ͱ͖·͔͢ʁ
iOSDC TOKYO 2020
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
20209݄1
Slide 4
Slide 4 text
20209݄1
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
ৼΓฦͬͯΈΔͱ…
Slide 8
Slide 8 text
201911݄27
10ϲ݄લ
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
201812݄5
͞Βʹ1લ
Slide 11
Slide 11 text
λΫϕϧϦϦʔε͔Β8ϲ݄ޙ
Slide 12
Slide 12 text
ຖϦχϡʔΞϧ
ͯ͠ΔΜ͚
Slide 13
Slide 13 text
དྷϦχϡʔΞϧ
͋ΔͷͰ…
Slide 14
Slide 14 text
ϦϒϥϯσΟϯά
ʹޮ͘ॲํᝦબ⚕
Slide 15
Slide 15 text
ॳ
Slide 16
Slide 16 text
ϦϒϥϯσΟϯάͰ৭Λ
શ෦ม͑Δͷ͕ͭΒͯ͘…
৭Λࢦఆ͍ͯ͠Δ
Storyboard150΄Ͳ…
ॳ
Slide 17
Slide 17 text
⚕ʮαϙʔτOSόʔδϣϯ͍ͭ͘Ͱ͔͢ʯ
ʮ࣮iOS 10Ҏ߱Ͱͯ͠…ʯ
⚕ʮॏͰ͢ɻ͍·͙͢আ͠·͠ΐ͏ɻʯ
Slide 18
Slide 18 text
StoryboardΛ͏ͳΒαϙʔτ͢ΔͷiOS 11Ҏ߱ʹ
Asset CatalogͰ৭ཧΛ
ॲํᝦ
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
Asset Catalog্ͷ৭Λมߋ͢Δͱ
Ϗϧυ͞ΕͨΞϓϦStoryboard্ͷ৭ΓସΘΔ
Slide 22
Slide 22 text
ͪͳΈʹ…
Slide 23
Slide 23 text
ͪͳΈʹ…
Slide 24
Slide 24 text
ͪͳΈʹ…
Slide 25
Slide 25 text
ͪͳΈʹ…
Slide 26
Slide 26 text
ͪͳΈʹ…
Slide 27
Slide 27 text
ͪͳΈʹ…
Slide 28
Slide 28 text
ؾʹͳΔਓ͋ͱͰ
εϥΠυݟ͍ͯͩ͘͞
Slide 29
Slide 29 text
ྍ#2
Slide 30
Slide 30 text
ը૾ͷࠩ͠ସ͕͑ඞཁͳΜͰ͕͢ɺ
Կࠩ͠ସ͕͑ൃੜ͍ͯͯ͠…
ྍ#2
Slide 31
Slide 31 text
⚕ʮͪͳΈʹը૾໊ͬͯͪΌΜͱཧͰ͖ͯ·͔͢ʁʯ
ʮσβΠφʔ͕ͭͬͯ͘͘Εͨը૾ʹɺͪ͜ΒͰదʹ
໊લ͚ͭͯొ͢Δ͜ͱ͋Γ·͢Ͷʯ
⚕ʮΊͪΌͪ͘ΌඇޮͳͷͰΊ͍ͯͩ͘͞ʯ
Slide 32
Slide 32 text
ॲํᝦ
໋໊نଇࡦఆ ex. ΞΠίϯͳΒ ic_xxx_yyy , ΠϥετͳΒ illust_xxx_yyy ͱ͔
Zeplin͔ΒͷҰׅΤΫεϙʔτͰߋ৽
టष͘৽چը૾໊ରԠද.csvͭͬͯ͘ɺεΫϦϓτॻ͍ͯஔ͖͑ͨΓ͚ͨ͠Ͳɺ͕࣌ؒͳ͍ͷͰͦͷলུ
Slide 33
Slide 33 text
No content
Slide 34
Slide 34 text
No content
Slide 35
Slide 35 text
No content
Slide 36
Slide 36 text
ͨͩ͠…
Slide 37
Slide 37 text
ଥڠͱඞཁ
Slide 38
Slide 38 text
લఏ
ը૾αΠζม͑ͳ͍
ϨΠΞτʹӨڹ͕͋Δͷݸผʹࠩ͠ସ͑
Slide 39
Slide 39 text
1ͭͷ໊લʹରͯ͠1ͭͷը૾͔͠ొͰ͖ͳ͍
Slide 40
Slide 40 text
1ͭͷ໊લʹରͯ͠1ͭͷը૾͔͠ొͰ͖ͳ͍
Slide 41
Slide 41 text
1ͭͷ໊લʹରͯ͠1ͭͷը૾͔͠ొͰ͖ͳ͍
͑ͳ͍
Slide 42
Slide 42 text
• Appearance
μʔΫϞʔυରԠͰ͖ͳ͍…
• Slicing
Contents.jsonͷimages͕·Δ͝ͱஔ͖ΘΔͷͰϦηο
τ͞ΕΔ
ಛʹͭΒ͍ͷ
Slide 43
Slide 43 text
"images" : [
{
- "idiom" : "universal",
- "filename" : "company_noimage_outlined.pdf"
+ "filename" : "company_noimage_outlined.pdf",
+ "idiom" : "universal"
}
"images" : [
{
- "filename" : "radio_unselected.pdf",
- "idiom" : "universal"
+ "idiom" : "universal",
+ "filename" : "radio_unselected.pdf"
}
ΤΫεϙʔτͰ༨ܭͳdiff͕ൃੜ
Slide 44
Slide 44 text
େͷը૾ࠩ͠ସ͕͑ඞཁʹͳͬͯ…
ݕࡧͰ͖Δ͠ը૾Λݟ͚ͭΔͷ͕؆୯
·Δ͝ͱஔ͖͑Δ͚ͩͰྑ͍
ը૾Λݟ͚ͭΔͷཧେมʢiOSͱAndroidͰ
ἧ͍ͬͯͳ͍͠…ʣ
ͻͱͭͻͱͭஔ͖͑Δͷखؒ
Slide 45
Slide 45 text
ྍ#3
Slide 46
Slide 46 text
࣮࣌ʹ
ϑΥϯταΠζΛ
ؒҧ͕͑ͪͰ…
ྍ#3
Slide 47
Slide 47 text
⚕ʮσβΠϯࢦఆͬͱڽࢹ͍ͯͩ͘͠͞ʯ
ʮͭΒ͍ɻԿݸݟͯΔͱήγϡλϧτ่յ͠·͢…ʯ
⚕ʮΘ͔Δʯ
ʮ> Θɹ͔ɹΔ <ʯ
⚕ʮͰ֤αΠζʹ໊લΛ͚ͭͯΈ͍͔͕ͯͰ͠ΐ͏ʯ
Slide 48
Slide 48 text
ॲํᝦ
֤ϑΥϯταΠζ͝ͱʹɺ૬ରతʹαΠζײͷΘ͔Δ໋໊
Slide 49
Slide 49 text
title, subTitle, headline, body,… ͏ʔΜ…
ࠔΓͦ͏ͳέʔε
• ʮ͜͜… subTItle… ͳͷ͔ʁʯ
• ʮ৽͍͠ཁૉΛͲΜͲΜ͍͖ͯͦ͠͏…ʯ
Slide 50
Slide 50 text
title, subTitle, headline, body,… ͏ʔΜ…
ࠔΓͦ͏ͳέʔε
• ʮ͜͜… subTItle… ͳͷ͔ʁʯ
• ʮ৽͍͠ཁૉΛͲΜͲΜ͍͖ͯͦ͠͏…ʯ
Slide 51
Slide 51 text
No content
Slide 52
Slide 52 text
No content
Slide 53
Slide 53 text
ੜ໊͖Λ࠾༻
• ϝδϟʔͳੜ͖ͷେ͖͞ɺ૬ରతʹΠϝʔδ͍͢͠
<
• ෯Λ͓͚࣋ͨͤͯɺதؒʹ૿ͨ͘͠ͳͬͯରԠͰ͖Δ
• ֆจࣈͰදݱͰ͖Δੜ͖ͳΒࢹೝੑྑ͍
mouse rabbit dog monkey sheep bear elephant
Slide 54
Slide 54 text
No content
Slide 55
Slide 55 text
No content
Slide 56
Slide 56 text
No content
Slide 57
Slide 57 text
public enum TextStyle {
case mouse(FontWeight = .regular) // 12
case rabbit(FontWeight = .regular) // 13
case dog(FontWeight = .regular) // 14
case monkey(FontWeight = .regular) // 17
case sheep(FontWeight = .regular) // 19
case bear(FontWeight = .regular) // 23
case elephant(FontWeight = .regular) // 33
internal var font: UIFont {
// ֤caseͷϑΥϯτΛฦ͢
return .systemFont(ofSize: size,
weight: weight)
}
}
ίʔυ্ͷϑΥϯτఆٛʢεϥΠυ༻ʹ؆ུԽͯ͠·͢ʣ
public enum FontWeight {
case regular
case heavy
fileprivate var value: UIFont.Weight {
switch self {
case .regular: return .regular
case .heavy: return .heavy
}
}
}
Slide 58
Slide 58 text
⚕
3ͭհͨ͠ΜͰ͕͢…
Slide 59
Slide 59 text
ۓٸ֎དྷ
One more thing…
Slide 60
Slide 60 text
Ծը૾ͷ··ϦϦʔε
ͦ͠͏ʹͳͬͯ͠·ͬͯ…
ۓٸ
֎དྷ
Slide 61
Slide 61 text
⚕ʮීஈͷ༷ࢠΛڭ͑ͯΒ͑·͔͢ʯ
ʮΞϓϦͷผͷը૾ΛͱΓ͋͑ͣηοτ͓͍ͯͨ͠
ΓɺσβΠϯ্ͷԾը૾͕͋ΕͦΕΛೖΕͨΓ…ʯ
⚕ʮΕͯແཧͳ͍Ͱ͢ͶɻίϯύΠϥͷྗΛआΓ·
͠ΐ͏ʯ
Slide 62
Slide 62 text
ॲํᝦ
σόοάϏϧυͰͷΈఆٛ͞ΕΔUIImageͷextension
Slide 63
Slide 63 text
#if DEBUG
extension UIImage {
@available(iOS, deprecated, message: "temporary() is
temporary image. it needs to be fixed")
func temporary() -> UIImage {
return self
}
}
#endif
UIImage+Temporary
Slide 64
Slide 64 text
Debug
Release
Slide 65
Slide 65 text
ࣗݾհ
Slide 66
Slide 66 text
@monoqloʢͷ͘Ζʣ
• Mobility Technologies Ͱಇ͍ͯΔਓ
• 1ϲ݄લ͔ΒFF14ΛΏΔ;ΘϓϨΠத
@ElementalDC/Atomos
Ξόλʔ͕͔Θ͍ͯ͘ϩάΠϯ͢Δͨͼ
ʹQoL্͕Δ☺
Slide 67
Slide 67 text
@monoqloʢͷ͘Ζʣ
• Mobility Technologies Ͱಇ͍ͯΔਓ
• 1ϲ݄લ͔ΒFF14ΛΏΔ;ΘϓϨΠத
@ElementalDC/Atomos
Ξόλʔ͕͔Θ͍ͯ͘ϩάΠϯ͢Δͨͼ
ʹQoL্͕Δ☺
Slide 68
Slide 68 text
APPENDIX
Slide 69
Slide 69 text
iOS 10ҎԼΛ
αϙʔτͯ͠ΔΞϓϦ
ௐͯΈ·ͨ͠
Slide 70
Slide 70 text
32/100
ແྉAppϥϯΩϯάϕετ100 2020/09/19࣌
Slide 71
Slide 71 text
No content
Slide 72
Slide 72 text
ը૾ҰׅΤΫεϙʔτ࣮ݱʹ͚ͨటष͍ࣄલ४උ
JNBHF@OBNFTDTW
JDPO@DBODFM@UBYJ JD@DBODFMUBYJ@NBJODPMPS
JDPO@DBTI JD@DBTI@NBJODPMPS
JDPO@DIFDL@TFMFDUFE JD@DIFDL@DJSDMF@pMM@NBJODPMPS
JDPO@DIFDL JD@DIFDL@DJSDMF@PVUMJOFE@EJTBCMF
DBSECSBOE@VOLOPXO@9- JD@DSFEJUDBSE@pMM@YM@HSBZ
DPVQPO JMMVTU@DPVQPO@CBOOFS
৽چը૾໊ରԠද.csvΛ࡞
ஔεΫϦϓτΛͭͬͯࠩ͘͠ସ͑
Slide 73
Slide 73 text
require "csv"
if ARGV.count != 2 then
puts "Ҿͷ͕ਖ਼͋͘͠Γ·ͤΜɻ"
puts "ୈ1Ҿʹ ஔ͍ͨ͠ը૾໊ҰཡcsvϑΝΠϧ ͷpathΛɺୈ2Ҿʹ Storyboard/xib ؚ͕·ΕΔσΟϨΫτϦͷpathΛ༩͍͑ͯͩ͘͞ɻ"
exit
end
image_names_path = ARGV[0]
if File.extname(image_names_path) != ".csv" then
puts "ୈ1Ҿʹࢦఆ͞ΕͨϑΝΠϧcsvϑΝΠϧͰ͋Γ·ͤΜɻਖ਼͍͠ϑΝΠϧΛࢦఆ͍ͯͩ͘͠͞ɻ"
exit
end
root_path = ARGV[1]
image_names = CSV.read(image_names_path)
image_names.each { |names|
old_name = names[0]
new_name = names[1]
next if new_name.nil? || old_name.nil?
puts "#{old_name} => #{new_name}"
[
["
Slide 74
Slide 74 text
ϏοτϚοϓͱϕΫλʔScreenΛ͚Δ
Slide 75
Slide 75 text
No content
Slide 76
Slide 76 text
PNGʹPDFʹ͍ͨ͠ը૾ؚ·
Εͯ͠·͏ͷͰɺ
͍ࠞͬͯ͟ΔͱPNG͚ͩͷҰׅ
ΤΫεϙʔτ͕Ͱ͖ͳ͍
Slide 77
Slide 77 text
࠷ޙʹେͳ͜ͱ
Slide 78
Slide 78 text
σβΠφʔͱڠྗ͠Α͏
Slide 79
Slide 79 text
• ܰඍͳ৭/ը૾मਖ਼ͳΒσβΠφʔࣗΒ֬ೝͰ͖Δମ੍Λͭ͘Δ
• ৭ͬͯඍௐ͕ͪ͠
• ΤϯδχΞ͕Ϗϧυͯͨ͠͠Γݟͤʹ͍͔ͳͯ͘ྑ
͍ͷͰߴޮ
• GitHubͷwikiʹඇΤϯδχΞ͚ϏϧυϚχϡΞϧඋ
• λʔϛφϧॳ༻Ͱɺgitͷ͕ࣝͳͯ͘ɺϏϧυͰ͖Δ
֬ೝαΠΫϧΛૣ͘ճ͢͜ͱॏཁ