Reverse Engineering UI For Fun And Profit (CocoaConf DC, April 2015)

Reverse Engineering UI For Fun And Profit (CocoaConf DC, April 2015)

Learn how to rip apart UI controls, so that you can rebuild them better, stronger, and faster.

The D.C. edition contains a number of updates from my original talk in Boston (available here: https://speakerdeck.com/designatednerd/reverse-engineering-ui-for-fun-and-profit-cocoaconf-boston-november-2014), along with the other updates I'd made across versions in Atlanta and Chicago.

Useful things that were only in my demos or speaker notes:
- When logging out recursiveDescripton, copy and paste things into TextWrangler documents. Select two documents in the sidebar and then right click to compare them.
- Use the left/right arrow keys to navigate through QuickTime videos: hold the key down to go in slow-mo, tap the key to go frame by frame.
- When looking at a video in QuickTime, Cmd-C to copy the current frame to the clipboard, and then Cmd-N in Preview to open New From Clipboard.
- If you're on Mavericks or below, the two airplay solutions I mentioned are Reflector (http://www.airsquirrels.com/reflector/) and AirServer (http://www.airserver.com/)

C4861b1dfdf3bbb21faec4a1acdf183d?s=128

Ellen Shapiro

April 10, 2015
Tweet

Transcript

  1. 1.

    REVERSE ENGINEERING USER INTERFACE FOR FUN AND PROFIT BY ELLEN

    SHAPIRO COCOACONF D.C. APRIL 2015 @DESIGNATEDNERD | DESIGNATEDNERD.COM | VOKAL.IO | JUSTHUM.COM
  2. 3.
  3. 4.
  4. 5.
  5. 20.

    TOOLS I WILL BE USING ▸ Things that are built

    into OS X Yosemite ▸ Free Text Editors ▸ My Eyeballs ▸ Built-in LLDB and Xcode debugging techniques. ▸ Facebook Chisel
  6. 21.

    TOOLS I WILL NOT BE USING ▸ Jailbreaking ▸ Reveal

    ▸ Anything else that costs you money.
  7. 47.
  8. 48.
  9. 53.
  10. 55.

    MAVERICKS AND BELOW: IT'LL COST YA Use Reflector ($12.99) or

    AirServer (14.99) to AirPlay to your Mac
  11. 58.

    STEP 2: OPEN THAT VIDEO WITH QUICKTIME When you hit

    the info button, you'll get some useful...information!
  12. 80.

    OFFICIAL SUMMARY SLIDE™ ▸ Start your view hierarchy debugging with

    built-in tools ▸ Use Facebook Chisel to make that even faster ▸ Use video and images to examine 3rd party controls ▸ Rebuild the control in isolation
  13. 82.

    STUFF I MENTIONED! ▸ https://github.com/facebook/chisel ▸ http://www.barebones.com/products/textwrangler ▸ http://guides.cocoapods.org/making/making-a-cocoapod.html ▸

    http://castro.fm/ ▸ http://petersteinberger.com/blog/2013/how-to-inspect-the-view- hierarchy-of-3rd-party-apps/