Tweet
Tweet

Slide 1

Slide 1 text

Auto LayoutϥΠϒσόοΪϯά @akatsuki174

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

• ਢ౻ຘʢ@akatsuki174ʣ • iOSDC Japan 2018 ίΞελοϑ

Slide 4

Slide 4 text

ࠓ೔ͷ಺༰

Slide 5

Slide 5 text

9/2(೔)ʹiOSDCͰొஃ͢ΔCfP

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

• 130ຕʢεϥΠυࢿྉͷਐḿ཰65%͘Β͍ʣ • ิ଍ࢿྉ͸ผ్༻ҙ͢Δ • ઈରʹ30෼ʹऩ·Βͳ͍ ਐḿ

Slide 8

Slide 8 text

• ࿅श΋݉Ͷͯɺ࡞ͬͨࢿྉͷҰ෦Λ࢖ͬͯAuto Layoutͷ ɹσόοάͷ࿩Λ͠·͢ • ࠓ೔ͷ಺༰Λຊ൪Ͱ੝ΓࠐΉ͔͸Θ͔Γ·ͤΜ ɹʢͷͰຊ൪΋དྷͯ΄͍͠ʣ • AndroidΤϯδχΞ΋͍ΔͷͰʮAndroidͷ৔߹͜ΕͲ͏ͳΜʁʯ ɹΈ͍ͨͳ࿩Λͭͭ͠ΏΔΓͱ΍Γ·͢ ͱ͍͏͜ͱͰ

Slide 9

Slide 9 text

̍

Slide 10

Slide 10 text

˞͔͜͜Β͸ϥΠϒσόοΪϯάͨ͠಺༰Λ εϥΠυʹىͨ͜͠΋ͷʹͳΓ·͢

Slide 11

Slide 11 text

࡞Γ͍ͨϨΠΞ΢τ ֤7JFXͷ ԣ෯͸ ֤7JFXͷؒʹಁ໌ͳ 4QBDFS7JFXΛ഑ஔ iPhone 8 PlusͩͬͨΒʢҰԠʣ໰୊ͳ͔ͬͨ

Slide 12

Slide 12 text

iPhone SEαΠζͩͱ Ұݟେৎ෉ͦ͏͚ͩͲ େྔͷϫʔχϯά͕ ʘ8BSOJOHʗ

Slide 13

Slide 13 text

Ͳ͕͓͔͍͜͠ʁ ਫฏํ޲ͷ੍໿͕͓͔͍͜͠ͱ͕Θ͔Δ͕ɺ UIView͹͔ΓͰΑ͘Θ͔ΒΜʴͦΜͳʹෳࡶͳߏ଄ͯ͠ͳ͍ →ͱΓ͋͑ͣStoryboardͰݟͯΈΑ͏ XJEUI MFBEJOH.BSHJO USBJMJOH.BSHJO

Slide 14

Slide 14 text

͔ͯͲΕ͕ͲͷViewʁ identifier෇͚Δͷ໘౗ͩ͠ ผͷํ๏Ͱ۠ผ͠Α͏

Slide 15

Slide 15 text

ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ ·ͣ͸ ϏϡʔσόοΨʔΛ ىಈͯ͠LLDB͕ ࢖͑Δঢ়ଶʹ͢Δ

Slide 16

Slide 16 text

ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ lWJFXXJEUIΛ յͨͥ͠z յ͞ΕͨWJFXΛ ൑ผ͢ΔͨΊʹ ৭Λ෇͚ͯΈΑ͏

Slide 17

Slide 17 text

ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ ඞཁͳϑϨʔϜ ϫʔΫΛJNQPSU --%#ͷݴޠΛ 4XJGUʹ

Slide 18

Slide 18 text

ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ VOTBGF#JU$BTUΛ ࢖ͬͯϙΠϯλ͔Β ΦϒδΣΫτΛऔಘ ΦϒδΣΫτԽ͍ͨ͠ ΋ͷͷΞυϨεΛࢦఆ

Slide 19

Slide 19 text

ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ ΦϒδΣΫτԽͨ͠ WJFXͷഎܠ৭Λ੺ʹ

Slide 20

Slide 20 text

ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ ը໘ΛϦϑϨογϡͯ͠ มߋΛ൓ө

Slide 21

Slide 21 text

ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ ͜ͷWJFXͷXJEUIͷ ੍໿͕յΕͨΒ͍͠ʂ

Slide 22

Slide 22 text

ํ๏̎ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̎ ΦϒδΣΫτԽ͍ͨ͠ ΋ͷͷΞυϨεΛࢦఆ

Slide 23

Slide 23 text

ํ๏̎ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̎ WJFXͷഎܠ৭Λ੺ʹ

Slide 24

Slide 24 text

ํ๏̎ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̎ ը໘ΛϦϑϨογϡͯ͠ มߋΛ൓ө

Slide 25

Slide 25 text

ํ๏̎ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̎ ͜ͷWJFXͷXJEUIͷ ੍໿͕յΕͨΒ͍͠ʂ

Slide 26

Slide 26 text

ํ๏̏ɿtext filterΛ࢖͏ ΞυϨεΛUFYUpMUFSʹ ίϐϖʂ ֘౰͢ΔΦϒδΣΫτʹ ৭͕͍ͭͨʂ

Slide 27

Slide 27 text

ԫ৭viewͷwidthΛݟͯΈΔͱ… ͔֬ʹXJEUIͷ ੍໿͕յΕ͍ͯΔ

Slide 28

Slide 28 text

ࠓ౓͸StoryboardͷSEαΠζͰݟͯΈΔ X͕Ͳ͏ͷ͜͏ͷͬͯ ݴͬͯΔͷͰ΍ͬͺΓ ਫฏํ޲ͷ੍໿͕ ͓͔͍͠

Slide 29

Slide 29 text

༧૝͍ͯͨ͠ϨΠΞ΢τ SEͷԣ෯͸320ɺ֤Viewͷ෯͕100Ͱ leadingMarginɺtrailingMargin͕0ʹͳͬͯΔ͔Βɺ ViewؒͷSpacerView͕ॖ·Ε͹ͪΌΜͱऩ·ΔͷͰ͸ʁʁ

Slide 30

Slide 30 text

ͯΏ͏͔… ͳΜͰleadingʹ伱͕ؒ Ͱ͖ͯΔΜͩΖ͏ʁʁ →ϏϡʔσόοΨʔͰ΋ ɹ֬ೝͯ͠ΈΑ͏

Slide 31

Slide 31 text

Storyboard্Ͱ੍໿Λ֬ೝ͢Δํ๏̍ TIPX$POTUSBJOUT ੍໿ͷ಺༰

Slide 32

Slide 32 text

Storyboard্Ͱ੍໿Λ֬ೝ͢Δํ๏̎ ੍໿ΛӈΫϦοΫͰ ಺༰Λग़ྗ

Slide 33

Slide 33 text

superview͕͓͔͍͠ʁʁ ಛʹ໰୊ͳͦ͞͏

Slide 34

Slide 34 text

Կ͕͓͔͍͠Μͩʁʁ ͋ΕɺtrailingMarginͬͯ΋͔ͯ͠͠…ʁ

Slide 35

Slide 35 text

3FMBUJWF UPNBSHJO ʹνΣοΫ͕ೖ͍ͬͯΔ ͭ·Γ QU͕ܭࢉʹೖ͍ͬͯΔ Կ͕͓͔͍͠Μͩʁʁ

Slide 36

Slide 36 text

Relative to marginͷνΣοΫΛ֎ͯ͠… 3FMBUJWFUP NBSHJO ͷνΣοΫΛ֎ͯ͠ DPOTUBOUΛʹ

Slide 37

Slide 37 text

׬੒ʂ ※ཧ૝ͷϨΠΞ΢τͱ͸leading, trailingͷϚʔδϯ͕ҟͳΓ·͕͢ɺ ࠓճ͸viewͷwidth֬อΛ༏ઌ͢Δͱ͍͏૝ఆͰ͜ΕͰ׬੒ͱ͠·͢ɻ

Slide 38

Slide 38 text

΍ͬͨͶʂ ʢͬͯͳͬͯΔ͸ͣʣ

Slide 39

Slide 39 text

ิ଍

Slide 40

Slide 40 text

Storyboard্ͰϓϨϏϡʔ ୺຤ΛiPhone SEʹͯ͠ ͍Ε͹Storyboard্Ͱ Τϥʔ͕ग़͍ͯΔ͜ͱΛ ֬ೝ͢Δ͜ͱ͕Ͱ͖·͢ɻ

Slide 41

Slide 41 text

facebook / chisel ͱ͍͏΍ͭΛ࢖͏ͱLLDBͰͷσόοά͕ շదʹͳΔͬΆ͍

Slide 42

Slide 42 text

એ఻

Slide 43

Slide 43 text

ϦϞʔτ࿮΋ ͋ΔΑʂ

Slide 44

Slide 44 text

ॳ৺ऀ׻ܴ

Slide 45

Slide 45 text

͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ