2014/05/29 in mixi http://deploygate.doorkeeper.jp/events/11579

1. 開発を加速させる
Retty 式チーム開発術
Reloaded
2014/05/29
Retty株式会社
櫻井 洋一郎

2. Self Introduction
• Name:Yoichiro Sakurai (@saku2saku)
• Job: iOS Engineer @ Retty.Inc
TONKATSU Engineer
• Major: Objective-C, PHP, Java, etc..
• Hobby: Reading comics, Cooking, etc..

3. Works
for iPhone for iPad for Web
(not commiter)

4. What is “Retty” ?

5. Table of Contents
1. App Structure
2. Development Environment
3. Advanced Development Environment

6. Table of Contents
1. App Structure
2. Development Environment
3. Advanced Development Environment

7. App Structure
• Retty app using many “UIWebView”
• Web page,Web API
• Non-iOS Engineers can create/modify App UI

8. Type of WebView
• “REMOTE” WebView
• show web page on server
• “LOCAL” WebView
• show HTML, CSS, JS in App

9. Why include HTMLs in App ?
• You can show background view immediately
• Dynamic contents can get by JavaScript lazily
• You can create/modify App UI, even if you don’t
know Objective-C !

10. Custom URL Scheme
• Retty App uses Custom URL Scheme effectively
• Using screen transition
• retty://?paramA=XXX&paramB=YYY
• Webview call Native method through URL

11. Table of Contents
1. App Structure
2. Development Environment
3. Advanced Development Environment

12. Retty Server Environment
Route53 ELB EC2
CloudWatch
ElasticCache
RDS
S3SQS

13. ＿人人人人人人＿
＞ Many AWS!! ＜
￣Y^Y^Y^Y^Y￣

14. EC2 valiation
• Production (http://retty.me/)
• Staging (http://retty.me/)
• Development (http://devserverXXX.retty.me/)

15. EC2 valiation
• Production (http://retty.me/)
• Staging (http://retty.me/)
• Development (http://devserverXXX.retty.me/)
？！

16. Switch Production and Staging
Production Staging
Production RDS
Production WiFi Staging WiFi

17. Switch Production and Staging
Production Staging
Production RDS
Non-VPN VPN with Proxy

18. Development Server
Dev-saku
Development RDS
Dev-take Dev-yoshidaDev-natsukaDev-uchinoDev-hirano
Retty-saku

19. Jenkins &TestFlight
source: http://hazi.jp/wp-content/uploads/2012/12/jenkins-wallpaper-phone1.jpg
http://www.mevvy.com/wp-content/uploads/2012/12/TestFlight-logo-on-mevvy.com_.png

20. Development Server
Dev-saku
Development RDS
Dev-take Dev-yoshidaDev-natsukaDev-uchinoDev-hirano
Retty-saku Retty-yoshidaRetty-hirano Retty-uchino Retty-natsuka Retty-take

21. And DeployGate
source: https://lh4.ggpht.com/AOPLh8AvXlTt5evzK-koQIyR7SFjoj6MMcW45eFtY0WSuU4Fz4burnpKwGp9k0wv-gk=w300

22. Why so many Dev Servers ?!

23. Table of Contents
1. App Structure
2. Development Environment
3. Advanced Development Environment

24. Advanced Retty Server
Environment
Route53 ELB EC2
CloudWatch
ElasticCache
RDS
S3SQS
Elastic
Beanstalk

25. What is changed by
Elastic Beanstalk
• Visualization server versions
• Simple & fast deploy, auto scaling
• Swap environment instantly

26. Visualization server versions

27. Simple & fast deploy, auto scaling

28. Swap environment instantly

29. SUMMARY
• Accelerate team development
• Use WebView (appropriately), if needed
• Production & Staging & Development
• Switch and Generate App easily
• Improve environment continuously !

30. WE’RE HIRING Designer!!
https://www.wantedly.com/projects/3873

31. Thank you.