Some methods for who doesn't want to use Storyboard

If you Never want to use Storyboard to make layout of iOS app, You should choose some alternative choices of better way to make laytout with some team mate. I introduce some methods and services.

Transcript

1. ࢖͍ͨ͘ͳ͍Storyboard Λ࢖Θͳ͍ҝʹ͸ @satomiretriever
2. Satomi Suyama @satomiretriever ݸਓͰಈ෺ܥͷΞϓϦΛ੍࡞ ࢓ࣄͰ ஡ಓΞϓϦɺ γΣΞϦϯάΤίϊϛʔΞϓ Ϧɺ3DΞϓϦͷ੍࡞
3. ຊ೔࿩͢͜ͱ • ຊ౰͸StoryboardΛ࢖͍ͨ͘ͳ͍ͷʹɺ࢖͍ଓ ͚͍ͯΔํʑ͕ɺStoryboardΛ࢖Θͣʹ։ൃΛ ͢ΔҝͷTipsΛܦݧ͔Β
4. ຊ೔࿩͞ͳ͍͜ͱ • Storyboardͷ͕͜͜μϝ • Storyboard͸࢖Θͳ͍΄͏͕͍͍xxͷཧ༝ • ͳͥStoryboardΛ࢖͏ͷ͔ʁ • Xcode8ͷStoryboardͷ࿩ • xibؔ܎ͷ࿩
5. ࣌ʑݟΔޫܠ…
6. ͋ΔΧϯϑΝϨϯεͷ࣭ٙԠ౴ ʹͯ ͱ͜ΖͰStoryboardʹ͸Ͳ͏దԠ͠ ͨΒ͍͍Ͱ͠ΐ͏͔ʁ ͋… Storybord࢖Θͳ͍ͷͰ… … ࣭ ϓ ࣭
7. ͱ͋ΔQiita/ϒϩάʹͯ # ◦◦ΛͲ͏͜͏͢Δख๏ ɾɾɾɾ ɾ ɾ ɾ ɾ # ࠷ޙʹ ͜͜·Ͱ˓˓ʹ͍ͭͯݟ͖ͯ·͕ͨ͠ɺStoryboardͰ ग़དྷΔ͜ͱ͸ίʔυͰ΋ग़དྷΔͷͰɺࠓޙ͸ָΛͤͣ ʹͪΌΜͱίʔυͰॻ͘Α͏ʹ͍ͨ͠Ͱ͢ɻ
8. StoryboardΛ࢖Θͳ͍ϝ Ϧοτ͸प஌͞Ε͍ͯΔ
9. Ͱ΋࣮ࡍଟ͘ͷέʔεͰɺෆ ຬΛ࣋ͪͳ͕Β΋Storyboard ͸࢖ΘΕ͍ͯΔ
10. ͡Ό͋ͳΜͰ࢖͏ͷʁ
11. StoryboardΛ࢖͏ཧ༝(ൈਮ) • UIΛ೺Ѳ͠΍͍͢ • ը໘ભҠΛ೺Ѳ͠΍͍͢ • ॳ଎͕ग़Δ • σβΠφʔʹͱͬͯ࢖͍΍͍͢ • ॳ৺ऀʹ͸޲͍͍ͯΔ
12. UIΛ೺Ѳ͢ΔͳΒ • SketchͱυΩϡϝϯτπʔϧ΍Issue؅ཧͰٞ࿦ɾ߹ ҙ·ͰରԠͰ͖Δ Issue؅ཧ UIઃܭ FBٻΉ ࡉ͔͍͜ͱ͸ ͬͪ͜ʹॻ͍ͨΓ
13. UIΛ೺Ѳ͢ΔͳΒ • ͜͏͍͏ઃܭਤΛॻ͖΍͘͢ͳΔ • ࣮૷ɾमਖ਼͠қ͍
14. ը໘ભҠΛ೺Ѳ͢ΔͳΒ • ϓϩτλΠϐϯάπʔϧΛ࢖͑͹͍͍
15. ࣮૷ͱ UIͷΞΠσΞग़͠/ઃܭ/FBͳͲΛ ෼཭ ࢑ఆతʹ࢓༷ΛݻΊΔ·Ͱ͕ ૉૣ͘ɺॊೈʹͳΔ
16. ࣮૷ͱ UIͷΞΠσΞग़͠/ઃܭ/FBͳͲΛ ෼཭ ࢑ఆతʹ࢓༷ΛݻΊΔ·Ͱ͕ ૉૣ͘ɺॊೈʹͳΔ ڞ௨ཧղ͕ਂ·Γ ࣮૷ͷޮ཰͕޲্͢Δ
17. ॳ଎… • StoryboardΛ࢖͑͹ɺαΫαΫͱϓϩτλΠϓ͕࡞Ε ͯɺ͋Δఔ౓ΩϨΠͰ͋Δఔ౓ಈ͘΋ͷ͕ૣΊʹग़དྷΔ
18. ॳ଎… • StoryboardΛ࢖͑͹ɺαΫαΫͱϓϩτλΠϓ͕࡞Ε ͯɺ͋Δఔ౓ΩϨΠͰ͋Δఔ౓ಈ͘΋ͷ͕ૣΊʹग़དྷΔ ಈ͘΋ͷ ελʔτ Ұ࣌ೲ඼ ϦϦʔε
19. ॳ଎… • StoryboardΛ࢖͑͹ɺαΫαΫͱϓϩτλΠϓ͕࡞Ε ͯɺ͋Δఔ౓ΩϨΠͰ͋Δఔ౓ಈ͘΋ͷ͕ૣΊʹग़དྷΔ ಈ͘΋ͷ ελʔτ Ұ࣌ೲ඼ ϦϦʔε ര଎
20. ॳ଎… • StoryboardΛ࢖͑͹ɺαΫαΫͱϓϩτλΠϓ͕࡞Ε ͯɺ͋Δఔ౓ΩϨΠͰ͋Δఔ౓ಈ͘΋ͷ͕ૣΊʹग़དྷΔ ಈ͘΋ͷ ελʔτ Ұ࣌ೲ඼ ৭ʑख௚͠ Ұ࣌ೲ඼ ϦϦʔε ര଎ ख͕ؒ૿͑
21. ॳ଎… • StoryboardΛ࢖͑͹ɺαΫαΫͱϓϩτλΠϓ͕࡞Ε ͯɺ͋Δఔ౓ΩϨΠͰ͋Δఔ౓ಈ͘΋ͷ͕ૣΊʹग़དྷΔ ಈ͘΋ͷ ελʔτ Ұ࣌ೲ඼ ৭ʑख௚͠ Ұ࣌ೲ඼ ߋʹ৭ʑख௚͠ Ұ࣌ೲ඼ ϦϦʔε ര଎ ख͕ؒ૿͑ ࣙΊ͍ͨ
22. ॳ଎… • StoryboardΛ࢖͑͹ɺαΫαΫͱϓϩτλΠϓ͕࡞Ε ͯɺ͋Δఔ౓ΩϨΠͰ͋Δఔ౓ಈ͘΋ͷ͕ૣΊʹग़དྷΔ ಈ͘΋ͷ ελʔτ Ұ࣌ೲ඼ ৭ʑख௚͠ Ұ࣌ೲ඼ ߋʹ৭ʑख௚͠ ΋͏͋Ε΋͜Ε΋ख௚͠ Ұ࣌ೲ඼ ϦϦʔε ര଎ ख͕ؒ૿͑ ࣙΊ͍ͨ
23. ॳ଎… • StoryboardΛ࢖͑͹ɺαΫαΫͱϓϩτλΠϓ͕࡞Ε ͯɺ͋Δఔ౓ΩϨΠͰ͋Δఔ౓ಈ͘΋ͷ͕ૣΊʹग़དྷΔ ಈ͘΋ͷ ελʔτ Ұ࣌ೲ඼ ख௚͠ Ұ࣌ೲ඼ ख௚͠ Ұ࣌ೲ඼ ϦϦʔε ര଎ ख͕ؒ૿͑ ࣙΊ͍ͨ ΋͏͋Ε΋͜Ε΋ख௚͠ ΍ͬͯΔײ͸͍͢͝ͰΔʂ Ͱ΋ଉ͕ۤ͠͞૿͍͑ͯ͘ ͦΕΛԿͱ͔͢ΔͨΊ ʹؤுΔख͕ؒ૿͑Δ
24. ࠷ऴతʹظݶ಺ʹ ΫΦϦςΟͷߴ͍΋ͷ͕ Ͱ͖͍ͯΔͱ޾ͤ
25. খ͘͞PDCAΛճ͠ଓ͚Δ • ࣮૷ͱσβΠϯΛ෼͚ͯɺॊೈʹαΫαΫͱࢼ ߦࡨޡΛ൓өͤ͞ͳ͕Βɺ࠷ऴ੒Ռ෺ʹ޲͚ͯ ߹ཧతʹ࡞Γ্͍͛ͯ͘ํ͕ແବ͕গͳ͍ ઃܭ։࢝ ϦϦʔε PDCA PDCA PDCA PDCA PDCA ࣮૷։࢝
26. σβΠφʔʹͱͬͯ࢖͍΍͍͢… • σβΠφʔͱͯ͠͸ɺUI΍ΞχϝʔγϣϯΛҙਤͨ͠ܗͰ࡞Γ্͛ ͍ͨ…͸ͣ • ڞ௨ॲཧ΍ಉ͡ϨΠΞ΢τͷ࢖͍ճ͕͠༰қͱ ͍͏఺Ͱίʔυ࣮૷ͷํ͕ɺσβΠφʔʹͱͬͯ ࢖͍΍͍͢ͷͰ͸ • Ξχϝʔγϣϯ΍ϨΠΞ΢τͳͲ΋ͪΌΜͱఆ ٛ͢Δʹ͸ίʔυͷํ͕ݟ௨͕͍͍͠
27. ॳ৺ऀʹ޲͍͍ͯΔ • ॳ৺ऀͱ͸ɺUIઃܭೳྗ͕ෆे෼ͳਓͱͯ͠… • HTML, CSS, JS͋ͨΓͰɺαΫαΫͬͱͪΌΜͱ ษڧΛ͢Δͱ͍͍ • ·ͣ͸͜͏͍͏ͷΛͪΌΜͱ
 ࡞ΕΔΑ͏ʹͳ͔ͬͯΒ…
28. StoryboardΛ࢖Θͳͯ͘ ΋ΞϓϦ։ൃ͸ग़དྷΔ
29. StoryboardҎ֎ͷπʔ ϧΛ࢖ͬͨํ͕ɺ޾ͤ ͳ೔ʑ͕଴͍ͬͯΔ
30. StoryboardҎ֎ͷπʔ ϧΛ࢖ͬͨํ͕ɺ޾ͤ ͳ೔ʑ͕଴͍ͬͯΔ …?
31. ͋Γ͕ͱ͏͍͟͝·ͨ͠