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

49228ac6672a79402cfe336fcd9a0d59?s=47 kNagadou
August 31, 2018
Programming
3
1.5k

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

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

49228ac6672a79402cfe336fcd9a0d59?s=128

kNagadou

August 31, 2018
Tweet

Want more?

49228ac6672a79402cfe336fcd9a0d59?s=48 knagadou
0
340
49228ac6672a79402cfe336fcd9a0d59?s=48 knagadou
1
380
49228ac6672a79402cfe336fcd9a0d59?s=48 knagadou
4
1k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
13
750
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
4
400
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
250
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
8
530
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
9
290
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
340
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
4
790
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
200
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
280

Transcript

  1. 1.

    .VTJDΞϓϦͷ τϥϯδγϣϯΛ࠶ݱ͢Δ ,":"$ٕज़෦ ,B[VNBTB/"("%0 J04%$+BQBO5SBDL$d JPTEDDے೑ΤϯδχΞ  

  2. 2.

    /BNF,B[VNBTB/"("%0 8PSL,":"$d 5XJUUFS!L[NTOHE /1$+/FX(FOFSBUJPO$MBTTJD 1IZTJRVF/PWJDFDN   1SPpMF

  3. 3.

    ࠓ೔͔Βग़དྷΔےංେΫΠζ 2 τϨʔχϯά࣌ؒ͸୹͍΄͏͕ྑ͍ʁ ௕͍΄͏͕ྑ͍ʁ

  4. 4.

    ࠓ೔͔Βग़དྷΔےංେΫΠζ " τϨʔχϯά࣌ؒ͸୹͍΄͏͕ྑ͍ ɹˠʙ෼͘Β͍͕ͪΐ͏Ͳ͍͍ͱ͞Ε͍ͯΔ τϨʔχϯά͕࣌ؒ௕͍ͱʜ ɾے෼ղ͕ਐΈ͗ͯ͢͠·͏ ɹˠے෼ղΛଅਐ͢ΔͱݴΘΕ͍ͯΔίϧνκʔϧ͕૿Ճ͢Δ ɾΦʔόʔτϨʔχϯάʹͳΔ ɹˠճ෮͕௥͍͔ͭͳ͘ͳΔ ɾूதྗ͕อͯͳ͍

    ɹˠոզͷϦεΫ
  5. 5.

      ˎJ5VOFT"QQ4UPSF IUUQTJUVOFTBQQMFDPNKQBQQMPCJϩϏʔJE NU ˎ"OESPJE IUUQTQMBZHPPHMFDPNTUPSFBQQTEFUBJMT JEDPNLBZBDOBLBNBQIMKB ˎ8FC൛ IUUQTXFCMPCJDP

    ήʔϜ߈ུνϟοτ4/4 -PCJ
  6. 6.

    Ϟʔμϧʹ͍ͭͯ  

  7. 7.

      Ϟʔμϧͱ͸ 8IFOBNPEBMWJFXBQQFBSTPOTDSFFO UIFVTFSNVTUNBLF BDIPJDFCZUBQQJOHBCVUUPOPSPUIFSXJTFFYJUJOHUIF NPEBMFYQFSJFODF "QQMF)VNBO*OUFSGBDF(VJEFMJOF.PEBMJUZΑΓ

  8. 8.

      Ϟʔμϧͱ͸ ϞʔμϧϏϡʔ͸ɺҰ࣌తͳঢ়ଶʢϞʔυʣΛ࡞ͬͯ ಛఆͷΞΫγϣϯΛϢʔβʔʹଅ͢ɻ ˠ͍ͭͰ΋લͷঢ়ଶɾը໘ʹ໭ΕΔ͜ͱ͕ Θ͔Δ6*͕ٻΊΒΕΔ

  9. 9.

      Ϟʔμϧͷྫ ϑϧεΫϦʔϯ

  10. 10.

      Ϟʔμϧͷྫ Ξϥʔτܕ

  11. 11.

      Ϟʔμϧͷྫ .VTJDͷϞʔμϧϏϡʔ

  12. 12.

      Ϟʔμϧͷྫ ϛϡʔδοΫϓϨΠϠʔ ˠΠϯλϥΫςΟϒʹ։ด ˠԻָͷ࠶ੜͱݕࡧ͕ಉ࣌ʹͰ͖Δ

  13. 13.

      Ϟʔμϧͷྫ ΠϯλϥΫςΟϒͳཁૉ ˎഎܠը໘ͷଘࡏ ˎεϫΠϓͷྔʹԠͨ͡ ɹϞʔμϧϏϡʔͷτϥϯδγϣϯ ˎϞʔμϧϏϡʔ্෦ͷ ɹόλϑϥΠϋϯυϧ

  14. 14.

      ࣮ݱ͍ͨ͜͠ͱ

  15. 15.

      ࣮ݱ͍ͨ͜͠ͱ -PCJͷಛ௃ ήʔϜʹಛԽͨ͠ίϛϡχςΟ

  16. 16.

      ࣮ݱ͍ͨ͜͠ͱ ήʔϜΛ͕͢͞ը໘ΛϦχϡʔΞϧ

  17. 17.

      ࣮ݱ͍ͨ͜͠ͱ ᶃؾʹͳΔήʔϜ΍͓ؾʹೖΓͷήʔϜΛ͕͢͞ .VTJDΞϓϦͷΑ͏ʹɺΠϯλϥΫςΟϒͳ ϞʔμϧϏϡʔʹ͍ͨ͠ ᶄήʔϜͷίϛϡχςΟ΍ίϯςϯπΛ͕͢͞ ϝΠϯίϯςϯπ

  18. 18.

      ࣮ݱ͍ͨ͜͠ͱ

  19. 19.

      ࣮ݱ͍ͨ͜͠ͱ ϞʔμϧϏϡʔτϥϯδγϣϯ ΠϯλϥΫςΟϒͳτϥϯδγϣϯ 6*5BCMF7JFX 6*4FBSDI$POUSPMMFS ֎෦ϥΠϒϥϦΛ࢖ΘͣʹɺͰ͖Δ͚ͩγϯϓϧɾ࠷௿ݶͷ ࣮૷Ͱ΍Γ͍ͨ

  20. 20.

      αϯϓϧίʔυ IUUQTHJUIVCDPNL/BHBEPV.PEBM1SFTFOUBUJPO$VTUPN ্ख͍͔͘ͳͯ͘ϋϚͬͨύλʔϯ΋͋Γ·͢

  21. 21.

      ΠϯλϥΫςΟϒͳτϥϯδγϣϯ ࣮ݱ·Ͱͷεςοϓ ̍ɼϞʔμϧτϥϯδγϣϯΛ࣮૷ ̎ɼΞχϝʔλʔΦϒδΣΫτΛ࣮૷ ̏ɼΠϯλϥΫςΟϒΞχϝʔλʔΦϒδΣΫτΛ࣮૷

  22. 22.

      ϞʔμϧϏϡʔτϥϯδγϣϯ ϞʔμϧτϥϯδγϣϯΛ༗ޮʹ͢Δ αϯϓϧίʔυɿ7JFX$POUSPMMFSN 6*.PEBM1SFTFOUBUJPO$VTUPNΛ7$ʹηοτ͢Δ

  23. 23.

      ϞʔμϧϏϡʔτϥϯδγϣϯ ϞʔμϧϏϡʔͷഎ໘ʹӨΛ෇͚Δ αϯϓϧίʔυɿ7JFX$POUSPMMFSN 6*1SFTFOUBUJPO$POUSPMMFSͷαϒΫϥεΛ࡞੒͠ɺ USBOTJUJPO%FMFHBUFͰฦ͢ ˠ࣮૷͍ͯ͠ͳ͍ͱɺඪ४ͷ6*1SFTFOUBUJPO$POUSPMMFS͕ར༻ ͞ΕΔɻ IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOVJLJUVJWJFXDPOUSPMMFSUSBOTJUJPOJOHEFMFHBUF

    QSFTFOUBUJPODPOUSPMMFSGPSQSFTFOU MBOHVBHFPCKD
  24. 24.

      ϞʔμϧϏϡʔτϥϯδγϣϯ ϞʔμϧϏϡʔͷഎ໘ʹӨΛ෇͚Δ αϯϓϧίʔυɿ7JFX$POUSPMMFSN 6*1SFTFOUBUJPO$POUSPMMFSͷαϒΫϥεΛ࡞੒͠ɺ USBOTJUJPO%FMFHBUFͰฦ͢ ˠ࣮૷͍ͯ͠ͳ͍ͱɺඪ४ͷ6*1SFTFOUBUJPO$POUSPMMFS͕ར༻ ͞ΕΔɻ IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOVJLJUVJWJFXDPOUSPMMFSUSBOTJUJPOJOHEFMFHBUF

    QSFTFOUBUJPODPOUSPMMFSGPSQSFTFOU MBOHVBHFPCKD
  25. 25.

      ΠϯλϥΫςΟϒͳτϥϯδγϣϯ ΞχϝʔλʔΦϒδΣΫτΛ࣮૷͢Δ αϯϓϧίʔυɿ$VTUPN.PEBM"OJNBUPSN I  6*7JFX$POUSPMMFS"OJNBUFE5SBOTJUJPOJOHϓϩτίϧ

  26. 26.

      ΠϯλϥΫςΟϒͳτϥϯδγϣϯ ΞχϝʔλʔΦϒδΣΫτΛ࣮૷͢Δ αϯϓϧίʔυɿ$VTUPN.PEBM"OJNBUPSN I  JT1SFTFOUJOH QSFTFOUͱEJTNJTTͷΞχϝʔγϣϯΛ ࢖͍෼͚ΔͨΊͷϑϥά

  27. 27.

      ΠϯλϥΫςΟϒͳτϥϯδγϣϯ ΠϯλϥΫςΟϒΞχϝʔλʔΦϒδΣΫτΛ࣮૷͢Δ αϯϓϧίʔυɿ %SBHHBCMF1FSDFOU%SJWFO*OUFSBDUJWF5SBOTJUJPON I  6*1FSDFOU%SJWFO*OUFSBDUJWF5SBOTJUJPOͷαϒΫϥε

  28. 28.

      ΠϯλϥΫςΟϒͳτϥϯδγϣϯ ΠϯλϥΫςΟϒΞχϝʔλʔΦϒδΣΫτΛ࣮૷͢Δ αϯϓϧίʔυɿ %SBHHBCMF1FSDFOU%SJWFO*OUFSBDUJWF5SBOTJUJPON I  ϞʔμϧϏϡʔʹύϯδΣενϟʔΛ௥Ճ εϫΠϓྔʹԠͯ͡ɺϞʔμϧϏϡʔͷEJTNJTTΞχϝʔ

    γϣϯΛਐΊΔ
  29. 29.

      ΠϯλϥΫςΟϒͳτϥϯδγϣϯ ΠϯλϥΫςΟϒΞχϝʔλʔΦϒδΣΫτΛ࣮૷͢Δ αϯϓϧίʔυɿ %SBHHBCMF1FSDFOU%SJWFO*OUFSBDUJWF5SBOTJUJPON I  EJTBCMF*OUFSBDUJWF5SBOTJUJPO ΠϯλϥΫςΟϒτϥϯδγϣϯͷແޮϑϥά

    ˠύϯδΣενϟʔΛೝࣝͨ͠৔߹ͷΈΠϯλϥΫςΟϒ τϥϯδγϣϯΛ༗ޮʹ͢ΔͨΊ
  30. 30.

      6*5BCMF7JFX 6*4FBSDI$POUSPMMFS ΧελϜͷϞʔμϧϏϡʔͰ 6*5BCMF7JFX 6*4FBSDI$POUSPMMFS ͷ૊Έ߹ΘͤΛར༻͠Α͏ͱͨ͠ͱ͜ΖɺࢥΘ͵མͱ͕݀͠ɻ

  31. 31.

      6*5BCMF7JFX 6*4FBSDI$POUSPMMFS མͱ݀̍͠ ϞʔμϧϏϡʔͷࠨӈʹϚʔδϯΛ෇͚Α͏ͱ͢Δ J04Ͱ6*4FBSDI$POUSPMMFS6*4FBSDI#BS͕ ্ʹͣΕΔ

  32. 32.

      6*5BCMF7JFX 6*4FBSDI$POUSPMMFS མͱ݀̎͠ "OJNBUPSͰϞʔμϧϏϡʔͷGSBNFΛม͑Α͏ͱ͢Δ ʢྫ͑͹ɺ೚ҙͷZʹϞʔμϧϏϡʔΛදࣔ͢ΔɺͳͲʣ ˠJ04Ͱ6*4FBSDI$POUSPMMFS6*4FBSDI#BS͕ͣΕΔ

  33. 33.

      6*5BCMF7JFX 6*4FBSDI$POUSPMMFS ͍Ζ͍ΖͱϞʔμϧϏϡʔΛΧελϚΠζ͠Α͏ͱ͢Δͱɺ 6*4FBSDI$POUSPMMFS͕࢖͍ͮΒ͘ͳ͍ͬͯ͘ʜ

  34. 34.

      6*5BCMF7JFX 6*4FBSDI$POUSPMMFS 6*5BCMF7JFX 6*4FBSDI#BS 6*4FBSDI#BS%FMFHBUF ͱ͍͏ख΋͋Δɻ ˠͲͷམͱ݀͠ύλʔϯͰ΋ɺ 6*4FBSDI#BSͳΒਖ਼͘͠දࣔͰ͖ͦ͏

  35. 35.

      ·ͱΊ

  36. 36.

      ΠϯλϥΫςΟϒτϥϯδγϣϯ ࣮ݱ·Ͱͷεςοϓ ̍ɼϞʔμϧτϥϯδγϣϯΛ࣮૷ 6*.PEBM1SFTFOUBUJPO$VTUPN USBOTJUJPO%FMFHBUF 6*1SFTFOUBUJPO$POUSPMMFSͷαϒΫϥε ̎ɼΞχϝʔλʔΦϒδΣΫτΛ࣮૷ 6*7JFX$POUSPMMFS"OJNBUFE5SBOTJUJPOJOHΛ࣮૷

    ̏ɼΠϯλϥΫςΟϒΞχϝʔλʔΦϒδΣΫτΛ࣮૷ 6*1FSDFOU%SJWFO*OUFSBDUJWF5SBOTJUJPOͷαϒΫϥε
  37. 37.

      ΧελϜϞʔμϧϏϡʔͰ6*4FBSDI$POUSPMMFSΛ࢖͏৔߹͸ গ͠޻෉͕ඞཁ͔΋͠Εͳ͍ ˠఘΊͯɺ6*4FBSDI#BSͰ࣮૷ͯ͠͠·͏ͷ΋ΞϦͩͱࢥ͏

  38. 38.

      J04ɺ"OESPJEɺͳͲͳͲ ΤϯδχΞઈࢍืूதʂ

  39. 39.

      ߹ಉτϨʔχϯά΋ઈࢍืूதʂ

  40. 40.

    ͋Γ͕ͱ͏͍͟͝·ͨ͠

  41. 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