文字列をコピーできるスクリーンショットを作る/iOSDC 2020 LT PDF

Transcript

1. จࣈྻΛίϐʔͰ͖Δ εΫϦʔϯγϣοτΛ࡞Δ גࣜձࣾZOZOςΫϊϩδʔζ ZOZOTOWN෦ ͑ΜͲ͏ Copyright © ZOZO Technologies, Inc.

2. © ZOZO Technologies, Inc. גࣜձࣾZOZOςΫϊϩδʔζ ZOZOTOWN෦ ͑ΜͲ͏ ▶ ZOZOTOWN /

   iOSΞϓϦ։ൃ ▶ Twitter: re___you 2

3. © ZOZO Technologies, Inc. ͝ଘ஌Ͱ͠ΐ͏͔ʁ 3

4. © ZOZO Technologies, Inc. 4 ͝ଘ஌Ͱ͠ΐ͏͔ʁ - iOS 13͔ΒϑϧϖʔδͷεΫϦʔϯγϣοτ͕Մೳʹʂ

5. © ZOZO Technologies, Inc. 5 - iOS 13͔ΒϑϧϖʔδͷεΫϦʔϯγϣοτ͕Մೳʹʂ - αʔυύʔςΟΞϓϦ΋ରԠͰ͖Δ

   ͝ଘ஌Ͱ͠ΐ͏͔ʁ

6. © ZOZO Technologies, Inc. 6 - iOS 13͔ΒϑϧϖʔδͷεΫϦʔϯγϣοτ͕Մೳʹʂ - αʔυύʔςΟΞϓϦ΋ରԠͰ͖Δ

   - อଘܗࣜ͸PDF ͝ଘ஌Ͱ͠ΐ͏͔ʁ

7. © ZOZO Technologies, Inc. 7 εΫϦʔϯγϣοτͰ΋จࣈΛ ίϐʔ΋ݕࡧ΋Ͱ͖Δɻ ͦ͏ɺPDFͳΒͶɻ

8. © ZOZO Technologies, Inc. 8 ͦ͏ɺPDFͳΒͶ SafariͷϑϧϖʔδεΫϦʔϯγϣοτͰ͸
 จࣈྻͷίϐʔ&ݕࡧ͕Ͱ͖Δ

9. © ZOZO Technologies, Inc. 9

10. © ZOZO Technologies, Inc. 10 จࣈͷίϐʔ͕ Ͱ͖ͳ͍

11. © ZOZO Technologies, Inc. 11 จࣈΛίϐʔͰ͖ͳ͍ PDF͸ͨͩͷը૾ͩ

12. © ZOZO Technologies, Inc. 12 ࠓ೔࿩͢͜ͱ - ͳͥPDF͸จࣈྻΛίϐʔͰ͖Δͷ͔ʁ - ͳͥจࣈྻΛίϐʔͰ͖ͳ͔ͬͨͷ͔ʁ

    - จࣈྻΛίϐʔͰ͖ΔPDFΛ࡞Δʹ͸ʁ

13. © ZOZO Technologies, Inc. 13 ࠓ೔࿩͞ͳ͍͜ͱ - ϑϧϖʔδͷεΫϦʔϯγϣοτͷ࡞੒ʹ͍ͭͯ - TECH

    BLOGʹ౤ߘ͍ͯ͠·͢ https://techblog.zozo.com/entry/ios_fullpage_screenshot

14. © ZOZO Technologies, Inc. ͳͥPDF͸จࣈྻΛ ίϐʔͰ͖Δͷ͔ʁ 14 Episode 1.

15. © ZOZO Technologies, Inc. 15 PDF͸ จࣈ৘ใΛ͍࣋ͬͯΔ

16. © ZOZO Technologies, Inc. 16 PDFͷจࣈͷඳը จࣈ৘ใ

17. © ZOZO Technologies, Inc. 17 PDFͷத਎

18. © ZOZO Technologies, Inc. 18 PDFͷத਎

19. © ZOZO Technologies, Inc. 19 PDFͷத਎

20. © ZOZO Technologies, Inc. ͳͥจࣈྻΛ ίϐʔͰ͖ͳ͔ͬͨͷ͔ʁ 20 Episode 2.

21. © ZOZO Technologies, Inc. 21 จࣈ৘ใΛ ͍࣋ͬͯͳ͔ͬͨ

22. © ZOZO Technologies, Inc. 22 จࣈྻΛίϐʔͰ͖ͳ͍PDF ը૾ ը૾ ը૾ ը૾

23. © ZOZO Technologies, Inc. 23 จࣈྻΛίϐʔͰ͖ͳ͍PDF ը૾ ը૾ ը૾ ը૾

    จࣈ΋ը૾ʹͳ͍ͬͯͨ

24. © ZOZO Technologies, Inc. 24 จࣈྻΛίϐʔͰ͖ͳ͍PDF ը૾ ը૾ ը૾ ը૾

    ͳͥͳͷ͔ʁ

25. © ZOZO Technologies, Inc. iOSͷඳըʹ͍ͭͯ 25 - iOS͸contextʹΑͬͯඳըܗ͕ࣜมΘΔ - PDFContext

    → PDF - ImageContext → ը૾ https://developer.apple.com/library/archive/documentation/ GraphicsImaging/Conceptual/drawingwithquartz2d/dq_overview/ dq_overview.html

26. © ZOZO Technologies, Inc. 26 iOSͷඳըʹ͍ͭͯ PDFContextʹඳը͢Ε͹ ͍͍ײ͡ʹͳΔͱࢥ͍ͬͯͨ

27. © ZOZO Technologies, Inc. 27 let renderer = UIGraphicsPDFRenderer(bounds: view.bounds)

    let data = renderer.pdfData { context in context.beginPage() view.layer.render(in: context.cgContext) } UIGraphicsEndPDFContext() ίʔυΛݟ௚ͯ͠ΈΔ

28. © ZOZO Technologies, Inc. 28 let renderer = UIGraphicsPDFRenderer(bounds: view.bounds)

    let data = renderer.pdfData { context in context.beginPage() view.layer.render(in: context.cgContext) } UIGraphicsEndPDFContext() ίʔυΛݟ௚ͯ͠ΈΔ ո͍͠

29. © ZOZO Technologies, Inc. 29 view.layer.render ͸ԿΛඳը͍ͯ͠Δͷ͔ʁ

30. © ZOZO Technologies, Inc. 30 view.layer.render͸ UIViewͷίϯςϯπͷ ϏοτϚοϓΛඳը͍ͯ͠Δ

31. © ZOZO Technologies, Inc. 31 UIViewͱCALayerͷؔ܎ CALayer PDFContext drawRect render

    ίϐʔͰ͖ͳ͍ PDF BitmapContext ϏοτϚοϓ UIView

32. © ZOZO Technologies, Inc. จࣈྻΛίϐʔͰ͖Δ PDFΛ࡞Δʹ͸ʁ 32 Episode 3.

33. © ZOZO Technologies, Inc. 33 ViewΛඳը͢Δ

34. © ZOZO Technologies, Inc. 34 UIView CALayer PDFContext drawRect render

    ίϐʔͰ͖ͳ͍ PDF BitmapContext ϏοτϚοϓ PDFContext ίϐʔͰ͖Δ PDF viewΛඳը͢Δ

35. © ZOZO Technologies, Inc. 35 let renderer = UIGraphicsPDFRenderer(bounds: view.bounds)

    let data = renderer.pdfData { context in context.beginPage() view.layer.render(in: context.cgContext) } UIGraphicsEndPDFContext() viewΛඳը͢Δ

36. © ZOZO Technologies, Inc. 36 let renderer = UIGraphicsPDFRenderer(bounds: view.bounds)

    let data = renderer.pdfData { context in context.beginPage() view.draw(view.bounds) } UIGraphicsEndPDFContext() viewΛඳը͢Δ

37. © ZOZO Technologies, Inc. 37

38. © ZOZO Technologies, Inc. Կ΋ඳը͞Εͳ͍

39. © ZOZO Technologies, Inc. 39 let renderer = UIGraphicsPDFRenderer(bounds: view.bounds)

    let data = renderer.pdfData { context in context.beginPage() view.draw(view.bounds) } UIGraphicsEndPDFContext() viewΛඳը͢Δ

40. © ZOZO Technologies, Inc. 40 let renderer = UIGraphicsPDFRenderer(bounds: view.bounds)

    let data = renderer.pdfData { context in context.beginPage() view.subviews.forEach { $0.draw($0.bounds) } } UIGraphicsEndPDFContext() viewΛඳը͢Δ

41. © ZOZO Technologies, Inc. 41

42. © ZOZO Technologies, Inc. ϨΠΞ΢τ͕ ࠨ্ʹີͰ͢

43. © ZOZO Technologies, Inc. 43 view.layer.render͸ ϨΠΞ΢τ എܠͷඳը ಁաॲཧ Ϙʔμͷඳը

    AspectFill ରԠ

44. © ZOZO Technologies, Inc. 44 ͋ͱ͸࣮૷͢Δ͚ͩ

45. © ZOZO Technologies, Inc. 45

46. © ZOZO Technologies, Inc. 46 ৄ͍࣮͠૷͸GitHub΁ https://github.com/EndouMari/ SampleScreenshot

47. None