エンジニアとデザイナーのあいだ

2015/11/25 iOS 9 週連続 Boot Camp! 9 週目 発表資料

Transcript

2. ࣗݾ঺հ Α͜΍· Ώ͏͍ͩ @udaiadu ΞϓϦέʔγϣϯΤϯδχΞ / σβΠφʔ 2013/12 ೖࣾ ࠷ۙ͸εϓϥτΡʔϯʹΨνϋϚΓ લ৬͸౎಺΋ͭು԰ళ௕ ๺ւಓ ۴࿏ࢢ ग़਎ ͜Ε·Ͱʹݐஙࢪ޻؅ཧ౳Λܦݧ
3. ࣗݾ঺հ Α͜΍· @udaiadu ΞϓϦέʔγϣϯΤϯδχΞ / σβΠφʔ 2013/12 ೖࣾ ࠷ۙ͸εϓϥτΡʔϯʹΨνϋϚΓ લ৬͸౎಺΋ͭು԰ళ௕ ๺ւಓ ۴࿏ࢢ ग़਎ ͜Ε·Ͱʹݐஙࢪ޻؅ཧ౳Λܦݧ
4. ࣭໰
    Are you ΤϯδχΞ ? 唐突に!
5. ࣭໰
    Are you σβΠφʔ ? 唐突に!!
6. ࣭໰
    Are you Ͳͬͪ΋ ? 唐突に!!!
7. ϞόΠϧΞϓϦαʔϏε෦ 10% 10% 10% 70% Ϋϥεϝιου ΤϯδχΞ σβΠφʔ Ͳͬͪ΋ PMɾPL
8. ͓Θ͔Γ͍͚ͨͩͨͩΖ͏͔ʜ
9. デザイナー募集中!!
11. ΤϯδχΞ͔ͭσβΠφʔͱͯ͠
12. ΤϯδχΞ͔ͭσβΠφʔͱͯ͠ ࣗ෼ͰσβΠϯͯࣗ͠෼Ͱ࣮૷ σβΠϯ౉ͯ͠࠷ޙʹ UI ௐ੔ CustomView ৬ਓ icon ౳ͷૉࡐ͸ϦϙδτϦʹ Push
13. ΑΓΑ͍ΞϓϦΛಧ͚ΔͨΊʹ
14. ΑΓΑ͍ΞϓϦΛಧ͚ΔͨΊʹ ͋Δ͋Δࣄྫ ͳʹ͕໰୊ʁ ղܾҊ
15. ͋Δ͋Δࣄྫ ϨΠΞ΢τͷόϥϯε͕Α͘ͳ͍ エンジニア編
16. ࣗݾ঺հ @udaiadu ΞϓϦέʔγϣϯΤϯδχΞ / σβΠφʔ 2013/12 ೖࣾ ࠷ۙ͸εϓϥτΡʔϯʹΨνϋϚΓ લ৬͸౎಺΋ͭು԰ళ௕ ๺ւಓ ۴࿏ࢢ ग़਎ ͜Ε·Ͱʹݐஙࢪ޻؅ཧ౳Λܦݧ Α͜΍· Ώ͏͍ͩ
17. ࣗݾ঺հ Α͜΍· Ώ͏͍ͩ @udaiadu ΞϓϦέʔγϣϯΤϯδχΞ / σβΠφʔ 2013/12 ೖࣾ ࠷ۙ͸εϓϥτΡʔϯʹΨνϋϚΓ લ৬͸౎಺΋ͭು԰ళ௕ ๺ւಓ ۴࿏ࢢ ग़਎ ͜Ε·Ͱʹݐஙࢪ޻؅ཧ౳Λܦݧ Α͜΍· Ώ͏͍ͩ @udaiadu ΞϓϦέʔγϣϯΤϯδχΞ / σβΠφʔ 2013/12 ೖࣾ ࠷ۙ͸εϓϥτΡʔϯʹΨνϋϚΓ લ৬͸౎಺΋ͭು԰ళ௕ ๺ւಓ ۴࿏ࢢ ग़਎ ͜Ε·Ͱʹݐஙࢪ޻؅ཧ౳Λܦݧ
18. ͳʹ͕໰୊ʁ ࡉ͔͍σβΠϯमਖ਼͕ൃੜ͢Δ मਖ਼Օॴ͕ଟ͗ͯͦ͢ͷ··ϦϦʔε ϓϩͬΆ͘ͳ͍
19. ղܾҊ ϨΠΞ΢τͷجૅΛֶͿ
20. ࣗݾ঺հ Α͜΍· Ώ͏͍ͩ @udaiadu ΞϓϦέʔγϣϯΤϯδχΞ / σβΠφʔ 2013/12 ೖࣾ ࠷ۙ͸εϓϥτΡʔϯʹΨνϋϚΓ લ৬͸౎಺΋ͭು԰ళ௕ ๺ւಓ ۴࿏ࢢ ग़਎ ͜Ε·Ͱʹݐஙࢪ޻؅ཧ౳Λܦݧ ࣗݾ঺հ Α͜΍· Ώ͏͍ͩ @udaiadu ΞϓϦέʔγϣϯΤϯδχΞ / σβΠφʔ 2013/12 ೖࣾ ࠷ۙ͸εϓϥτΡʔϯʹΨνϋϚΓ લ৬͸౎಺΋ͭು԰ళ௕ ๺ւಓ ۴࿏ࢢ ग़਎ ͜Ε·Ͱʹݐஙࢪ޻؅ཧ౳Λܦݧ
21. ࣗݾ঺հ Α͜΍· Ώ͏͍ͩ @udaiadu ΞϓϦέʔγϣϯΤϯδχΞ / σβΠφʔ 2013/12 ೖࣾ ࠷ۙ͸εϓϥτΡʔϯʹΨνϋϚΓ લ৬͸౎಺΋ͭು԰ళ௕ ๺ւಓ ۴࿏ࢢ ग़਎ ͜Ε·Ͱʹݐஙࢪ޻؅ཧ౳Λܦݧ
22. ࣗݾ঺հ @udaiadu ΞϓϦέʔγϣϯΤϯδχΞ / σβΠφʔ 2013/12 ೖࣾ ࠷ۙ͸εϓϥτΡʔϯʹΨνϋϚΓ લ৬͸౎಺΋ͭು԰ళ௕ ๺ւಓ ۴࿏ࢢ ग़਎ ͜Ε·Ͱʹݐஙࢪ޻؅ཧ౳Λܦݧ Α͜΍· Ώ͏͍ͩ
23. ࣗݾ঺հ Α͜΍· Ώ͏͍ͩ @udaiadu ΞϓϦέʔγϣϯΤϯδχΞ / σβΠφʔ 2013/12 ೖࣾ ࠷ۙ͸εϓϥτΡʔϯʹΨνϋϚΓ લ৬͸౎಺΋ͭು԰ళ௕ ๺ւಓ ۴࿏ࢢ ग़਎ ͜Ε·Ͱʹݐஙࢪ޻؅ཧ౳Λܦݧ Α͜΍· Ώ͏͍ͩ @udaiadu ΞϓϦέʔγϣϯΤϯδχΞ / σβΠφʔ 2013/12 ೖࣾ ࠷ۙ͸εϓϥτΡʔϯʹΨνϋϚΓ લ৬͸౎಺΋ͭು԰ళ௕ ๺ւಓ ۴࿏ࢢ ग़਎ ͜Ε·Ͱʹݐஙࢪ޻؅ཧ౳Λܦݧ
24. ʻॻ੶঺հʼ ͳΔ΄ͲσβΠϯ
25. ͋Δ͋Δࣄྫ AutoLayout ͕ۤख エンジニア編
27. Add Missing Constraints μϝɺθολΠɻ
28. ͳʹ͕໰୊ʁ UIͷ࣮૷ʹ΍ͨΒͱ͕͔͔࣌ؒΔ ୺຤ʹΑͬͯϨΠΞ΢τ่͕յ͢Δ ؆୯ͳϨΠΞ΢τ͔͠࡞Εͳ͍
29. ղܾҊ AutoLayout ͔Βಀ͛ͳ͍
30. ಀ͛ͨ͘ͳΔΘ͚
31. ͓͹͚ා͍ཧ࿦ ਓؒͩΕ͠΋ະ஌ͷ΋ͷʹڪා͢Δ ਖ਼ମ͕Θ͔Ε͹ා͘ͳ͍
32. AutoLayout Λ஌Δ
33. ΍Δؾ QU QU
34. ΍Δؾ
35. IUUQXXXTMJEFTIBSFOFULBLFHBXBBUTVTIJEFWJPBVUPMBZPVU
36. ͋Δ͋Δࣄྫ icon ͷαΠζখͯ͘͞͠ エンジニア編
37. icon খͯ͘͞͠ αΠζ͸ʁ @2x ͕̋̋pxͰɺ @3x ͕̋̋pxͰΑΖ
38. ͳʹ͕໰୊ʁ ࣗ෼ͰͰ͖ͳ͍ ಛผͳιϑτ͕ඞཁͩͱࢥ͍ͬͯΔ σβΠφʔͱͷ΍ΓͱΓͷํ͕͔͔࣌ؒΔ
39. ղܾҊ ؆୯ͳը૾ฤूεΩϧΛ਎ʹ͚ͭΔ
41. Preview ͰͰ͖Δ͜ͱ ը૾ΛݟΔ
42. ͚ͩ͡Όͳ͍ʂ
43. Preview ͰͰ͖Δ͜ͱ ը૾ΛݟΔ αΠζͷௐ੔ Χϥʔͷௐ੔ ઢɺจࣈɺਤܗͷॻ͖ࠐΈ ͳͲͳͲ
44. ϚʔΫΞοϓπʔϧόʔදࣔ
45. ϚʔΫΞοϓπʔϧόʔ
46. αΠζΛௐ੔
48. ΧϥʔΛௐ੔
51. ͋Δ͋Δࣄྫ σβΠϯఏҊ࣌ʹཧ༝Λฉ͔Εͯ٧Ή デザイナー編
53. ͳʹ͕໰୊ʁ આಘྗ͕ͳ͍ ҙݟΛަΘ͢͜ͱ͕Ͱ͖ͳ͍ σβΠϯεΩϧ͕஁͑ΒΕͳ͍
54. ղܾҊ UI ͱձ࿩͢Δ
55. ͳͥͦ͜ʹ͍Δͷʁ ը໘Λ੾Γସ͑Δ ͨΊͩΑ #VUUPO
56. ͋Δ͋Δࣄྫ WEBσβΠϯͬΆ͍ デザイナー編
57. ≠
58. ͳʹ͕໰୊ʁ UIίϯϙʔωϯτͷಛੑ͕ߟྀ͞Ε͍ͯͳ͍ ը໘ભҠ͕ෳࡶͰ໎ࢠʹͳΔ ̍ͭͷը໘ʹ৘ใ͕ଟ͗͢Δ
59. ղܾҊ ΞϓϦʹ͸ΞϓϦͷσβΠϯ
60. ਓͷҙݟΛฉ͍ͯΈΔ
61. ਓͷҙݟΛฉ͍ͯΈΔ σβΠϯதʹ৭ʑͳਓʹݟͯ΋Β͏ ಈ͘΋ͷ͕Ͱ͖ͨΒ࣮ࡍʹ࢖ͬͯ΋Β͏
62. ͋Δ͋Δࣄྫ ࣗ෼Ͱमਖ਼ͯ͠PRͪΐ͏͍ͩ ʢ৑ஊʣ デザイナー編
63. ͳʹ͕໰୊ʁ গ͠ͷमਖ਼Ͱ΋େ͖ͳίϛϡχέʔγϣϯ ίετ͕͔͔Δ ࡞ۀͷ߹ؒʹमਖ਼ґཔͯ͠·ͨमਖ਼ґཔ ͱ͔ؾ͕ͻ͚Δ
64. ղܾҊ IB ΛϚελʔ͢Δ
67. IUUQXXXTMJEFTIBSFOFULBLFHBXBBUTVTIJEFWJPBVUPMBZPVU
68. ·ͱΊ
69. ΤϯδχΞ ϨΠΞ΢τͷجૅΛֶͿ AutoLayout ͔Βಀ͛ͳ͍ ؆୯ͳը૾ฤूεΩϧΛ਎ʹ͚ͭΔ
70. σβΠφʔ σβΠϯʹ໌֬ͳࠜڌΛ࣋ͭ ΞϓϦσβΠϯ ≠ WEBσβΠϯ IB ΛϚελʔ͢Δ
71. Ͳͬͪ΋ ৭ʑͳΞϓϦΛݟΔ σβΠϯΨΠυϥΠϯΛݟΔ
72. ʻॻ੶঺հʼ ϞόΠϧσβΠϯ ύλʔϯ
73. B C D E F
74. B C Designer E F
75. B C Designer E F ngineer
76. ΤϯδχΞͱσβΠφʔͷ͍͋ͩʹ
77. अຐ͢Δ΋ͷ͸Կ΋ͳ͍ʂ
78. ͍͍΋ͷͭ͘Γ·ͤΜ͔ʁ