Auto Layoutライブデバッギング

2018/08/18(土)Swift愛好会
iOSDCで話す内容の一部になるかもしれないやつ。

Transcript

1. Auto LayoutϥΠϒσόοΪϯά @akatsuki174
2. ࣗݾ঺հ
3. • ਢ౻ຘʢ@akatsuki174ʣ • iOSDC Japan 2018 ίΞελοϑ
4. ࠓ೔ͷ಺༰
5. 9/2(೔)ʹiOSDCͰొஃ͢ΔCfP
7. • 130ຕʢεϥΠυࢿྉͷਐḿ཰65%͘Β͍ʣ • ิ଍ࢿྉ͸ผ్༻ҙ͢Δ • ઈରʹ30෼ʹऩ·Βͳ͍ ਐḿ
8. • ࿅श΋݉Ͷͯɺ࡞ͬͨࢿྉͷҰ෦Λ࢖ͬͯAuto Layoutͷ ɹσόοάͷ࿩Λ͠·͢ • ࠓ೔ͷ಺༰Λຊ൪Ͱ੝ΓࠐΉ͔͸Θ͔Γ·ͤΜ ɹʢͷͰຊ൪΋དྷͯ΄͍͠ʣ • AndroidΤϯδχΞ΋͍ΔͷͰʮAndroidͷ৔߹͜ΕͲ͏ͳΜʁʯ ɹΈ͍ͨͳ࿩Λͭͭ͠ΏΔΓͱ΍Γ·͢ ͱ͍͏͜ͱͰ
9. ̍
10. ˞͔͜͜Β͸ϥΠϒσόοΪϯάͨ͠಺༰Λ
    εϥΠυʹىͨ͜͠΋ͷʹͳΓ·͢
11. ࡞Γ͍ͨϨΠΞ΢τ ֤7JFXͷ
    ԣ෯͸ ֤7JFXͷؒʹಁ໌ͳ 4QBDFS7JFXΛ഑ஔ iPhone 8 PlusͩͬͨΒʢҰԠʣ໰୊ͳ͔ͬͨ
12. iPhone SEαΠζͩͱ Ұݟେৎ෉ͦ͏͚ͩͲ େྔͷϫʔχϯά͕ ʘ8BSOJOHʗ
13. Ͳ͕͓͔͍͜͠ʁ ਫฏํ޲ͷ੍໿͕͓͔͍͜͠ͱ͕Θ͔Δ͕ɺ UIView͹͔ΓͰΑ͘Θ͔ΒΜʴͦΜͳʹෳࡶͳߏ଄ͯ͠ͳ͍ →ͱΓ͋͑ͣStoryboardͰݟͯΈΑ͏ XJEUI MFBEJOH.BSHJO USBJMJOH.BSHJO
14. ͔ͯͲΕ͕ͲͷViewʁ identifier෇͚Δͷ໘౗ͩ͠ ผͷํ๏Ͱ۠ผ͠Α͏
15. ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ ·ͣ͸ ϏϡʔσόοΨʔΛ ىಈͯ͠LLDB͕ ࢖͑Δঢ়ଶʹ͢Δ
16. ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ lWJFXXJEUI
    
    Λ
    յͨͥ͠z յ͞ΕͨWJFXΛ
    ൑ผ͢ΔͨΊʹ
    ৭Λ෇͚ͯΈΑ͏
17. ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ ඞཁͳϑϨʔϜ
    ϫʔΫΛJNQPSU --%#ͷݴޠΛ
    4XJGUʹ
18. ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ VOTBGF#JU$BTUΛ
    ࢖ͬͯϙΠϯλ͔Β
    ΦϒδΣΫτΛऔಘ ΦϒδΣΫτԽ͍ͨ͠ ΋ͷͷΞυϨεΛࢦఆ
19. ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ ΦϒδΣΫτԽͨ͠
    WJFXͷഎܠ৭Λ੺ʹ
20. ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ ը໘ΛϦϑϨογϡͯ͠
    มߋΛ൓ө
21. ํ๏1ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̍ ͜ͷWJFXͷXJEUIͷ
    ੍໿͕յΕͨΒ͍͠ʂ
22. ํ๏̎ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̎ ΦϒδΣΫτԽ͍ͨ͠ ΋ͷͷΞυϨεΛࢦఆ
23. ํ๏̎ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̎ WJFXͷഎܠ৭Λ੺ʹ
24. ํ๏̎ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̎ ը໘ΛϦϑϨογϡͯ͠
    มߋΛ൓ө
25. ํ๏̎ɿLLDB্ͰΦϒδΣΫτΛૢ࡞͢Δ̎ ͜ͷWJFXͷXJEUIͷ
    ੍໿͕յΕͨΒ͍͠ʂ
26. ํ๏̏ɿtext filterΛ࢖͏ ΞυϨεΛUFYU
    pMUFSʹ
    ίϐϖʂ ֘౰͢ΔΦϒδΣΫτʹ
    ৭͕͍ͭͨʂ
27. ԫ৭viewͷwidthΛݟͯΈΔͱ… ͔֬ʹXJEUI
    
    ͷ
    ੍໿͕յΕ͍ͯΔ
28. ࠓ౓͸StoryboardͷSEαΠζͰݟͯΈΔ X͕Ͳ͏ͷ͜͏ͷͬͯ ݴͬͯΔͷͰ΍ͬͺΓ ਫฏํ޲ͷ੍໿͕ ͓͔͍͠
29. ༧૝͍ͯͨ͠ϨΠΞ΢τ SEͷԣ෯͸320ɺ֤Viewͷ෯͕100Ͱ leadingMarginɺtrailingMargin͕0ʹͳͬͯΔ͔Βɺ ViewؒͷSpacerView͕ॖ·Ε͹ͪΌΜͱऩ·ΔͷͰ͸ʁʁ
30. ͯΏ͏͔… ͳΜͰleadingʹ伱͕ؒ Ͱ͖ͯΔΜͩΖ͏ʁʁ →ϏϡʔσόοΨʔͰ΋ ɹ֬ೝͯ͠ΈΑ͏
31. Storyboard্Ͱ੍໿Λ֬ೝ͢Δํ๏̍ TIPX$POTUSBJOUT ੍໿ͷ಺༰
32. Storyboard্Ͱ੍໿Λ֬ೝ͢Δํ๏̎ ੍໿ΛӈΫϦοΫͰ
    ಺༰Λग़ྗ
33. superview͕͓͔͍͠ʁʁ ಛʹ໰୊ͳͦ͞͏
34. Կ͕͓͔͍͠Μͩʁʁ ͋ΕɺtrailingMarginͬͯ΋͔ͯ͠͠…ʁ
35. 3FMBUJWF
    UP
    NBSHJO
    ʹνΣοΫ͕ೖ͍ͬͯΔ
    ͭ·Γ
    QU͕ܭࢉʹೖ͍ͬͯΔ Կ͕͓͔͍͠Μͩʁʁ
36. Relative to marginͷνΣοΫΛ֎ͯ͠… 3FMBUJWF
    UP
    NBSHJO
    ͷνΣοΫΛ֎ͯ͠
    DPOTUBOUΛʹ
    
37. ׬੒ʂ ※ཧ૝ͷϨΠΞ΢τͱ͸leading, trailingͷϚʔδϯ͕ҟͳΓ·͕͢ɺ ࠓճ͸viewͷwidth֬อΛ༏ઌ͢Δͱ͍͏૝ఆͰ͜ΕͰ׬੒ͱ͠·͢ɻ
38. ΍ͬͨͶʂ ʢͬͯͳͬͯΔ͸ͣʣ
39. ิ଍
40. Storyboard্ͰϓϨϏϡʔ ୺຤ΛiPhone SEʹͯ͠ ͍Ε͹Storyboard্Ͱ Τϥʔ͕ग़͍ͯΔ͜ͱΛ ֬ೝ͢Δ͜ͱ͕Ͱ͖·͢ɻ
41. facebook / chisel ͱ͍͏΍ͭΛ࢖͏ͱLLDBͰͷσόοά͕ շదʹͳΔͬΆ͍
42. એ఻
43. ϦϞʔτ࿮΋
    ͋ΔΑʂ
44. ॳ৺ऀ׻ܴ
45. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ