Musicアプリのトランジションを再現する

iOSDC Japan 2018/8/31 TrackC 15:10~15:40

Transcript

1. .VTJDΞϓϦͷ
   τϥϯδγϣϯΛ࠶ݱ͢Δ ,":"$
   ٕज़෦
   ,B[VNBTB
   /"("%0
   J04%$
   +BQBO
   
   
   
   5SBDL$
   d
   JPTED
   D
   ے೑ΤϯδχΞ
   
2. /BNF
   ,B[VNBTB
   /"("%0
   8PSL
   ,":"$
   d
   5XJUUFS
   !L[NTOHE
   /1$+
   /FX
   (FOFSBUJPO
   $MBTTJD 1IZTJRVF
   /PWJDF
   DN
   
    1SPpMF
3. ࠓ೔͔Βग़དྷΔےංେΫΠζ 2
   τϨʔχϯά࣌ؒ͸୹͍΄͏͕ྑ͍ʁ
   ௕͍΄͏͕ྑ͍ʁ
4. ࠓ೔͔Βग़དྷΔےංେΫΠζ "
   τϨʔχϯά࣌ؒ͸୹͍΄͏͕ྑ͍
   ɹˠʙ෼͘Β͍͕ͪΐ͏Ͳ͍͍ͱ͞Ε͍ͯΔ
   τϨʔχϯά͕࣌ؒ௕͍ͱʜ
   ɾے෼ղ͕ਐΈ͗ͯ͢͠·͏
   ɹˠے෼ղΛଅਐ͢ΔͱݴΘΕ͍ͯΔίϧνκʔϧ͕૿Ճ͢Δ
   ɾΦʔόʔτϨʔχϯάʹͳΔ
   ɹˠճ෮͕௥͍͔ͭͳ͘ͳΔ
   ɾूதྗ͕อͯͳ͍
   ɹˠոզͷϦεΫ
5. 
    ˎJ5VOFT
   "QQ
   4UPSF
   IUUQTJUVOFTBQQMFDPNKQBQQMPCJϩϏʔJE NU
   ˎ"OESPJE
   IUUQTQMBZHPPHMFDPNTUPSFBQQTEFUBJMT JEDPNLBZBDOBLBNBQIMKB
   ˎ8FC൛
   IUUQTXFCMPCJDP ήʔϜ߈ུνϟοτ4/4 -PCJ
6. Ϟʔμϧʹ͍ͭͯ
   
7. 
    Ϟʔμϧͱ͸ 8IFO
   B
   NPEBM
   WJFX
   BQQFBST
   POTDSFFO
   UIF
   VTFS
   NVTU
   NBLF
   B
   DIPJDF
   CZ
   UBQQJOH
   B
   CVUUPO
   PS
   PUIFSXJTF
   FYJUJOH
   UIF
   NPEBM
   FYQFSJFODF
   
   
   "QQMF
   )VNBO
   *OUFSGBDF
   (VJEFMJOF
   
   .PEBMJUZΑΓ
8. 
    Ϟʔμϧͱ͸ ϞʔμϧϏϡʔ͸ɺҰ࣌తͳঢ়ଶʢϞʔυʣΛ࡞ͬͯ
   ಛఆͷΞΫγϣϯΛϢʔβʔʹଅ͢ɻ
   ˠ͍ͭͰ΋લͷঢ়ଶɾը໘ʹ໭ΕΔ͜ͱ͕
   Θ͔Δ
   6*
   ͕ٻΊΒΕΔ
9. 
    Ϟʔμϧͷྫ ϑϧεΫϦʔϯ
10. 
     Ϟʔμϧͷྫ Ξϥʔτܕ
11. 
     Ϟʔμϧͷྫ .VTJD
    ͷϞʔμϧϏϡʔ
12. 
     Ϟʔμϧͷྫ ϛϡʔδοΫϓϨΠϠʔ
    ˠΠϯλϥΫςΟϒʹ։ด
    ˠԻָͷ࠶ੜͱݕࡧ͕ಉ࣌ʹͰ͖Δ
13. 
     Ϟʔμϧͷྫ ΠϯλϥΫςΟϒͳཁૉ
    ˎഎܠը໘ͷଘࡏ
    ˎεϫΠϓͷྔʹԠͨ͡
    ɹϞʔμϧϏϡʔͷτϥϯδγϣϯ
    ˎϞʔμϧϏϡʔ্෦ͷ
    ɹόλϑϥΠϋϯυϧ
14. 
     ࣮ݱ͍ͨ͜͠ͱ
15. 
     ࣮ݱ͍ͨ͜͠ͱ -PCJͷಛ௃
    ήʔϜʹಛԽͨ͠ίϛϡχςΟ
16. 
     ࣮ݱ͍ͨ͜͠ͱ ήʔϜΛ͕͢͞ը໘ΛϦχϡʔΞϧ
17. 
     ࣮ݱ͍ͨ͜͠ͱ ᶃؾʹͳΔήʔϜ΍͓ؾʹೖΓͷήʔϜΛ͕͢͞
    .VTJD
    ΞϓϦͷΑ͏ʹɺΠϯλϥΫςΟϒͳ
    ϞʔμϧϏϡʔʹ͍ͨ͠
    ᶄήʔϜͷίϛϡχςΟ΍ίϯςϯπΛ͕͢͞
    ϝΠϯίϯςϯπ
18. 
     ࣮ݱ͍ͨ͜͠ͱ
19. 
     ࣮ݱ͍ͨ͜͠ͱ ϞʔμϧϏϡʔτϥϯδγϣϯ
    ΠϯλϥΫςΟϒͳτϥϯδγϣϯ
    6*5BCMF7JFX
    
    6*4FBSDI$POUSPMMFS
    ֎෦ϥΠϒϥϦΛ࢖ΘͣʹɺͰ͖Δ͚ͩγϯϓϧɾ࠷௿ݶͷ
    ࣮૷Ͱ΍Γ͍ͨ
20. 
     αϯϓϧίʔυ
    IUUQTHJUIVCDPNL/BHBEPV.PEBM1SFTFOUBUJPO$VTUPN ্ख͍͔͘ͳͯ͘ϋϚͬͨύλʔϯ΋͋Γ·͢
21. 
     ΠϯλϥΫςΟϒͳτϥϯδγϣϯ
    ࣮ݱ·Ͱͷεςοϓ ̍ɼϞʔμϧτϥϯδγϣϯΛ࣮૷
    ̎ɼΞχϝʔλʔΦϒδΣΫτΛ࣮૷
    ̏ɼΠϯλϥΫςΟϒΞχϝʔλʔΦϒδΣΫτΛ࣮૷
22. 
     ϞʔμϧϏϡʔτϥϯδγϣϯ ϞʔμϧτϥϯδγϣϯΛ༗ޮʹ͢Δ
    αϯϓϧίʔυɿ7JFX$POUSPMMFSN
    6*.PEBM1SFTFOUBUJPO$VTUPN
    Λ
    7$
    ʹηοτ͢Δ
23. 
     ϞʔμϧϏϡʔτϥϯδγϣϯ ϞʔμϧϏϡʔͷഎ໘ʹӨΛ෇͚Δ
    αϯϓϧίʔυɿ7JFX$POUSPMMFSN
    6*1SFTFOUBUJPO$POUSPMMFS
    ͷαϒΫϥεΛ࡞੒͠ɺ USBOTJUJPO%FMFHBUF
    Ͱฦ͢
    ˠ࣮૷͍ͯ͠ͳ͍ͱɺඪ४ͷ6*1SFTFOUBUJPO$POUSPMMFS
    ͕ར༻ ͞ΕΔɻ IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOVJLJUVJWJFXDPOUSPMMFSUSBOTJUJPOJOHEFMFHBUF QSFTFOUBUJPODPOUSPMMFSGPSQSFTFOU MBOHVBHFPCKD
24. 
     ϞʔμϧϏϡʔτϥϯδγϣϯ ϞʔμϧϏϡʔͷഎ໘ʹӨΛ෇͚Δ
    αϯϓϧίʔυɿ7JFX$POUSPMMFSN
    6*1SFTFOUBUJPO$POUSPMMFS
    ͷαϒΫϥεΛ࡞੒͠ɺ USBOTJUJPO%FMFHBUF
    Ͱฦ͢
    ˠ࣮૷͍ͯ͠ͳ͍ͱɺඪ४ͷ6*1SFTFOUBUJPO$POUSPMMFS
    ͕ར༻ ͞ΕΔɻ IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOVJLJUVJWJFXDPOUSPMMFSUSBOTJUJPOJOHEFMFHBUF QSFTFOUBUJPODPOUSPMMFSGPSQSFTFOU MBOHVBHFPCKD
25. 
     ΠϯλϥΫςΟϒͳτϥϯδγϣϯ ΞχϝʔλʔΦϒδΣΫτΛ࣮૷͢Δ
    αϯϓϧίʔυɿ$VTUPN.PEBM"OJNBUPSN
    I
    6*7JFX$POUSPMMFS"OJNBUFE5SBOTJUJPOJOH
    ϓϩτίϧ
26. 
     ΠϯλϥΫςΟϒͳτϥϯδγϣϯ ΞχϝʔλʔΦϒδΣΫτΛ࣮૷͢Δ
    αϯϓϧίʔυɿ$VTUPN.PEBM"OJNBUPSN
    I
    JT1SFTFOUJOH
    QSFTFOU
    ͱ
    EJTNJTT
    ͷΞχϝʔγϣϯΛ
    ࢖͍෼͚ΔͨΊͷϑϥά
27. 
     ΠϯλϥΫςΟϒͳτϥϯδγϣϯ ΠϯλϥΫςΟϒΞχϝʔλʔΦϒδΣΫτΛ࣮૷͢Δ
    αϯϓϧίʔυɿ %SBHHBCMF1FSDFOU%SJWFO*OUFSBDUJWF5SBOTJUJPON
    I
    6*1FSDFOU%SJWFO*OUFSBDUJWF5SBOTJUJPO
    ͷαϒΫϥε
28. 
     ΠϯλϥΫςΟϒͳτϥϯδγϣϯ ΠϯλϥΫςΟϒΞχϝʔλʔΦϒδΣΫτΛ࣮૷͢Δ
    αϯϓϧίʔυɿ %SBHHBCMF1FSDFOU%SJWFO*OUFSBDUJWF5SBOTJUJPON
    I
    ϞʔμϧϏϡʔʹύϯδΣενϟʔΛ௥Ճ
    εϫΠϓྔʹԠͯ͡ɺϞʔμϧϏϡʔͷ
    EJTNJTT
    Ξχϝʔ γϣϯΛਐΊΔ
29. 
     ΠϯλϥΫςΟϒͳτϥϯδγϣϯ ΠϯλϥΫςΟϒΞχϝʔλʔΦϒδΣΫτΛ࣮૷͢Δ
    αϯϓϧίʔυɿ %SBHHBCMF1FSDFOU%SJWFO*OUFSBDUJWF5SBOTJUJPON
    I
    EJTBCMF*OUFSBDUJWF5SBOTJUJPO
    ΠϯλϥΫςΟϒτϥϯδγϣϯͷແޮϑϥά
    ˠύϯδΣενϟʔΛೝࣝͨ͠৔߹ͷΈΠϯλϥΫςΟϒ τϥϯδγϣϯΛ༗ޮʹ͢ΔͨΊ
30. 
     6*5BCMF7JFX
    
    6*4FBSDI$POUSPMMFS ΧελϜͷϞʔμϧϏϡʔͰ
    6*5BCMF7JFX
    
    6*4FBSDI$POUSPMMFS
    
    ͷ૊Έ߹ΘͤΛར༻͠Α͏ͱͨ͠ͱ͜ΖɺࢥΘ͵མͱ͕݀͠ɻ
31. 
     6*5BCMF7JFX
    
    6*4FBSDI$POUSPMMFS མͱ݀̍͠
    ϞʔμϧϏϡʔͷࠨӈʹϚʔδϯΛ෇͚Α͏ͱ͢Δ
    J04
    Ͱ
    6*4FBSDI$POUSPMMFS6*4FBSDI#BS
    ͕
    ্ʹͣΕΔ
32. 
     6*5BCMF7JFX
    
    6*4FBSDI$POUSPMMFS མͱ݀̎͠
    "OJNBUPS
    ͰϞʔμϧϏϡʔͷ
    GSBNF
    Λม͑Α͏ͱ͢Δ
    ʢྫ͑͹ɺ೚ҙͷZʹϞʔμϧϏϡʔΛදࣔ͢ΔɺͳͲʣ
    ˠJ04
    Ͱ
    6*4FBSDI$POUSPMMFS6*4FBSDI#BS
    ͕ͣΕΔ
33. 
     6*5BCMF7JFX
    
    6*4FBSDI$POUSPMMFS ͍Ζ͍ΖͱϞʔμϧϏϡʔΛΧελϚΠζ͠Α͏ͱ͢Δͱɺ
    6*4FBSDI$POUSPMMFS
    ͕࢖͍ͮΒ͘ͳ͍ͬͯ͘ʜ
34. 
     6*5BCMF7JFX
    
    6*4FBSDI$POUSPMMFS 6*5BCMF7JFX
    
    6*4FBSDI#BS
    
    6*4FBSDI#BS%FMFHBUF
    ͱ͍͏ख΋͋Δɻ
    ˠͲͷམͱ݀͠ύλʔϯͰ΋ɺ
    6*4FBSDI#BS
    ͳΒਖ਼͘͠දࣔͰ͖ͦ͏
35. 
     ·ͱΊ
36. 
     ΠϯλϥΫςΟϒτϥϯδγϣϯ
    ࣮ݱ·Ͱͷεςοϓ ̍ɼϞʔμϧτϥϯδγϣϯΛ࣮૷
    6*.PEBM1SFTFOUBUJPO$VTUPN
    USBOTJUJPO%FMFHBUF
    6*1SFTFOUBUJPO$POUSPMMFS
    ͷαϒΫϥε
    ̎ɼΞχϝʔλʔΦϒδΣΫτΛ࣮૷
    6*7JFX$POUSPMMFS"OJNBUFE5SBOTJUJPOJOH
    Λ࣮૷
    ̏ɼΠϯλϥΫςΟϒΞχϝʔλʔΦϒδΣΫτΛ࣮૷
    6*1FSDFOU%SJWFO*OUFSBDUJWF5SBOTJUJPO
    ͷαϒΫϥε
37. 
     ΧελϜϞʔμϧϏϡʔͰ
    6*4FBSDI$POUSPMMFS
    Λ࢖͏৔߹͸
    গ͠޻෉͕ඞཁ͔΋͠Εͳ͍
    ˠఘΊͯɺ6*4FBSDI#BS
    Ͱ࣮૷ͯ͠͠·͏ͷ΋ΞϦͩͱࢥ͏
38. 
     J04ɺ"OESPJEɺͳͲͳͲ
    ΤϯδχΞઈࢍืूதʂ
39. 
     ߹ಉτϨʔχϯά΋ઈࢍืूதʂ
40. ͋Γ͕ͱ͏͍͟͝·ͨ͠
41. Ҿ༻ɾࢀߟ
    <>
    IUUQTEFWFMPQFSBQQMFDPNEFTJHOIVNBOJOUFSGBDFHVJEFMJOFTJPTBQQ BSDIJUFDUVSFNPEBMJUZ
    <>
    IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOVJLJU VJWJFXDPOUSPMMFSUSBOTJUJPOJOHEFMFHBUF MBOHVBHFPCKD
    <>
    IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOVJLJU VJWJFXDPOUSPMMFSBOJNBUFEUSBOTJUJPOJOH MBOHVBHFPCKD
    <>
    IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOVJLJU VJWJFXDPOUSPMMFSJOUFSBDUJWFUSBOTJUJPOJOH MBOHVBHFPCKD
    IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOVJLJUVJQSFTFOUBUJPODPOUSPMMFS MBOHVBHFPCKD
    <>
    IUUQTEFWFMPQFSBQQMFDPNKQEPDVNFOUBUJPOGFBUVSFEBSUJDMFT 7JFX$POUSPMMFS1(GPSJ1IPOF04$VTUPNJ[JOHUIF5SBOTJUJPO"OJNBUJPOT $VTUPNJ[JOHUIF5SBOTJUJPO"OJNBUJPOTIUNMBQQMF@SFGEPDVJE51 $)48
    <>
    IUUQTOPUFNVVTBHJNBSVNBOODDFD