二次元コードを読み取りやすくするために 画面を強制的に明るくするのは もうやめにしませんか？👀

iOSDC 2023 LT
https://fortee.jp/iosdc-japan-2023/proposal/50a96c9e-1d3d-423e-ae56-9858ab48ab44

Transcript

1. !UTV[VLJ ೋ࣍ݩίʔυΛಡΈऔΓ΍͘͢͢ΔͨΊʹ
   ը໘Λڧ੍తʹ໌Δ͘͢Δͷ͸
   ΋͏΍Ίʹ͠·ͤΜ͔ʁ👀 J04%$
   +BQBO
   
   
2. ΊͬͪΌἤͬͯΔλΠτϧͬΆ͍Ͱ͕͢
   ͋͘·Ͱ͝ఏҊͰ͢🙇 
3. ೋ࣍ݩόʔίʔυͷը໘ᚶ͍͠໰୊ 
4. ͳͥը໘Λ໌Δ͘͢Δͷ͔ʁ 
5. ϝϦοτɾσϝϦοτ 
6. ϝϦοτ w໌Δ͘͢Δ͜ͱͰεϜʔζʹεΩϟϯ͢Δ͜ͱ͕Ͱ͖Δ 
 ʢը໘͕҉͍ͱεΩϟϯ͕೉͘͠ͳΔʣ 
7. ᚶ͍͠ʂ σϝϦοτ 
8. wᚶ͍͠
   w࣮૷తͳίετ΋͔͔Δ σϝϦοτ 
9. wը໘ભҠલͷً౓Λอ࣋ 
 ֘౰ը໘͔ΒҠಈͨ͠Βݩͷً౓ʹ໭͢ 
 wϢʔβʔ͕֘౰ը໘Ͱҙਤతʹ໌Δ͞ΛԼ͛ͨΒ ͦͷঢ়ଶ͸อ࣋͢Δ ྫʣ࣮૷తͳίετ΋͔͔Δ 
10. ΈΜͳͷ໨ΛकΓ͍ͨ 
11. ͦ͜Ͱ&%3 
12. &%3ͱ͸ʁ &YUFOEFE
    %ZOBNJD
    3BOHF ֦ுμΠφϛοΫϨϯδ 
 "QQMFͷ)%3
    ςΫϊϩδʔ 
13. ֦ு͕͋ΔͳΒඪ४͕͋Γ·͢ʂ 
14. 4%3 4UBOEBSE
    %ZOBNJD
    3BOHF 3(#ͷࠇΛ
    നΛͱͯ͠දݱ͢Δैདྷ ͷํ๏ 
15. &%3ͱ͸ʁ &YUFOEFE
    %ZOBNJD
    3BOHF &%3Ͱ͸ΑΓେ͖ͳ஋Λར༻ͯ͠͞Βʹ ໌Δ͍ըૉΛදݱ͢Δ͜ͱ͕Ͱ͖Δ
    ϔουϧʔϜ௒͑Δ஋͸ΫϦοϓ͞ΕΔ
    ϔουϧʔϜͷ஋͸σΟεϓϨΠͷछྨ΍ 
 ໌Δ͞ͷมԽ
    पғͷঢ়گͰมΘΔ 
16. &%3ͷྫ 
17. &%3ͱ͸ʁ Ҿ༻ɿ
    IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED SDR EDR 
18. ͍͢͝ 
19. Ͳ͏΍ͬͯ23ʹ&%3Λద༻͢Δͷʁ🧐 
20. ެࣜͷTNQMFϓϩδΣΫτ͕͋Γ·͢ʂ 
21. "QQMF
    4BNQMFϓϩδΣΫτ wIUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPODPSFJNBHF HFOFSBUJOH@BO@BOJNBUJPO@XJUI@B@DPSF@JNBHF@SFOEFS@EFTUJOBUJPO 
22. ͜ΕΛ23όʔδϣϯʹ 
 ͪ͠Ό͑͹ྑͦ͞͏ʂ 
23. &%3ͷ23ίʔυ࡞Δ 
    
    23ίʔυͷ࡞੒
    
    .5,7JFXΛར༻ͯ͠)FBESPPNΛऔಘ
    
    )FBESPPNΛదԠͨ͠$*$PMPSΛ࡞੒
    
    $*'JMUFSCMFOE8JUI.BTL Ͱ߹੒͢Δ
    
    .5,7JFXʹ߹੒ͨ͠ը૾Λදࣔ͢Δ 
24. 
    23ίʔυͷੜ੒ let filter = CIFilter.qrCodeGenerator() filter.message = Data("Πάβϛφʔڧ͍".utf8) filter.correctionLevel = "H" return filter.outputImage 
25. 
    .FUBMΛར༻ͯ͠)FBESPPNΛऔಘ Π
    .5,7JFXΛ༻ҙ
    ϩ
    .5,7JFX%FMFHBUFΛ࢖͍ESBXϝιου Λܧঝ͢Δ
    ϋ
    Ҿ਺ͷWJFX͔ΒIFBESPPNΛऔಘ͢Δ 
26. 🚨஫ҙ🚨 
27. .FUBMͰ&%3Λར༻͢Δ৚݅ wJ04
    Ҏ߱
    w࣮ػͷΈ 4JNVMBUPS͸࢖͑ͳ͍ʣ 
28. .FUBMͰ&%3Λར༻͢Δ৚݅ w୺຤͕࣋ͭ࠷େͷ)FBESPPNΛද͢
    w)FBESPPNͷ஋͕ΑΓେ͖͍৔߹ͷΈ&%3Λ࢖͏͜ͱ͕Ͱ ͖Δ UIScreen.main.potentialEDRHeadroom 
29. ࣮૷ͷͨΊͷొ৔ਓ෺ MetalView Renderer ContentView 
30. ࣮૷ͷͨΊͷొ৔ਓ෺ MetalView Renderer ContentView 
31. .FUBM7JFX w.5,7JFXΛ6*7JFX3FQSFTFOUBCMFΛར ༻ͯ͠4XJGU6*ͷੈքʹ࣋ͪࠐΉ 
 .FUBMϑϨʔϜϫʔΫΛ࢖༻ͯ͠(16্ͰඳըΛ ߦ͏ͨΊͷ6*7JFXͷαϒΫϥε
    w.5,7JFX
    ͸ϨϯμϦϯάΛ௚઀୲౰͠ͳ͍
    wϨϯμϦϯάΛߦ͏ͨΊͷσϦήʔτΛ࢖༻ MetalView ViewRepresentable delegate 
32. ࣮૷ͷͨΊͷొ৔ਓ෺ MetalView Renderer ContentView 
33. 3FOEFSFS wάϥϑΟοΫεঢ়ଶͷॳظԽΛ୲౰
    w.5,7JFX%FMFHBUFͱͯ͠ඞཁͳ
    ESBX
    ϝιου΋࣮૷
    w͔͠͠ɺͲͷΑ͏ͳը૾Λඳը͢Δ͔Λܾఆ ͢Δ௚઀తͳ੹೚ΛෛΘͳ͍
    wJNBHF1SPWJEFSΛ࢖༻ͯ͠ɺඳը͢Δ
    $**NBHF
    Λऔಘ͢Δ Renderer MTLCommandQueue draw() CIContext imageProvider 
34. ࣮૷ͷͨΊͷొ৔ਓ෺ MetalView Renderer ContentView 
35. $POUFOU7JFX w3FOEFSFSͱ.FUBM7JFXͷ઀ଓ
    w͜͜Ͱ23ͷը૾Λ3FOEFSFSʹ౉͢
    wϨϯμϦϯά͞ΕΔ
    $**NBHF
    Λఏڙ͢Δ 
 ˠ
    23ίʔυΛੜ੒͠ɺ&%3Λར༻ͨ͠৭ ۭؒͷϑΟϧλʔͱ૊Έ߹Θͤͨ$**NBHF Λ.FUBM7JFXʹ౉͢ ContentView provider() Generate QRCode 
36. Π
    .5,7JFXΛ༻ҙ 
37. public struct MetalKitView: UIViewRepresentable { @StateObject public var renderer: Renderer public func makeUIView(context: Context) -> MTKView { let view = MTKView(frame: .zero, device: renderer.device) view.preferredFramesPerSecond = 10 view.delegate = renderer if let layer = view.layer as? CAMetalLayer { layer.wantsExtendedDynamicRangeContent = true layer.colorspace = CGColorSpace( name: CGColorSpace.extendedLinearDisplayP3 ) view.colorPixelFormat = MTLPixelFormat.rgba16Float } return view } 
38. ϩ .5,7JFX%FMFHBUFΛ࢖͍ 
 ESBXϝιουΛܧঝ 
39. public struct MetalKitView: UIViewRepresentable { @StateObject public var renderer: Renderer public func makeUIView(context: Context) -> MTKView { let view = MTKView(frame: .zero, device: renderer.device) view.preferredFramesPerSecond = 10 view.delegate = renderer if let layer = view.layer as? CAMetalLayer { layer.wantsExtendedDynamicRangeContent = true layer.colorspace = CGColorSpace( name: CGColorSpace.extendedLinearDisplayP3 ) view.colorPixelFormat = MTLPixelFormat.rgba16Float } return view } 
40. public struct MetalKitView: UIViewRepresentable { @StateObject public var renderer: Renderer public func makeUIView(context: Context) -> MTKView { let view = MTKView(frame: .zero, device: renderer.device) view.preferredFramesPerSecond = 10 view.delegate = renderer if let layer = view.layer as? CAMetalLayer { layer.wantsExtendedDynamicRangeContent = true layer.colorspace = CGColorSpace( name: CGColorSpace.extendedLinearDisplayP3 ) view.colorPixelFormat = MTLPixelFormat.rgba16Float } return view } EDRΛ࢖͏͜ͱΛڭ͑Δ 
41. ϋ Ҿ਺ͷWJFX͔ΒIFBESPPNΛऔಘ͢Δ extension Renderer: MTKViewDelegate { public func mtkView(_ view: MTKView, drawableSizeWillChange size: CGSize) {} public func draw(in view: MTKView) { let headroom: CGFloat = view.window ?. screen.currentEDRHeadroom ?? 1.0 guard var image = self.imageProvider(contentScaleFactor, headroom) else { return } 
42. 
    )FBESPPNΛదԠͨ͠$*$PMPSΛ࡞੒ 
43. ·ͣ$POUFOU7JFXΛ࡞੒ 
44. public struct ContentView: View { var content: String public var body: some View { MetalKitView( renderer: Renderer( imageProvider: { (scaleFactor: CGFloat, headroom: CGFloat) -> CIImage? in ……… 
45. let colorSpace = CGColorSpace( name: CGColorSpace.extendedLinearSRGB )! let maxFillColor = CIColor( red: headroom, green: headroom, blue: headroom, colorSpace: colorSpace ) ContentView 
46. 
    $*'JMUFSCMFOE8JUI.BTL Ͱ߹੒͢Δ let fillImage = CIImage(color: maxFillColor) let maskFilter = CIFilter.blendWithMask() maskFilter.maskImage = image maskFilter.inputImage = fillImage maskFilter.outputImage ? . cropped( .. . ) ContentView 
47. ·ͱΊ MetalView ViewRepresentable ContentView provider() delegate Renderer MTLCommandQueue draw() CIContext imageProvider 
48. &%3ΛదԠͨ͠23ίʔυ wը໘શମͰ͸ͳ͘ɺҰ෦෼͚ͩΛ໌Δ͘͢Δ͜ͱ ͕Ͱ͖Δ
    wᚶ͘͠ͳ͍ʂ
    w໨ʹ༏͍͔͠΋ʁ 
49. 044ެ։🎉 ελʔ͍ͩ͘͞⭐ wIUUQTHJUIVCDPNUTV[VLJIBTIJ&%3@4XJGU 
50. &%3ͷσϝϦοτ 
51. &%3ͷσϝϦοτ wϢʔβʔʹཧղ͞Εͳ͍ 
 ɹˠόάͩͱࢥΘΕΔ
    w͙͢ʹ໌Δ͘ͳΒͳ͍
    
 ɹˠपғͷঢ়گʹԠͯ͡ಈతʹ໌Δ͕͞มΘΔ
    w͢Ͱʹը໘ͷً౓͕໌Δ͍৔߹ͷରԠΛߟ͑Δඞཁ͕͋Δ 
52. ͝ར༻͸ܭըతʹʂ 
53. ࣗݾ঺հ ܈അݝࡏॅ
    🐎
    
    %F/"Ͱ1PDPDIB։ൃ 
 ϞτϠϑ
    झຯ
    
 4QMBUPPO
    🦑 
 ݸਓΞϓϦ։ൃ
    📱 
 
54. ݸਓΞϓϦ঺հ 
55. ऴΘΓ