Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
チームを加速させる	

Retty 式チーム開発術
Retty株式会社	

2014/04/03	

櫻井 洋一郎
Table of Contents
1. App Structure	

2. Development Environment
Table of Contents
1. App Structure	

2. Development Environment
App Structure
• Retty app using many “UIWebView”	

• Web page,Web API	

• Non-iOS Engineers can create/modify App UI
Type of WebView
• “REMOTE” WebView	

• show web page on server	

• “LOCAL” WebView	

• show HTML, CSS, JS in App
Why include HTMLs in App ?
• You can show background view immediately	

• Dynamic contents can get by JavaScript lazily	

...
Custom URL Scheme
• Retty App uses Custom URL Scheme effectively	

• Using screen transition	

• retty://?paramA=XXX&param...
Table of Contents
1. App Structure	

2. Development Environment
Retty Server Environment
Route53 ELB EC2
CloudWatch
ElasticCache
RDS
S3SQS
_人人人人人人_	

> Many AWS!! <	

 ̄Y^Y^Y^Y^Y ̄
EC2 valiation
• Production (http://retty.me/)	

• Staging (http://retty.me/)	

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

• Staging (http://retty.me/)	

• Development (http://devserverXXX.retty.me...
Switch Production and Staging
Production Staging
Production RDS
Production WiFi Staging WiFi
Switch Production and Staging
Production Staging
Production RDS
Non-VPN VPN with Proxy
Development Server
Dev-saku
Development RDS
Dev-take Dev-yoshidaDev-natsukaDev-uchinoDev-hirano
Retty-saku
Jenkins &TestFlight
source: http://hazi.jp/wp-content/uploads/2012/12/jenkins-wallpaper-phone1.jpg

http://www.mevvy.com/w...
Development Server
Dev-saku
Development RDS
Dev-take Dev-yoshidaDev-natsukaDev-uchinoDev-hirano
Retty-saku Retty-yoshidaRe...
Why so many Dev Servers ?!
SUMMARY
• Accelerate team development	

• Use WebView (appropriately), if needed	

• Production & Staging & Development	

...
WE’RE HIRING!!
https://www.wantedly.com/projects/6442
Thank you.
Upcoming SlideShare
Loading in …5
×

チームを加速させるRetty式開発術

2014/04/03 のRetty主催勉強会の資料

  • Be the first to comment

  • Be the first to like this

チームを加速させるRetty式開発術

  1. 1. チームを加速させる Retty 式チーム開発術 Retty株式会社 2014/04/03 櫻井 洋一郎
  2. 2. Table of Contents 1. App Structure 2. Development Environment
  3. 3. Table of Contents 1. App Structure 2. Development Environment
  4. 4. App Structure • Retty app using many “UIWebView” • Web page,Web API • Non-iOS Engineers can create/modify App UI
  5. 5. Type of WebView • “REMOTE” WebView • show web page on server • “LOCAL” WebView • show HTML, CSS, JS in App
  6. 6. 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 !
  7. 7. Custom URL Scheme • Retty App uses Custom URL Scheme effectively • Using screen transition • retty://?paramA=XXX&paramB=YYY • Webview call Native method through URL
  8. 8. Table of Contents 1. App Structure 2. Development Environment
  9. 9. Retty Server Environment Route53 ELB EC2 CloudWatch ElasticCache RDS S3SQS
  10. 10. _人人人人人人_ > Many AWS!! <  ̄Y^Y^Y^Y^Y ̄
  11. 11. EC2 valiation • Production (http://retty.me/) • Staging (http://retty.me/) • Development (http://devserverXXX.retty.me/)
  12. 12. EC2 valiation • Production (http://retty.me/) • Staging (http://retty.me/) • Development (http://devserverXXX.retty.me/) ?!
  13. 13. Switch Production and Staging Production Staging Production RDS Production WiFi Staging WiFi
  14. 14. Switch Production and Staging Production Staging Production RDS Non-VPN VPN with Proxy
  15. 15. Development Server Dev-saku Development RDS Dev-take Dev-yoshidaDev-natsukaDev-uchinoDev-hirano Retty-saku
  16. 16. 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
  17. 17. Development Server Dev-saku Development RDS Dev-take Dev-yoshidaDev-natsukaDev-uchinoDev-hirano Retty-saku Retty-yoshidaRetty-hirano Retty-uchino Retty-natsuka Retty-take
  18. 18. Why so many Dev Servers ?!
  19. 19. SUMMARY • Accelerate team development • Use WebView (appropriately), if needed • Production & Staging & Development • Switch and Generate App easily
  20. 20. WE’RE HIRING!! https://www.wantedly.com/projects/6442
  21. 21. Thank you.

×