Yahoo!乗換案内のダークモード対応

by Tatsuya Tanaka

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Yahoo! JAPAN Advent Calendar 2019 Yahoo! JAPAN Tech Blogʹ μʔΫϞʔυʹؔ͢ΔهࣄΛॻ͍ͨͷͰͥͻݟͯΈ͍ͯͩ͘͞ IUUQTUFDICMPHZBIPPDPKQFOUSZ

Slide 4

Slide 4 text

Qiita Advent Calendar 2019 iOSͱSwiftͷAdvent Calendarʹ΋৭ʑॻ͖·ͨ͠ ࢖͏ͱख์ͤͳ͘ͳΔ4XJGU&YUFOTJPOू 4XJGU൛ IUUQTRJJUBDPNUBUUOJUFNT⒎FCDFDCF 4XJGU6*ΞϓϦ։ൃ࣮ફϙΠϯτ IUUQTRJJUBDPNUBUUOJUFNTGFFGFBE

Slide 5

Slide 5 text

৐׵Ҋ಺ΞϓϦ͸ iOS 13ϦϦʔεॳ೔ʹ μʔΫϞʔυରԠ͠·ͨ͠ IUUQTUXJUUFSDPNUBOBLBTBOTUBUVT

Slide 6

Slide 6 text

μʔΫϞʔυʹରԠͨ͠ཧ༝

Slide 7

Slide 7 text

μʔΫϞʔυʹରԠͨ͠ཧ༝ WWDC19ʹࢀՃ͠ΩϟονΞοϓͨ͠தͰ Apple͕͔ͳΓྗΛೖΕ͍ͯΔػೳͩͱײͨ͡ ৐׵Ҋ಺ΞϓϦ͸iOSͷ৽ػೳΛੵۃతʹऔΓೖΕ͍ͯ·͢ɻ App Storeʹಛू͞ΕΔνϟϯε iOS 12Ͱ͸SiriγϣʔτΧοτʹରԠ͠·ͨ͠ɻ

Slide 8

Slide 8 text

ਐΊํ

Slide 9

Slide 9 text

޻਺ͷݟੵ΋Γ Ͳͷ͘Β͍ͰऴΘΔͷ͔෼͔Βͳ͚Ε͹ɺ ຊ֨తͳ࡞ۀʹ͸౿Έ੾Ε·ͤΜ (౰࣌ͷԾͷσβΠϯ) ͍͔ͭ͘ͷը໘ͷԾͷσβΠϯΛܾΊɺ ͦͷରԠʹͲΕ͘Β͍͔͔Δͷ͔Λܭଌ ը໘਺×ฏۉ࡞ۀ࣌ؒ+α (৭ඍௐ੔࣌ؒ౳) ͱ͍͏ͬ͘͟ΓܭࢉͰ޻਺Λࢉग़͠·ͨ͠

Slide 10

Slide 10 text

࡞ۀ෼୲ 1ը໘1Storyboardߏ੒ͳͷͰը໘͝ͱʹ࡞ۀ෼୲ɻ ૉ๿ͳIssueͰλεΫ؅ཧɻ σβΠφʔ΋όϦόϦXcodeͰ ৭ઃఆΛ͍ͯ͠·͢ɻ ΤϯδχΞ͸ಈతͳ෦෼Λ༏ઌతʹରԠͨ͠Γɺ εΫϦϓτʹΑΔҰׅઃఆΛͨ͠Γ͠·ͨ͠ɻ

Slide 11

Slide 11 text

Asset CatalogͰͷ৭ఆٛ Asset CatalogͰఆٛͨ͠৭Λ࢖͏ͨΊʹ͸ αϙʔτόʔδϣϯΛiOS 11Ҏ্ʹ͢Δඞཁ͕͋Γ·͢ɻ StoryboardΛ׆༻͓ͯ͠Γɺ ͜Εͳ͠ʹ͸ରԠ͕͔ͳΓࠔ೉ͳͨΊɺ Ϣʔβʔൺ཰͕͔ͳΓগͳ͘ͳ͍ͬͯͨ iOS 10ͷαϙʔτΛ੾Γ·ͨ͠ɻ

Slide 12

Slide 12 text

ը૾͸ޙճ͠ʹͯ͠৭ઃఆΛਐΊΔ ৐׵Ҋ಺ʹ͸500छྨΛ௒͑Δը૾σʔλ͕͋Γ·͢… ͜ΕΒͷμʔΫϞʔυ൛ը૾Λ࡞Δͷ͸ ࢸ೉ͷٕͳͷͰ৭ઃఆͱฒߦͯ͠ ਐΊ͍͖ͯͨͩ·ͨ͠ɻ ѹ౗తײँ (ը૾ࠩ͠ସ͑લ) (΋ͪΖΜɺ͢΂ͯ࢖༻͍ͯ͠Δ΋ͷͰ͢)

Slide 13

Slide 13 text

٧·ͬͨͱ͜Ζ IUUQTRJJUBDPNUBUUOJUFNTDCFEEDFBB ʮμʔΫϞʔυରԠͰࠓ஫ҙ͢΂͖͜ͱʯʹ΋Ұ෦ॻ͖·ͨ͠

Slide 14

Slide 14 text

iOS 12ҎԼͰϥϕϧ͕ਅͬࠇʹͳΔ໰୊ ←ϚεΫॲཧ͞Ε͍ͯΔ͔ͷΑ͏ͳ ࠇ͍˙͕ݱΕ·ͨ͠… (iOS 12ҎԼͷΈ) UILabelͷisOpaque͕YESͰ എܠ৭ະઃఆʹͳ͍ͬͯΔͱ iOS 13ͷSDK͔ΒਅͬࠇʹͳΔΑ͏Ͱ͢ɻ ࠓճ͸NOʹઃఆ͠·ͨ͠ɻ

Slide 15

Slide 15 text

iOS 12ҎԼͰ৭͕มΘΒͳ͍ Ұ൪ૣ͍/͍҆/ָͳ෦෼͕ ΦϨϯδʹͳΔ࢓༷Ͱ͕͢ iOS 12ҎԼͰ͸΄΅ΦϨϯδʹ ͳ͍ͬͯ·ͨ͠… ޡ ਖ਼

Slide 16

Slide 16 text

iOS 12ҎԼͰ৭͕มΘΒͳ͍ iOS 12ҎԼͰ͸Xib/StoryboardͰ Asset Catalogͷ৭Λઃఆ͍ͯ͠Δͱ ίʔυͰઃఆͨ͠৭্͕ॻ͖͞Εɺ Xib/StoryboardͰͷ৭͕දࣔ͞ΕΔ έʔε͕͋Γ·͢ɻ ޡ ਖ਼ XibΠϯελϯεԽ→ίʔυͰ৭ઃఆ→Xib಺Ͱઃఆͨ͠৭ͷ൓ө

Slide 17

Slide 17 text

iOS 12ҎԼͰ৭͕มΘΒͳ͍ ɾXib/StoryboardͰAsset Catalogͷ৭Λࢦఆ͠ͳ͍ ɾDispatchQueue.main.asyncͳͲͰ ɹ৭ઃఆΛ஗Ԇͤ͞Δ ରԠํ๏ ೉қ౓ͷߴ͍ؒҧ͍୳͠ʹͳΔͷͰ iOS 12ҎԼͰ͸஫ҙਂ͘ ৭ΛνΣοΫ͠·͠ΐ͏ ޡ ਖ਼

Slide 18

Slide 18 text

υοάϑʔσΟϯά͠΍͍͢ঢ়ଶΛ࡞Δ

Slide 19

Slide 19 text

υοάϑʔσΟϯά UIͷ໰୊ͳͲΛUIςετͰݕग़͢Δ͜ͱ΋େ੾Ͱ͕͢ தͷਓ͕೔ৗతʹϑΟʔυόοΫͰ͖Δঢ়ଶʹ͢Δ͜ͱ΋େࣄͰ͢ɻ IUUQTHJUIVCDPNZBIPPKBQBO"QQ'FFECBDLJPT ࣾ಺൛ͷΞϓϦͷΈ ಛผͳϑΟʔυόοΫػೳΛ͚ͭͯ ͍ͭͰ΋ؾܰʹؾʹͳΔ఺Λ࢒ͤΔΑ͏ʹ͍ͯ͠·͢ ͪ͜Β͸OSSͰ͢ɻૢ࡞Λಈըʹͯ͠SlackʹPostͰ͖ͨΓ͠·͢ɻ (Android൛΋͋Γ·͢)

Slide 20

Slide 20 text

࠷ޙʹ

Slide 21

Slide 21 text

ΤϯδχΞ͕৽ػೳಋೖΛϦʔυ͢΂͖ WWDCͷΩϟονΞοϓΛͨ͠ΓϦϑΝϨϯεΛݟ͍ͯΔ ΤϯδχΞ͕iOSͷ৽ػೳʹҰ൪ৄ͍͠͸ͣʂ

Slide 22

Slide 22 text

ΤϯδχΞ͕৽ػೳಋೖΛϦʔυ͢΂͖ ࣗ෼͸ͻͨ͢Β৽ػೳͷαϯϓϧΛ৮ΓɺίʔυΛॻ͍ͯ·͢ɻ ಈ࡞ͷ࿥ըΛSlackʹྲྀͨ͠Γɺ࡞ͬͨΞϓϦΛ഑෍ͨ͠Γͯ͠ɺ ٕज़ϝϯόʔҎ֎ʹ΋ػೳΛ঺հ͠ɺಋೖΛਪਐ͍ͯ͠·͢ɻ ͦΕͰUX͕޲্͢Ε͹Ϣʔβʔ͕૿͑ͯྑ͠ɺ ΤϯδχΞతʹ΋৽ػೳ͕৮Εָ͍ͯ͠Win-Winઓུ

Slide 23

Slide 23 text

ΤϯδχΞ͕৽ػೳಋೖΛϦʔυ͢΂͖ ৽ػೳ/৽ٕज़ʹૉૣ͘औΓ૊ΉจԽ͕ͳ͍νʔϜʹډΔਓ͸ ϓϩδΣΫτͷϝϯόʔ΍εέδϡʔϧΛ؅ཧ͍ͯ͠Δਓʹ ࣄલʹ৽ػೳಋೖ΍ٕज़తνϟϨϯδͷେ੾͞Λ఻͑ɺ ࣌ؒΛ֬อ͢Δ͜ͱ͕·ͣ͸େࣄ

Slide 24

Slide 24 text

·ͱΊ • μʔΫϞʔυରԠʹ͸νʔϜશһͷڠྗ͕ඞཁ • μʔΫϞʔυରԠ࣌ʹiOS 12ҎԼ΋αϙʔτ͢Δ৔߹͸ ͦΕΒͷಈ࡞֬ೝΛ๨Εͣʹ • υοάϑʔσΟϯά͠΍͍͢؀ڥΛ࡞ͬͯ தͷਓ͕୭Ͱ΋ϑΟʔυόοΫͰ͖Δঢ়ଶʹ͢Δͷ͕େࣄ