スクショから始まるデバッグについて

yidev#16 の発表です

Transcript

1. εΫγϣ͔Β࢝·Δσόοάʹ͍ͭͯ 2014/09/27 yidev #16 @dealforest Toshihro Morimoto
2. ࣗݾ঺հ http://about.me/dealforest ! ! iOS App / Web Application(perl, ruby) @dealforest Toshihro Morimoto
3. ͦ΋ͦ΋ σόοά͢Δ࣌͸ͲΜͳͱ͖ʁ
4. ҙਤͨ͠ڍಈͱҧ͏ͱ͖ʂʂ
5. ։ൃͷαΠΫϧ 1. iPhone Simulator 2. ࣮ػ 3. CI 4. Adhock Ͱ഑෍ 5. TestFlight ͰϦϦʔεલʹΠϯετʔϧ 6. AppStore ͔ΒΠϯετʔϧ
6. ։ൃͷαΠΫϧ 1. iPhone Simulator 2. ࣮ػ 3. CI 4. Adhock Ͱ഑෍ 5. TestFlight ͰϦϦʔεલʹΠϯετʔϧ 6. AppStore ͔ΒΠϯετʔϧ
7. ։ൃͷαΠΫϧ 1. iPhone Simulator 2. ࣮ػ 3. CI 4. Adhock Ͱ഑෍ 5. TestFlight ͰϦϦʔεલʹΠϯετʔϧ 6. AppStore ͔ΒΠϯετʔϧ ೉ қ
8. σόοάͷαΠΫϧ
9. σόοάͷαΠΫϧ 1. σόοάͷͨΊͷ৘ใΛݩʹͯ͠ όάͷݪҼΛਪଌ͢Δ
10. σόοάͷαΠΫϧ 1. σόοάͷͨΊͷ৘ใΛݩʹͯ͠ όάͷݪҼΛਪଌ͢Δ 2. όάΛ࠶ݱͤ͞Δ
11. σόοάͷαΠΫϧ 1. σόοάͷͨΊͷ৘ใΛݩʹͯ͠ όάͷݪҼΛਪଌ͢Δ 2. όάΛ࠶ݱͤ͞Δ 3. Let’s debug…debug…debug!!!
12. όάͷݪҼΛਪଌ͠Α͏ʹ΋ ৘ใ͕Կ΋ͳ͍ͱצͰௐ΂Δ͔͠ͳ͍
13. ΍Δؾ͕͓͖ͳ͍…
14. ഑෍ͨ࣌͠͸ σόοάͷͨΊͷ৘ใ͕ ͞Βʹগͳ͍ʂʂʂ
15. ഑෍ͨ࣌͠ͷσόοάͷ೰Έ
16. ഑෍ͨ࣌͠ͷσόοάͷ೰Έ • print debug ΍ break point ʹΑΔσόο ά͕΄΅ෆՄೳ
17. ഑෍ͨ࣌͠ͷσόοάͷ೰Έ • print debug ΍ break point ʹΑΔσόο ά͕΄΅ෆՄೳ • ୺຤৘ใʹґଘ͍ͯ͠Δ৔߹ɺঢ়گΛ ਪଌͯ͠σόοά͠ͳ͍ͱ͍͚ͳ͍
18. ഑෍ͨ࣌͠ͷσόοάͷ೰Έ • print debug ΍ break point ʹΑΔσόο ά͕΄΅ෆՄೳ • ୺຤৘ใʹґଘ͍ͯ͠Δ৔߹ɺঢ়گΛ ਪଌͯ͠σόοά͠ͳ͍ͱ͍͚ͳ͍ • όά͕࠶ݱՄೳͳ୺຤ͰσόοάͰ͖ ΔΘ͚Ͱ͸ͳ͍
19. ͭΒ͍…
20. ͱ͸͍͑ ৘ใ͕গͳ͍͚Ͳόά͕ ࠶ݱͰ͖Ε͹Ͳ͏ʹ͔ͳΔʂ
21. ͨͩ୺຤ʹґଘͨ͠ΓͰ ࠶ݱ͠ͳ͔ͬͨΓ͢Δͷ͕ݱ࣮
22. ഑෍ͨ͠ࡍʹͲ͏΍ͬͯ σόοάͷͨΊͷ৘ใΛऩू͢Δ͔
23. Crash Report ͷऩू
24. Crash Report ͷऩू • Crash Report ղੳαʔϏεΛ࢖͑͹ָʹूΊΕΔ
25. Crash Report ͷऩू • Crash Report ղੳαʔϏεΛ࢖͑͹ָʹूΊΕΔ • Clashlitics, Bugsnag ͳͲ
26. Crash Report ͷऩू • Crash Report ղੳαʔϏεΛ࢖͑͹ָʹूΊΕΔ • Clashlitics, Bugsnag ͳͲ • ͱ͸͍͑ΞϓϦ͕ Crash ͠ͳ͍ͱू·Β͍ͷ͕೉఺ ։ൃऀͱͯ͠͸ Crash ͯ͠΄͘͠ͳ͍
27. iOS ͷ Framework Ͱൃੜͨ͠ NSError, NSException ͷऩू
28. iOS ͷ Framework Ͱൃੜͨ͠ NSError, NSException ͷऩू • Social.framework ΍ IAP Λར༻͍ͯ͠Δ৔߹͸ɺ୺຤ ଆʹ͔͠৘ใ͕ͳ͍ͷͰ͋Ε͹ͱͯ΋ॿ͔Δ
29. iOS ͷ Framework Ͱൃੜͨ͠ NSError, NSException ͷऩू • Social.framework ΍ IAP Λར༻͍ͯ͠Δ৔߹͸ɺ୺຤ ଆʹ͔͠৘ใ͕ͳ͍ͷͰ͋Ε͹ͱͯ΋ॿ͔Δ • Ͳͧ͜ͷ SDK ͕ Crash ͢ΔͷͰ Try-Catch ͯ͠ Crash ͠ͳ͍Α͏ʹͯ͠৘ใΛूΊΔ
30. iOS ͷ Framework Ͱൃੜͨ͠ NSError, NSException ͷऩू • Social.framework ΍ IAP Λར༻͍ͯ͠Δ৔߹͸ɺ୺຤ ଆʹ͔͠৘ใ͕ͳ͍ͷͰ͋Ε͹ͱͯ΋ॿ͔Δ • Ͳͧ͜ͷ SDK ͕ Crash ͢ΔͷͰ Try-Catch ͯ͠ Crash ͠ͳ͍Α͏ʹͯ͠৘ใΛूΊΔ • Crash Report ղੳαʔϏεͰ೚ҙͷλΠϛϯάͰϨ ϙʔτΛૹ৴Ͱ͖Δػೳ͕͋Ε͹؆୯ʹूΊΕΔ
31. iOS ͷ Framework Ͱൃੜͨ͠ NSError, NSException ͷऩू • Social.framework ΍ IAP Λར༻͍ͯ͠Δ৔߹͸ɺ୺຤ ଆʹ͔͠৘ใ͕ͳ͍ͷͰ͋Ε͹ͱͯ΋ॿ͔Δ • Ͳͧ͜ͷ SDK ͕ Crash ͢ΔͷͰ Try-Catch ͯ͠ Crash ͠ͳ͍Α͏ʹͯ͠৘ใΛूΊΔ • Crash Report ղੳαʔϏεͰ೚ҙͷλΠϛϯάͰϨ ϙʔτΛૹ৴Ͱ͖Δػೳ͕͋Ε͹؆୯ʹूΊΕΔ • ։ൃऀ͕໌ࣔతʹઃఆ͢ΔͷͰͲ͜ͰΤϥʔ͕ى͖ ͯΔ͔͕೺Ѳ͠΍͍͢
32. εΫγϣΛࡱͬͯڞ༗
33. εΫγϣΛࡱͬͯڞ༗ • σβΠφʔͷσβΠϯͱҧ͏
34. εΫγϣΛࡱͬͯڞ༗ • σβΠφʔͷσβΠϯͱҧ͏ • Ϣʔβʔ͕ҙਤͨ͠ڍಈͱζϨ͕ੜͯ͡Δ
35. εΫγϣΛࡱͬͯڞ༗ • σβΠφʔͷσβΠϯͱҧ͏ • Ϣʔβʔ͕ҙਤͨ͠ڍಈͱζϨ͕ੜͯ͡Δ • σʔλͷෆ੔߹͕ى͖ͯΔ
36. εΫγϣΛࡱͬͯڞ༗ • σβΠφʔͷσβΠϯͱҧ͏ • Ϣʔβʔ͕ҙਤͨ͠ڍಈͱζϨ͕ੜͯ͡Δ • σʔλͷෆ੔߹͕ى͖ͯΔ • Τϥʔϝοηʔδ(ίʔυ)ΛΈͤΔͨΊ
37. ͦͷଞ
38. ͦͷଞ • ࣾ಺Ͱޱ಄΍νϟοτͰݴΘΕΔ
39. ͦͷଞ • ࣾ಺Ͱޱ಄΍νϟοτͰݴΘΕΔ • Ϣʔβʔ͔Βͷ໰͍߹Θͤ(Helpshiftͱ͔)
40. ͦͷଞ • ࣾ಺Ͱޱ಄΍νϟοτͰݴΘΕΔ • Ϣʔβʔ͔Βͷ໰͍߹Θͤ(Helpshiftͱ͔) • AppStore ͷϨϏϡʔ
41. ͦͷଞ • ࣾ಺Ͱޱ಄΍νϟοτͰݴΘΕΔ • Ϣʔβʔ͔Βͷ໰͍߹Θͤ(Helpshiftͱ͔) • AppStore ͷϨϏϡʔ • SNS ͰΤΰαʔν
42. ݱঢ়͜Μͳײ͔͡ͳͱ
43. ͯ͞ɺ͔͜͜Β͕ຊ୊Ͱ͢
44. ͋ͳͨ͸ Twitter ࣾͰ ΞϓϦΛ࡞੒͍ͯ͠·͢
45. ◦◦͕όάͬͯΜ͚ͩͲͬͯ ͜ΜͳεΫγϣΛૹΒΕ͖ͯ·ͨ͠
46. ͜Ε͔Βਪଌ͠ͳ͍ͱ͍͚ͳ͍
47. ͜Ε͔Βਪଌ͠ͳ͍ͱ͍͚ͳ͍ • ͓·͑ɺͩΕʁ (Identifier తͳҙຯͰ)
48. ͜Ε͔Βਪଌ͠ͳ͍ͱ͍͚ͳ͍ • ͓·͑ɺͩΕʁ (Identifier తͳҙຯͰ) • API ଆ͕ݪҼʁ ͦΕͱ΋ΞϓϦଆʁ
49. ͜Ε͔Βਪଌ͠ͳ͍ͱ͍͚ͳ͍ • ͓·͑ɺͩΕʁ (Identifier తͳҙຯͰ) • API ଆ͕ݪҼʁ ͦΕͱ΋ΞϓϦଆʁ • ͍·Έ͑ͯΔ Cell Λߏஙͯ͠ Δσʔλ͕Έ͍ͨ
50. ͜Ε͔Βਪଌ͠ͳ͍ͱ͍͚ͳ͍ • ͓·͑ɺͩΕʁ (Identifier తͳҙຯͰ) • API ଆ͕ݪҼʁ ͦΕͱ΋ΞϓϦଆʁ • ͍·Έ͑ͯΔ Cell Λߏஙͯ͠ Δσʔλ͕Έ͍ͨ • ͜Ε࠶ݱͰ͖Δ͔ͳ…
51. ਪଌͯ͠৘ใΛूΊͳ͍ͱ͍͚ͳ͍
52. ͭΒ͍…
53. ͦ΋ͦ΋ϢʔβʔͷͨΊʹ ද͍ࣔͯ͠Δը໘ͳΜ͔ͩΒ σόοάʹඞཁͳ৘ใ͸΄΅ͳ͍
54. σόοάͷαΠΫϧ 1. όάͷݪҼਪଌ 2. όάͷ࠶ݱ 3. debug…debug…debug!!!
55. σόοάͷαΠΫϧ 1. όάͷݪҼਪଌ͢ΔͨΊͷ৘ใΛը૾ ͔ΒಡऔΔ 2. όάͷݪҼਪଌ 3. όάͷ࠶ݱ 4. debug…debug…debug!!!
56. εΫγϣ͔ΒۭؾΛಡΜͰ Կ౓΋σόοά͢Δ͕ ຊ౰ʹΊΜͲ͏͍͘͞ʂʂʂʂ
57. print debug ΍ break point Λ ࢖͑ΔͳΒ؆୯ʹ ৘ใΛूΊΕΔͷʹ…
58. ʂʂʂʂʂʂʂʂʂʂʂʂʂʂʂ
59. ͦΕͳΒεΫγϣΛࡱͬͨ࣌ʹ σόοάʹඞཁͳ৘ใΛ Ұॹʹը૾ͱͯ͠ग़ྗ͢Ε͹͍͍ʂ
60. ! DFTDebugScreenshot http://github.com/dealforest/DFTDebugScreenshot
61. Install pod ‘DFTDebugScreenshot’
62. Usage
63. DEMO
64. Ԡ༻
65. Ԡ༻ • AutoLayout Ͱ UIView ʹઃఆ͍ͯ͠Δ Constraints Λ ग़ྗ͢Δ͜ͱ΋Ͱ͖Δ
66. Ԡ༻ • AutoLayout Ͱ UIView ʹઃఆ͍ͯ͠Δ Constraints Λ ग़ྗ͢Δ͜ͱ΋Ͱ͖Δ • UIWebView Ͱ࡞͍ͬͯΔΞϓϦͰ΋ɺjs ͷ৘ใ(ม ਺, ϒϥ΢βͷ৘ใ)Λग़ྗ͢Δ͜ͱ΋Ͱ͖Δ
67. Ԡ༻ • AutoLayout Ͱ UIView ʹઃఆ͍ͯ͠Δ Constraints Λ ग़ྗ͢Δ͜ͱ΋Ͱ͖Δ • UIWebView Ͱ࡞͍ͬͯΔΞϓϦͰ΋ɺjs ͷ৘ใ(ม ਺, ϒϥ΢βͷ৘ใ)Λग़ྗ͢Δ͜ͱ΋Ͱ͖Δ • completionBlock Λ࢓ࠐΜͰ͓͘ͱεΫγϣΛࡱΔͱ εΫγϣͱσόοΫ৘ใΛ Slack ΍ S3 ΍ϝʔϧ౳Ͱ ࣗಈతʹૹ৴͜ͱ΋Ͱ͖Δ
68. Ԡ༻ • AutoLayout Ͱ UIView ʹઃఆ͍ͯ͠Δ Constraints Λ ग़ྗ͢Δ͜ͱ΋Ͱ͖Δ • UIWebView Ͱ࡞͍ͬͯΔΞϓϦͰ΋ɺjs ͷ৘ใ(ม ਺, ϒϥ΢βͷ৘ใ)Λग़ྗ͢Δ͜ͱ΋Ͱ͖Δ • completionBlock Λ࢓ࠐΜͰ͓͘ͱεΫγϣΛࡱΔͱ εΫγϣͱσόοΫ৘ใΛ Slack ΍ S3 ΍ϝʔϧ౳Ͱ ࣗಈతʹૹ৴͜ͱ΋Ͱ͖Δ • ಛఆͷϢʔβʔ͚ͩσόοά৘ใΛग़ྗ͢Δ͜ͱ΋ Մೳ
69. TODO
70. TODO • ݱࡏදࣔ͞Ε͍ͯΔ UIViewController ͷ debugObject Λ͍ͭͰ΋औಘͰ͖ΔΑ͏ͳ interface Λ௥Ճ͢Δͭ΋Γ
71. TODO • ݱࡏදࣔ͞Ε͍ͯΔ UIViewController ͷ debugObject Λ͍ͭͰ΋औಘͰ͖ΔΑ͏ͳ interface Λ௥Ճ͢Δͭ΋Γ • dealforest/DFTAwesomePrint Λ࡞͍ͬͯͯ debugObject Λ colorize ͯ͠ը૾ʹ͢Δͭ΋Γ
72. TODO • ݱࡏදࣔ͞Ε͍ͯΔ UIViewController ͷ debugObject Λ͍ͭͰ΋औಘͰ͖ΔΑ͏ͳ interface Λ௥Ճ͢Δͭ΋Γ • dealforest/DFTAwesomePrint Λ࡞͍ͬͯͯ debugObject Λ colorize ͯ͠ը૾ʹ͢Δͭ΋Γ • AccessToken ΍ cookie Λग़ྗͨ࣌͠ͷͨΊʹ҉߸Խ ͍ͨ͠(QRίʔυͱ͔ʁ)
73. TODO • ݱࡏදࣔ͞Ε͍ͯΔ UIViewController ͷ debugObject Λ͍ͭͰ΋औಘͰ͖ΔΑ͏ͳ interface Λ௥Ճ͢Δͭ΋Γ • dealforest/DFTAwesomePrint Λ࡞͍ͬͯͯ debugObject Λ colorize ͯ͠ը૾ʹ͢Δͭ΋Γ • AccessToken ΍ cookie Λग़ྗͨ࣌͠ͷͨΊʹ҉߸Խ ͍ͨ͠(QRίʔυͱ͔ʁ) • σόοΫ༻ը૾ͷσβΠϯ୭͔͍͍ײ͡ʹͯ͠w
74. ·ͱΊ εΫγϣ͔Βσόοάʹ ඞཁͳ৘ใΛਪଌͤͣʹ ͙͢ʹݪҼಛఆʹͱΓ͔͔ΕΔ
75. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠