PlaygroundでカスタムUIのプロトタイピング

potatotips #28 @eureka, Inc. (2016/04/20)

Transcript

1. 1MBZHSPVOEͰΧελϜ6*ͷϓϩτλΠϐϯά FVSFLB
   *OD
   
   $PVQMFT
   J04 NJMLJU
   
   4IVOLJ
   5BO QPUBUPUJQT
   
   
2. 4IVOLJ
   5BOʢ୮ɹढ़وʣ
   $PVQMFT
   J04ΤϯδχΞ
   J04ྺ೥ɺΤ΢ϨΧ͸ೖࣾ೥ ࣗݾ঺հ NJMLU NJML@U
3. "QQ4UPSFͷόφʔͱಉ༷ ͷڍಈΛ͢Δ6*4DSPMM7JFX ͷαϒΫϥε ࠷ۙ࡞ͬͨΧελϜ6*
4. Ϗϧυ͕࣌ؒ௕͍ ΧελϜ6*Λ࡞Δ࣌ͷ໰୊ ϑϧϏϧυͰ
   
   ෼
   ΠϯΫϦϝϯλϧϏϧυͰ෼
5. ΧελϜ6*Λ࡞Δ࣌ͷ໰୊ ࣌ؒ୹ॖͷͨΊۭͷϓϩδΣΫτΛ࡞ͬͯɺ ͦ͜Ͱ࣮ݧΛ͍ͯͨ͠ɻɻɻ
6. ΧελϜ6*Λ࡞Δ࣌ͷ໰୊ ΋ͬͱαΫαΫ࣮ݧ͍ͨ͠
7. 1MBZHSPVOEΛ࢖ͬͯΈΔ 4XJGUͷίʔσΟϯά؀ڥ
   ͙͢ʹ݁Ռ͕දࣔ͞ΕͯϓϩτλΠϐϯάʹͽͬͨΓ
8. 1MBZHSPVOEͰ6*Λදࣔ͢Δํ๏
9. 1MBZHSPVOEͰ6*Λදࣔ͢Δํ๏ ͜Ε͚ͩ 5BCMF7JFX$POUSPMMFSΛදࣔͤͯ͞ΈΔ
11. 1MBZHSPVOEͰ6*Λදࣔ͢Δํ๏ MJOF7JFXʹઃఆͰ͖Δͷ͸ɺ
    
    6*7JFX$POUSPMMFS
    
    6*7JFX
12. 9DPEFΑΓλονΠϕϯτ΋ॲཧ ͭ·Γɺ
    5BCMF7JFXΛεΫϩʔϧͨ͠Γɺ
    ϘλϯΛλοϓͨ͠Γ
    Ͱ͖Δ
13. εΫϩʔϧͰ͖Δ
14. 1MBZHSPVOEͰϓϩτλΠϐϯά͢Δͱ͖ͷٙ໰ 2
    Ξχϝʔγϣϯ΋ݟΕΔʁ 2
    "VUP-BZPVU΋ޮ͘ʁ 2
    7JFX$POUSPMMFSͷભҠ΋0,ʁ
15. 1MBZHSPVOEͰϓϩτλΠϐϯά͢Δͱ͖ͷٙ໰ 2
    Ξχϝʔγϣϯ΋ݟΕΔʁ 2
    "VUP-BZPVU΋ޮ͘ʁ 2
    7JFX$POUSPMMFSͷભҠ΋0,ʁ 0,ʂ
16. 1MBZHSPVOEͰϓϩτλΠϐϯά͢Δͱ͖ͷٙ໰ 2
    Ξχϝʔγϣϯ΋ݟΕΔʁ 2
    "VUP-BZPVU΋ޮ͘ʁ 2
    7JFX$POUSPMMFSͷભҠ΋0,ʁ 0,ʂ 0,ʂͰ΋ͨ·ʹ্ख͘ಈ͔ͳ͍ʁ
17. 1MBZHSPVOEͰϓϩτλΠϐϯά͢Δͱ͖ͷٙ໰ 2
    Ξχϝʔγϣϯ΋ݟΕΔʁ 2
    "VUP-BZPVU΋ޮ͘ʁ 2
    7JFX$POUSPMMFSͷભҠ΋0,ʁ 0,ʂ 0,ʂ 0,ʂͰ΋ͨ·ʹ্ख͘ಈ͔ͳ͍ʁ
18. ·ͱΊ 9DPEF͔Β࣮༻తʹͳ͖ͬͯͨͷͰɺ ࢖ͬͯΈΔͷ͸ΞϦ͔΋
19. IUUQTEFWFMPQFSBQQMFDPNMJCSBSZJPTSFDJQFT 1MBZHSPVOE@)FMQ 1MBZHSPVOEͷެࣜυΩϡϝϯτ
20. IUUQTHJUIVCDPNFVSFTXJGUTUZMFHVJEF Τ΢ϨΧͷ4XJGU
    4UZMF
    (VJEF
21. &/%