Ruby note Mobile Tech Talk #1

Ruby note Mobile Tech Talk #1

Transcript

1. watura Ruby note Mobile Tech Talk #1
2. iOS AppΤϯδχΞ • noteʹೖͬͯ2೥൒ • ࠷ۙͷझຯʮͳΖ͏ʯখઆΛಡ Ή • ࿛͸຾Βͳ͍ • Ξζʔϧਤॻؗͷ࢘ॻ watura
3. Mobile Tech TalkͰRuby?
4. watura SwiftUIͰϧϏΛදࣔͯ͠Έͨ
5. ໨࣍ • ϧϏΛ;Γ͍ͨ • UIViewControllerͰ;Δ • UIViewRepresentableͰ;Δ • CanvasͰඳը͢Δ • TextRendererͰ;Δ • ͦͷଞ • ·ͱΊ
6. |ϧϏʬ;Γ͕ͳʭΛ;Γ͍ͨ ϧϏͬͯRubyͬͯॻ͘ΜͩΑ noteͰ΋ϧϏ͸;Ε·͢ ΤσΟλͰೖྗதͱ͔ʹϧϏදࣔͰ͖Δͱ͍͍ΑͶʁ Ͱ΋ɺiOSΞϓϦͰϧϏͬͯεϜʔζʹ࢖͑ΔͷͩΖ͏͔ʁ
7. ·ͱΊ • CoreText ͳΒͰ͖Δ • UIKitͰ΋;ΕΔ • ׬ᘳͱ͸ݴ͍͕͍ͨ • SwiftUIͷΈͰ;Γ͍ͨʁ • ͦΜͳػೳ͸ଘࡏ͠ͳ͍ • Text஍ࠈɾTextRenderer
8. 4ͭͷํ๏ • UIViewControllerͰ;Δ • UIViewRepresentableͰ;Δ • CanvasͰඳը͢Δ • TextRendererͰ;Δ
9. UIViewControllerͰ;Δ UIViewControllerͱ͍͏͔CoreText CTRubyAnnotationCreateWithAttributes(_:_:_:_:_:) • දࣔ͢Δจࣈ • දࣔ͞ΕΔҐஔ΍දࣔํ๏ • ϕʔεͷจࣈ෯ʹ߹Θͤͯදࣔͱ͔ • ϧϏ͕௕͗͢Δͱ͖ͷॲཧํ๏ • ϧϏͷදࣔҐஔʢ্Լͱ͔ʣ
10. UIViewControllerͰ;Δ CTRubyAnnotationCreateWithAttributesΛNSAttributedStringͷ Attributeʹ͍ΕΔ͚ͩ
11. UIViewControllerͰ;Δ UITextViewͱ͔UILabelͰදࣔ͢Ε͹͍͍ΜͰ͠ΐʁ ߦؒͱ͔inset͕ਖ਼͘͠ࢦఆͰ͖͍ͯͳ͍
12. UIViewControllerͰ;Δ LineHeightMultipleͱ͔ContentInsetͱ͔ ϑΥϯταΠζʹΑͬͯม͑Δ
13. UIViewRepresentableͰ;Δ UIViewControllerͰ΍Δͷͱಉ͡ ௥ՃɿඳըαΠζʹ͋ΘͤͯεΫϩʔϧͱ͔ௐ੔ඞཁ
14. SwiftUI͡Όͳ͍Αʁ
15. CanvasͰඳը͢Δ ຊ໋ʁ ͢·͵ɻSwiftIU͡Όͳ͍ɻ SwiftUIͱ͍͏͔CoreGraphics CoreGraphics == kCTRubyAnnotationAttributeNa me ͕࢓ࣄΛ͢Δ
16. CanvasͰඳը͢Δ
17. CanvasͰඳը͢Δ • ࠲ඪܥͷҧ͍ • εΫϩʔϧ • ඳըྖҬͷαΠζ • CoreTextΛͦͷ··͔ͩΒʁ • ߦؒͱ͔ͷௐ੔ͳ͠Ͱ΋ΩϨΠ
18. ࠲ඪܥͷҧ͍ ͻͬ͘Γฦͯ͠ɼཪฦ͢తͳ ಛੑ CoreGraphics (CG) UIKit ݪ఺ͷҐஔ ࠨԼ ࠨ্ Y࣠ͷ޲͖ Լ͔Β্΁ਖ਼ ্͔ΒԼ΁ਖ਼ X࣠ͷ޲͖ ࠨ͔Βӈ΁ਖ਼ ࠨ͔Βӈ΁ਖ਼ CoreGraphics (CG) UIKit
19. TextRendererͰ;Δ iOS 18Ҏ্ iOS18Ҏ্ʂʂ ͋ͱ2೥͘Β͍͸ϓϩμΫγϣϯͰ࢖͑ͳ͍ʁ
20. TextRendererͰ;Δ • SwiftUIͷTextΛඳը͢Δͱ͖ʹհೖͰ͖Δ • ΦϨΦϨϨϯμϦϯά͕Ͱ͖Δ • ଠࣈ • ৭ • എܠ৭ • ࠲ඪ • Ξχϝʔγϣϯ खಈͰϧϏඳըͪ͠Ό͑͹͍͍Μͩʂʂ
21. ྗਚ͖ͨͷͰΞυϕϯτΧϨϯ μʔͰهࣄʹ͢Δʂʂ
22. Canvasͱಉ͡Α͏ͳ໰୊͸΍ͬ ͺΓൃੜ͠·͢
23. ͦͷଞ • খ͞ͳϑΥϯταΠζͷ TextͱຊจTextΛVStackʹ ͢Ε͹ʂʂʂ • ҙ֎ͱಈ͖·͢ • ϑϧSwiftUI
24. ؾ߹͍ͷText஍ࠈ • TextͷαΠζΛܭࢉ • ಉ͡ߦʹೖΔͳΒHStackʹ͍ΕΔ • ೖΒͳ͍ͳΒɺ৽͍͠HStackʹ͍ΕΔ • ϧϏͳͱ͖͸̎ஈʹͨ͠ViewΛHStackʹ͍Ε Δ ͱ͍͏ྲྀΕ • ࡉ͔͍ϨϕϧͰαΠζܭࢉ͕͍ΔͷͰॏ͍ • ͍͍͔Μ͡ʹͰ͖ͨΒɺ͋Γͳͷ͔΋஌Ε ͳ͍ ૑࡞ ͩΕ΋͕ Λ͸͡Ίɺ ͦ͏͘͞ ଓ ͭͮ ͚ΒΕΔΑ͏ʹ͢Δɻ
25. ·ͱΊ • CoreTextͳΒͰ͖Δ • ॎॻ͖΋Ͱ͖ͨΓ͢Δ • UIKitͷੈքͳΒ;ΕΔ • ׬ᘳͱ͸ݴ͍͕͍ͨ • SwiftUIͷΈͰ;Γ͍ͨʁ • ͦΜͳػೳ͸ଘࡏ͠ͳ͍ • Text஍ࠈɾTextRenderer
26. • CTRubyAnnotationCreateWithAttributes(_:_:_:_:_:) • https://developer.apple.com/documentation/coretext/1642000- ctrubyannotationcreatewithattrib • Canvas • https://developer.apple.com/documentation/swiftui/canvas • GraphicsContext • https://developer.apple.com/documentation/swiftui/graphicscontext • Core Graphics • https://developer.apple.com/documentation/coregraphics • TextRenderer • https://developer.apple.com/documentation/SwiftUI/TextRenderer • textRenderer(_:) • https://developer.apple.com/documentation/swiftui/view/textrenderer(_:) • αϯϓϧίʔυ • https://gist.github.com/watura/08b06ad ff d79cab32be76eb0804306c1