写真や動画を扱うiPhoneアプリのサーバサイドの構成、課題に対してどうCloudFrontを使って改善して行ったのか、サービスの説明と合わせて解説します。

1. Ambrotype/Reviocam
CloudFront事例
大井宏友
株式会社リクルートホールディングス メディアテクノロジーラボ

2. Agenda
• Media Technology Labsのご紹介
• Ambrotype
• サービスのご紹介
• AWSの構成について
• Reviocam
• サービスのご紹介
• AWSの構成について

3. リクルートグループ

4. リクルートGの実証実験機関
http://mtl.recruit.co.jp

5. 事業化
新規事業開発
R&D

9. MTLのスマートフォンアプリ

10. MTLのスマートフォンアプリ
Ambrotype
Reviocam

11. http://ambrotype.com

12. 写真術の発明後、人類が撮影してきた写真
の10％程度がこの１年間で撮影された。

13. 撮影枚数の内20％がFacebookにUL

14. 増える写真、増える投稿先、増えるデバイス
と共に、写真の管理が煩雑化

15. Ambrotype
=
「思い出アルバム」

16. Solution

17. Sort by
Date
Automatically

18. Album
by Face

19. Album
by Geo

20. Serendipity

21. Communication

22. Card (NEW!)

23. Card (NEW!)

24. 写真を集める
思い出を整理理する
思い出に出会う
思い出コミュニケーション

25. Ambrotype on AWS

26. Ambrotypeの技術トピックス
• 各SNS／クラウドサービスのAPIを叩きまくる
• 対応サービス毎にAPI仕様が全く異なる。
• はじめから大量の写真情報が存在
• 各社のAPIのリクエスト上限との戦い。
• データ量、規模が予測できない。
• ToCサービスは「動いていて当たり前」
• メンテナンスで停止等やりにくい

27. 構成(リリース直後)
iPhone
App
Route 53
ap-northeast-1
ELB
Web/App/ Web/App/ Auto Scaling
Crawler
Crawler Crawler >=1
EC2 EC2 EC2
Auto scaling Group
Multi-AZ
RDS RDS
AZ1 Standby AZ2

28. リリース後に判明した課題
• 表示パフォーマンス
• 適切な寸法がない
• 元画像のCDN利用の有無

29. CDNの有無
Country CDN
Facebook US ⃝
Flickr US ×
Picasa US ⃝
mixi JP ×
Instagram US ⃝(CloudFront)

30. Twitter外部サービス
サムネイルがないなど寸法、CDN有無などバラバラ

31. リリース後に判明した課題
• 表示パフォーマンス
• 適切な寸法がない
• 元画像のCDN利用の有無
• 自分たちでキャッシュする

32. 構成(リリース直後)
App
Route 53
ap-northeast-1
ELB
Web/App/ Web/App/
Crawler
Crawler Crawler
EC2 EC2 EC2
Auto scaling Group
RDS RDS
AZ1 Standby AZ2

33. 構成(変更後)
App
Route 53
CloudFront
ap-northeast-1
S3 ELB
Web/App/ Web/App/
Crawler
Crawler Crawler
EC2 EC2 EC2
Auto scaling Group
Face
EC2 RDS RDS
AZ1 Standby AZ2

34. https://www.reviocam.com

35. Take Movie

36. Stamp

37. Video Stamp

38. Effector

39. Share

40. 動画にフレームやスタンプ
で可愛くデコレーションが
できるアプリ

41. Reviocam on AWS

42. Reviocamの技術トピックス
• 重い処理はアプリ
• スマホ上で動画を再生
• ソーシャルメディアに動画を投稿→バイラル効果
• 日本だけではなくアジア圏で流行りそう
• ロケーションを問わずにストレスなく再生
• リクエスト規模の予想が出来ない

43. 構成
App
Route 53
CloudFront
ap-northeast-1
S3 ELB
Web/App/ Web/App/
Crawler Crawler
EC2 EC2
ElastiCache Auto scaling Group
RDS RDS RDS
ReadReplic
AZ1 AZ2
Standby

44. ASIA!

45. スマホサービスでの心構え
• アプリ内キャッシュ+CDNでユーザーに待たせない体
験を。
• CDNで世界中どこからでも、非力なネットワークで
もユーザーに待たせない体験を。

46. ありがとうございました。