Xcode勉強会 / studying-xcode

デザイナー向けに、後輩の山田さん（仮名です）と一緒にハンズオン形式のXcode勉強会を主催しました。
自分が担当したのはStoryBoardの使い方、AutoLayout、パーツの役割、属性の変え方、おやくだち機能あたり。

Transcript

1. 9DPEF ษڧձ
2. ଜాύʔτʢલ൒ʣͷΰʔϧ ભҠ͚ͩͷ͔ΜͨΜͳϓϩτ͕࡞ΕΔΑ͏ʹͳΔʂ ʢ͚ͩͷ஌ࣝྔΛಘΔʣ • େ·͔ͳը໘ͷͭ͘Γ͔͕ͨΘ͔Δɻ • ύʔπ͕͓͚Δɻ • ը૾͕͓͚Δɻ • ͔ΜͨΜͳը໘ભҠ͕ͭ͘ΕΔɻ
3. ଜాʴࢁా͞Μύʔτʢશ෦ʣΛ௨͢ͱ ͔ΜͨΜͳΞϓϦ͕࡞ΕΔΑ͏ʹͳΔʂ • େ·͔ͳը໘ͷͭ͘Γ͔͕ͨΘ͔Δɻ • ύʔπ͕͓͚Δɻ • ը૾͕͓͚Δɻ • ͔ΜͨΜͳը໘ભҠ͕ͭ͘ΕΔɻ • ύʔπΛΫϦοΫͨ͠ͱ͖ʹ ͔ΜͨΜͳॲཧΛ࣮ߦͰ͖Δɻ
4. ࠓ೔৮Εͳ͍͜ͱ • Ϗϧυͷ࢓ํˍγϛϡϨʔλʔͷ࢖͍ํʢܰ͘͸৮Ε·͢ʣ • ࣮ػͰͷ֬ೝͷ࢓ํ • Ξχϝʔγϣϯͷ࣮૷ํ๏ • ΞϓϦΛ࡞Δʹ͋ͨͬͯɺίʔυ΍ॲཧΛͲ͏ॻ͔͘ ʢΤϯδχΞ͞ΜدΓͳ಺༰ʣ ͳͲͳͲ
5. ը໘ͷͭ͘Γ͔ͨ
6. ը໘͸͔ΜͨΜʹ࡞Ε·͢ʂ ʢύʔπ͓͚ͩ͘ͳΒ௒͔ΜͨΜʣ
7. 4UPSZ#PBSE ֦ுࢠTUPSZCPBSE • *OUFSGBDF
   CVJMEFSͱݺ͹ ΕͨΓ͠·͢ • YJCϑΝΠϧʢ֦ுࢠYJCʣ ͱ͍͏ͷ΋͋Γ·͢
8. ͔͍͔ͭͨ ʢखݩͰ࣮ࡍʹૢ࡞ͭͭ֬͠ೝͯ͠Έ͍ͯͩ͘͞ʂʣ
9. ·ͣ͸ϓϩδΣΫτͮ ͘Γʂ ϓϩδΣΫτͷछྨΛ બͼ·͢ ͜ͷը໘͕ग़ͳ͔ͬͨ৔߹ ͸ɺπʔϧόʔͷ'JMF
   
   /FX
   
   1SPKFDU
11. ϓϩμΫτͷ໊લʢදࣔ͞ΕΔΞϓϦ໊͸ผʣ νʔϜ໊ʢ͜ͷ*%Ͱ"QQ
    4UPSFͰൢച͞ΕΔʣ ͦͷ·Μ· υϝΠϯΛٯʹͨ͠΋ͷΛར༻ υϝΠϯ͕ͳ͍৔߹͸ϝΞυͱ͔Λ͍ΕΔͱ͍͍ "QQ
    4UPSFશମͰ།Ұͷ*% 4XJGU͔0CKFDUJWF$͔
12. ͜Ε͕ετʔϦʔϘʔ υͷϑΝΠϧʂ
15. 6*ύʔπͷઆ໌
16. 6*LJUͬͯͳʹʁ • ը໘ʹฒ΂Δ෦඼ͷ͜ͱ  ΞϓϦͷ৘ใΛϢʔβʔʹݟͤΔ  Ϣʔβʔͷૢ࡞ΛΞϓϦʹ఻͑Δ ໾ׂ
17. #VUUPOT • Ϣʔβʔ͕ԡͯ͠Կ͔Λ͢Δͱ͖ʹ ࢖༻ • ͋Β͔͡Ίఆٛ͞ΕͨΞΠίϯ΋࢖ ༻Ͱ͖Δ
18. -BCFMT • ͪΐͬͱͨ͠จࣈΛද͍ࣔͤͨ࣌͞ ʹ࢖༻ • දࣔઐ༻ʢೖྗ͸Ͱ͖ͳ͍ʣ • 5FYU'JFMEɺ5FYU7JFXͱͷࠞಉʹ ஫ҙ͕ඞཁ
19. 5FYU
    'JFMET • ௕͍ςΩετΛදࣔͤͨ͞Γɺೖྗ ͍ͤͨ࣌͞ʹ࢖༻ • جຊతʹ͸վߦͰ͖ͳ͍ • վߦ͕ඞཁͳ௕จΛೖྗ͍ͤͨ͞৔ ߹͸6*5FYU7JFXΛ࢖༻͢Δ
20. 4MJEFS • ࿈ଓతͳ஋ͷมߋ • ࠷େ஋ͱ࠷খ஋ʹɺ਺஋Ҏ֎ͷ֓೦ Λ൐͏΋ͷʢ҉͍ɺ໌Δ͍ʣʹద͢ • ʢͪͳΈʹԻྔ͸ઐ༻ͷ7JFX͕͋ ΔͷͰ஫ҙʣ
21. 4XJUDIFT • ૬ޓʹഉଞతͳͭͷঢ়ଶʢΦϯɾ ΦϑʣΛදݱ͢Δ • 
    PS
    ͱ͍͏৔߹͸Θ͔Γ΍͍͢ • ࢖͏৔߹͸ͳʹ͕ΦϯɾΦϑͳͷ͔ɺ ϥΠςΟϯάʹ஫ҙ ̋ 8J'J ΦϯʗΦϑ º 8J'JΛ࢖͏ ΦϯʗΦϑ
22. 4UFQQFS • ஋Λͭͣͭ૿ݮ͢Δ • େ͖ͳ਺Λબ୒͢Δ͜ͱ͕গͳ͍৔ ߹ʹ͸ɺΩʔϘʔυͳͲΛར༻ͤͣ ʹ஋มߋͰ͖ΔͷͰͱͯ΋ศར
23. 1JDLFST • εΫϩʔϧՄೳͳ୒Ұͷબ୒ࢶϦε τ • υϩοϓμ΢ϯϝχϡʔͷ୅ସతͳ ΋ͷ • બ୒ࢶ͕େྔʹ͋Δ৔߹͸ͭΒ͍ • ࿈ଓతͳ஋Ͱͳ͍ͱͭΒ͍ʢબ୒ࢶ ͕શ෦Έ͑ͳ͍ʣ
24. 5BCMFT • ୯ҰྻͷϦετͱͯ͠બ୒ࢶΛఏࣔ ͨ͠΋ͷ • બ୒ࢶ͕Ұཡ͠΍͍͢ͷͰɺબ୒ࢶ ͕૝૾͠ʹ͍͘΋ͷ΍બ୒ࢶ͕ଟ͍ ΋ͷͳͲʹ͸͍͍ • ֊૚͸ͩ͘ΔܗʹͳΔʢJ04ͬΆ͍ ࢥ૝ʣ ͱ͔
25. ભҠͷઃఆ
26. ͭΊͷը໘͸͔͜͜ Βυϥοάˍυϩοϓ
27. $POUSPMΩʔ υϥο άͰભҠઃఆ 4IPXΛબ୒ ˡ ී௨͸ ͜ΕͰ0, ˡ J04Ҏલͷ
28. • J04ͷը໘ભҠͷߟ͑ํ • ελοΫʹը໘͕ͭΈ͔͞ͳ͍ͬͯ͘ɻϨΠϠʔΈ͍ͨͳ΋Μɻ • ͓·͚ • ໭Δͱ͖͸QPQΛ࢖͏ʢφϏήʔγϣϯόʔͷˡͱಉ͡ಈ͖ʣ • ίʔυॻ͘ͱ͖ͷ಺༰ʹͳΔͷͰɺؾʹͳͬͨΒQPQ7JFX$POUSPMMFS Ͱݕࡧͯ͠Έ͍ͯͩ͘͞ʂ
29. "VUP
    -BZPVUͷઃఆ
30. "VUP
    -BZPVUͬͯͳʹʁ • ഑ஔ৔ॴͷϧʔϧ෇͚ • J04͕୺຤͝ͱʹࣗಈॲཧΛͯ͘͠ΕΔ • ୺຤αΠζ͕ҟͳΔ͜ͱΛߟྀͨ͠΋ͷ
31. ઃఆ͸͜ͷ΁Μ͔Β Ͱ͖·͢
32. • "VUP
    -BZPVUͷॳظઃఆ • طʹ͋Δύʔπͷࣗಈ഑ஔʢ6QEBUF'SBNFʣ Resolve Auto Layout Issues
33. • "VUP
    -BZPVUͷϦηοτ Resolve Auto Layout Issues
34. • ʮ੍໿ʯͷઃఆ • ߴ͞΍෯ • ଞͷύʔπ͔Βͷڑ཭΍αΠζͳͲɺִؒ·ΘΓ΋ ઃఆͰ͖Δ Add New Constraints
35. • ੔ྻपΓ • ἧ͑Δج४ΛܾΊΒΕΔ • JO
    $POUBJOFS͸εʔύʔϏϡʔج४ͳͷͰɺύʔπ Λݸ͔͠બ୒ͯ͠ͳͯ͘΋0, Align
36. • ݸબΜͰ͍Δͱ͜͏ʢνΣοΫΛೖΕͯઃఆʣ Align
37. • ݸҎ্બΜͩͱ͖͚ͩબ୒Ͱ͖Δ • ࣗಈάϧʔϐϯάΈ͍ͨͳ΋ͷͰɺͱΔͭΊ͕͠΍͘͢ͳΔ • $44Ͱ͍͏ͱ͜ΖͷGMFYCPYɺ "OESPJEͰ͍͏ͱ͜Ζͷ-JOFBS-BZPVU • ࡉ͔͍͜ͱ͸ʮελοΫϏϡʔʯͰݕࡧͯ͠Έ͍ͯͩ͘͞ • Θ͔Γ΍͍͢ɿIUUQTRJJUBDPNNFSSJMMJUFNTCFEDEEE Embed In Stack
38. • نଇʹଇ͍ͬͯͳ͍΋ͷΛɺݸҎ্બΜͩͱ͖͚ͩબ୒Ͱ͖Δ • ࣗಈ੔ྻͷΑ͏ͳײ͡ • ͨͱ͑͹தԝʹ͔ۙͬͨΒɺதԝͷઢʹ͔ͬͯʹἧ͑ͯ͘ΕΔ Update Frames
39. • ը໘ͷઢ΍نଇʹଇ͍ͬͯͳ͍΋ͷ͸ɺઢͷ৭Ͱ֬ೝͰ͖·͢ • 7JFX্ͷ੨ઢ͕"VUP
    -BZPVUͷج४ • ΦϨϯδઢ͕ग़ͯͨΒԊͬͯͳ͍ͱ͍͏͜ͱ ̋ ԊͬͯΔ ✕ Ԋͬͯͳ͍
40. • نଇʹଇͬͯͳ͍ͷͰ͸ʁͱ͍͏΍ͭ͸ɺαδΣετ͞Ε·͢ʢ΍͍͞͠ʂʣ ʕΫϦοΫˠ ͜Ε͡Ό ͳ͍ͷʔʁ
41. ϨΠΞ΢τͷ֬ೝʹศརͳ͓΍ͩͪ͘ػೳ
42.  εΫϦʔϯ෼ׂ͓ͯ͘͠ ʢ9DPEFӈ্ʣ  ӈଆͷʮ.BOVBMʯΑΓɺ 1SFWJFX͔Β ετʔϦʔϘʔυΛબ୒  
43. ୺຤ΛͲΜͲΜ௥Ճ͍͚ͯ͠Δ σόΠε͝ͱͷݟͨ໨͕ಉ࣌ʹ ֬ೝͰ͖Δ
44. ଐੑͷม͑ํ ʢ৭ͱ͔ͷมߋʣ
46. ը૾·ΘΓͷઃఆ ΞϓϦΞΠίϯͷઃఆํ๏
47. "TTFUTYDBTTFUT ͱ͍͏ͱ͜Ζ͔ΒઃఆͰ͖·͢ ΞϓϦͷΞΠίϯ͸
49. ͜͜ʹΞΠίϯΛυϥοάˍυϩοϓ
50. ɾͲͷ෦෼ʹ࢖ΘΕΔΞΠίϯ͔ ɾαΠζ͸Կ͕ඞཁͳͷ͔ ͜ͷ෦෼ΛݟΕ͹શ෦Θ͔Δʂ
51. ը૾·ΘΓͷઃఆ ը૾ͷஔ͖ํ
52. ᶃ "TTFUTYDBTTFUTʹυϥοάˍυϩοϓͰը૾Λ௥Ճ ᶄ ᶅ ௥Ճͨ͠ϑΝΠϧ͕ग़͖ͯ·͢
53. ௥ՃͰ͖ͨʂ ͚ͲαΠζͱ͔ൺ཰͕͓͔͍͠ɻɻ
54. Ξεൺ͓͔͍͠ɻɻ ͦΜͳͱ͖͸ʮ7JFXʯͷ$POUFOU
    .PEFΛ͍͡Δ ŋŋŋॎԣͷൺ཰Λม͑ͯશମΛදࣔ ŋŋŋॎԣͷൺ཰͸ͦͷ··Ͱ௕͍ลج४ʹશମΛදࣔ ŋŋŋॎԣͷൺ཰͸ͦͷ··Ͱ୹͍ลج४ʹશମΛදࣔ ŋŋŋ*NBHF7JFXͷαΠζมߋʹ௥ਵͯ͠ϦαΠζʢ"TQFDU
    'JMMϕʔεʣ ŋŋŋը૾αΠζΛม͑ͣʹʮਅΜதʯΛج४ʹͯ͠දࣔ͢ΔʢҎԼུʣ
55. αΠζ͸͔͜͜Βมߋ
56. Ͱ͖·ͨ͠ʂ
57. ଜాύʔτʢલ൒ʣͷΰʔϧ ભҠ͚ͩͷ͔ΜͨΜͳϓϩτ͕࡞ΕΔΑ͏ʹͳΔʂ ʢ͚ͩͷ஌ࣝྔΛಘΔʣ • େ·͔ͳը໘ͷͭ͘Γ͔͕ͨΘ͔Δɻ • ύʔπ͕͓͚Δɻ • ը૾͕͓͚Δɻ • ͔ΜͨΜͳը໘ભҠ͕ͭ͘ΕΔɻ
58. ଜాʴࢁా͞Μύʔτʢશ෦ʣΛ௨͢ͱ ͔ΜͨΜͳΞϓϦ͕࡞ΕΔΑ͏ʹͳΔʂ • େ·͔ͳը໘ͷͭ͘Γ͔͕ͨΘ͔Δɻ • ύʔπ͕͓͚Δɻ • ը૾͕͓͚Δɻ • ͔ΜͨΜͳը໘ભҠ͕ͭ͘ΕΔɻ • ύʔπΛΫϦοΫͨ͠ͱ͖ʹ ͔ΜͨΜͳॲཧΛ࣮ߦͰ͖Δɻ
59. ͦ΋ͦ΋4XJGUͬͯͳʹʁ
60. 4XJGU 0CKFDUJWF$ΑΓ΋ͬͱJ1IPOFΞϓϦΛ։ൃ͠΍͘͢͢Δ ͨΊʹੜ·Εͨϓϩάϥϛϯάݴޠ
61. ଎͍ ࣮ߦ଎౓͕଎͍ʂ 4XJGU
    ʹ ଎͍ɺΞϚπόϝ Ϟμϯ ೥ʹൃද͞Εͨ͹͔Γʂ ϓϩάϥϛϯάॳ৺ऀʹ΋ൺֱత෼͔Γ΍͍͢ ҆શ Τϥʔ͕ى͖ʹ͍͘ʂ Τϥʔ͕ى͖ͦ͏ͳॻ͖ํΛͨ͠Βڭ͑ͯ͘ΕΔ ΞΠίϯ΋πόϝ
62. 4UPSZCPBSEͱYJCͷҧ͍
63. 4UPSZCPBSE YJC ෳ਺ը໘ͷσβΠϯ͕Ͱ͖Δ ը໘ͱը໘ͷͭͳ͕ΓํΛઃఆͰ͖Δ ΞϓϦͷେ࿮ͷྲྀΕΛ࡞Δ ̍ͭͷը໘͔͠࡞Εͳ͍ ෳ਺࡞ΔͳΒͦͷ෼YJCϑΝΠϧ͕ඞཁ ը໘಺ͷࡉ͔͍ύʔπΛ࡞Δͷʹ޲͍ͯΔ
64. 4UPSZCPBSE ෳ਺ը໘ͷσβΠϯ͕Ͱ͖Δ ը໘ͱը໘ͷͭͳ͕ΓํΛઃఆͰ͖Δ ΞϓϦͷେ࿮ͷྲྀΕΛ࡞Δ
65. YJC ̍ͭͷը໘͔͠࡞Εͳ͍ ෳ਺࡞ΔͳΒͦͷ෼YJCϑΝΠϧ͕ඞཁ ը໘಺ͷࡉ͔͍ύʔπΛ࡞Δͷʹ޲͍ͯΔ ϝʔϧΞϓϦͳΒड৴ശͷϝʔϧͷͱ͜Ζ
66. 4UPSZCPBSEʹύʔπΛஔ͚͹ ͍Ζ͍ΖͳσβΠϯ͕Ͱ͖Δʂ
67. Ͱ΋4UPSZCPBSE͚ͩͰ͸ Ͱ͖ͳ͍σβΠϯ͕͋Δ
68. ύʔπΛஔ͚ͩ͘Ͱ͸Ͱ͖ͳ͍σβΠϯ • ؙ֯ • άϥσʔγϣϯ • Ξχϝʔγϣϯ • จࣈͷෳࡶͳ૷০ FUDʜ
69. Ͱ΋ɺύʔπͱίʔυΛܨ͛Ε͹ Ͱ͖ΔΑ͏ʹͳΔʂ
70. ύʔπͷܨ͛ํ
71. ·ͣ͸͔͜͜Βը໘Λ̎෼ׂ ˢ෼ׂͨ͠Β͜Μͳײ͡
72. ύʔπΛબ୒͠ɺDPOUSPMΛԡ͠ͳ͕Βίʔυͷํ΁͍࣋ͬͯ͘
73. ύʔπʹ໊લΛ͚ͭ·͢ ͜ͷ࣌ʹ"DUJPOʹ͢ΔͱϘλϯΛԡͨ࣌͠ͷॲཧ͕ॻ͚·͢
74. ͜ΕͰύʔπͱίʔυ͕ܨ͛ΒΕ·ͨ͠ʂ ͏·͘ܨ͛ΒΕ͍ͯΕ͹͜Μͳײ͡Ͱ‒͕͍͍ͭͯΔ͸ͣͰ͢
75. 0QUJPO
    
    Ϋϥε໊ΫϦοΫͰ$MBTT
    3FGFSFODFΛݟΔ͜ͱ͕Ͱ͖·͢ ͓΍ͩͪ͘ػೳ ᶃ0QUJPOΛԡ͠ͳ͕Βɺ೚ҙͷΫϥεΛબ୒
76. 0QUJPO
    
    Ϋϥε໊ΫϦοΫͰ$MBTT
    3FGFSFODFΛݟΔ͜ͱ͕Ͱ͖·͢ ͓΍ͩͪ͘ػೳ ᶄ஌Γ͍ͨ΋ͷΛΫϦοΫ
77. 0QUJPO
    
    Ϋϥε໊ΫϦοΫͰ$MBTT
    3FGFSFODFΛݟΔ͜ͱ͕Ͱ͖·͢ ͓΍ͩͪ͘ػೳ ᶅ$MBTT
    3FGFSFODF͕ݟΕͨʂ
78. 9DPEFͰϓϩτ΋࡞ΕͪΌ͏ʂ
80. ͔͜͜ΒϏϧυΛ࣮ߦͰ͖·͢ʂ
81. ୺຤ͷαΠζΛม͑Δͷ͸͜͜
82. ݱࡏ͸J1IPOF
    9·Ͱ֬ೝՄೳ
83. ࣮ߦ͢Δͱɺ 1$্Ͱ͜Μͳײ͡Ͱ֬ೝͰ͖·͢ ΋ͪΖΜ୺຤ʹςετΞϓϦͱͯ͠ ͍ΕΔ͜ͱ΋Ͱ͖·͢
84. 9DPEFͰϓϩτΛ࡞Δͱ ભҠͷ࢓ํͳͲΛ࣮෺ʹ͚ۙͮΒΕΔ ͍ΖΜͳ୺຤αΠζͰ ֬ೝͰ͖Δͱ͜Ζ΋ϝϦοτʂ
85. ࣮ࡍʹطଘΞϓϦͷத਎Λͷ͍ͧͯΈΑ͏
86. ࣮ࡍʹͭͬͯ͘ΈΑ͏
87. ͓୊ɿ͡ΌΜ͚ΜΞϓϦ ޙग़͠Ͱ͖ͳ͍ʂ
88. ·ͣ͸ϓϩδΣΫτͮ ͘Γʂ ϓϩδΣΫτͷछྨΛ બͼ·͢ ͜ͷը໘͕ग़ͳ͔ͬͨ৔߹ ͸ɺπʔϧόʔͷ'JMF
    
    /FX
    
    1SPKFDU
89. ͡ΌΜ͚Μ
90. ͜Ε͕ετʔϦʔϘʔ υͷϑΝΠϧʂ
92. ͜Μͳײ͡Ͱஔ͍ͯΈ·ͨ͠ ࠓ࣮ߦͯ͠΋ ·ͩ#VUUPO͸ػೳ͠·ͤΜ
93. "TTFUTYDBTTFUTʹը૾Λ௥Ճ
94. ·ͣ͸͔͜͜Βը໘Λ̎෼ׂ ίʔυͷ෦෼Λ7JFX$POUSPMMFSTXJGUͱ͍͏ϑΝΠϧʹ͢Δʂ
95. ύʔπΛબ୒͠ɺDPOUSPMΛԡ͠ͳ͕Βίʔυͷํ΁͍࣋ͬͯ͘ ͜͜ͱಉ͡৔ॴʹ͍ΕΔ
96. ύʔπʹ໊લΛ͚ͭ·͢ ը૾Λදࣔ͢ΔJNBHF7JFX͸ͬͪ͜ Ϙλϯ͸ͬͪ͜
97. ͜ΕͰύʔπͱίʔυ͕ܨ͛ΒΕ·ͨ͠ʂ ͏·͘ܨ͛ΒΕ͍ͯΕ͹͜Μͳײ͡Ͱ‒͕͍͍ͭͯΔ͸ͣͰ͢ ʢ̏ͭͷϘλϯ͸ͦΕͧΕ઀ଓ͠·͢ʣ
98. ը૾Λදࣔ͢Δίʔυ͸ͪ͜Β KBOLFO@JNBHF7JFXJNBHF 
    6**NBHF OBNFE
    KBOLFO@HVQOH ੺จࣈ෦෼͸ը૾ϑΝΠϧ໊Λ దٓมߋ͍ͯ͠ΕΔ
100. ͜ΕͰ࣮ߦ͢Ε͹ ͡ΌΜ͚ΜΞϓϦͰ༡΂ΔΑ͏ʹͳΓ·͢ʂ
101. Α͍9DPEF -JGFΛʂ