Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Dynamic Type @WWDC 2017

akatsuki174
September 01, 2019

Dynamic Type @WWDC 2017

いつ登壇したときのものなのかもうわからない。アップし忘れていたようなのでとりあえずアップした。

akatsuki174

September 01, 2019
Tweet

More Decks by akatsuki174

Other Decks in Technology

Transcript

  1. Dynamic Type @WWDC 2017
    @akatsuki174

    View Slide

  2. ࣗݾ঺հ
    • ਢ౻ຘ
    • iOSΤϯδχΞ
    • ͜ͷษڧձͷओ࠵
    • Twitter, Qiita, SlideShare, Github,
    SpeakerDeck
    →akatsuki174

    View Slide

  3. View Slide

  4. ຊ୊ʹೖΔલʹɻ

    View Slide

  5. Q. ࠓिͷ౔೔ʹΈͳ͞Μ͕
    ΍Βͳ͚Ε͹͍͚ͳ͍͜ͱ͸ʁ

    View Slide

  6. A.iOSDCͷCfPΛఏग़͢Δ

    View Slide

  7. CfPఏग़ظݶ = དྷिͷ݄༵10:00
    ࠓि຤͸CfPظݶલ࠷ޙͷ౔೔Ͱ͢

    View Slide

  8. ग़͠·͠ΐ͏ʂʂʂ

    View Slide

  9. ΋ͪΖΜνέοτͷߪೖ΋
    ΑΖ͓͘͠ئ͍͠·͢ʂ

    View Slide

  10. ͍ͭͰʹ·ͩҰ෦ͷεϙϯαʔ
    ͸ืूͯ͠ΔͷͰ͝ݕ౼Λʂ

    View Slide

  11. ຊ୊ߦ͖·͢ɻ

    View Slide

  12. WWDC 2017ʮAuto Layout
    Techniques in Interface Builderʯ
    ˠ Dynamic Type
    https://developer.apple.com/videos/play/
    wwdc2017/412/
    ࠓ೔ͷ಺༰

    View Slide

  13. ※ຊ౰͸ʮAuto Layout Techniques in
    Interface BuilderʯͷμΠδΣετLTʹ͢Δͭ
    ΋Γ͚ͩͬͨͲશ෦؍ऴΘΒͳ͔ͬͨ(´ɾωɾʆ)
    ͋ͱͰ·ͱΊͯQiitaެ։͠·͢ɻ

    View Slide

  14. • iOS7͔Β࢖༻Մೳ
    • ઃఆΞϓϦͰϑΥϯταΠζΛઃఆ͢Δ
    ͱʢDynamic TypeʹରԠͨ͠ΞϓϦͰ
    ͋Ε͹ʣࣗಈͰϑΥϯταΠζɺߦؒΛ
    ௐ੔ͯ͘͠ΕΔ
    Dynamic Typeͱ͸

    View Slide

  15. ઃఆΞϓϦͰͷϑΥϯταΠζ
    มߋํ๏

    View Slide

  16. ϑΥϯταΠζͷมԽ

    View Slide

  17. storyboardͰͷ
    Dynamic Typeͷࢦఆํ๏

    View Slide

  18. storyboardͰͷ
    Dynamic Typeͷࢦఆํ๏

    View Slide

  19. ίʔυͰͷ
    Dynamic Typeͷࢦఆํ๏

    View Slide

  20. • adjustsFontForContentSizeCategoryɹ
    ϓϩύςΟ͸iOS10Ͱ௥Ճ͞Εͨ΋ͷɻ
    • ઃఆΞϓϦͰϑΥϯταΠζΛมߋͯ͠
    ΋ࣗಈͰ͸൓ө͞ΕͣɺࣗΞϓϦ಺Ͱม
    ߋΛݕ஌͢Δඞཁ͕͋Δ
    ஫ɿiOS9Ҏલͷ৔߹

    View Slide

  21. ࣗΞϓϦ಺ͰϑΥϯταΠζͷ
    มߋΛݕ஌͢Δ

    View Slide

  22. ࣮૷݁Ռ

    View Slide

  23. • ͍͍ͪͪࣗΞϓϦ্ཱͪ͛ͯʔɺઃఆɹ
    ΞϓϦΛىಈͯ͠ʔɺࣗΞϓϦʹ໭ͬͯ
    ֬ೝ͢ΔͷΊΜͲ͘͘͞ͳ͍ʁʁ
    • →Accessibillity InspectorͰ΋ͬͱ؆୯
    ʹ֬ೝͰ͖·͢ɻ
    Ͱ͖͚ͨͲɻ

    View Slide

  24. Accessibillity Inspectorͷىಈ

    View Slide

  25. Accessibillity Inspectorͷىಈ

    View Slide

  26. ϑΥϯταΠζͷมߋ

    View Slide

  27. ΞΫηγϏϦςΟ
    • Dynamic TypeػೳΛ࢖ͬͨ࣌ΑΓɹɹ
    ͞Βʹେ͖͍จࣈΛ࢖༻͍ͨ࣌͠ʹ͢Δ
    ઃఆ

    View Slide

  28. มߋํ๏

    View Slide

  29. ΑΓৄ͍͠৘ใ͸ʮBuilding
    Apps with Dynamic TypeʯͰ
    ঺հ͞Ε͍ͯ·͢
    https://developer.apple.com/videos/play/
    wwdc2017/245/

    View Slide

  30. ༧උɿSafe Area Layout Guide
    • iOS 11͔Βtopٴͼbottom layout guide
    ͕deprecatedʹ
    • ୅ΘΓʹSafe Area Layout Guide͕ొ৔
    • ޙํޓ׵ੑ͋Γ

    View Slide

  31. ऴΘΓ

    View Slide