2014年1月23日にグーグル株式会社にて開催された、html5j e コマース部第１回勉強会で発表した資料です。

1. 楽天の e コマースと
HTML5 活用事例
Jan. 23rd 2014
Tsutomu Ogasawara
HTML5 Project Team
Creative & Web Design Department, Rakuten, Inc.
http://www.rakuten.co.jp/
@ html5j eコマース部第1回勉強会

2. Self Introduction
Tsutomu Ogasawara
@ogaoga
HTML5 Project Team / Rakuten, Inc.
2

3. Self Introduction
HTML5を駆使したRakuten Technology Conference 2013サイト制作の内側
http://html5experts.jp/ogaoga/3370/
3

4. Agenda
§ 楽天の紹介
§ 楽天での HTML5 技術の活用事例
4

5. 5

6. Rakuten Services
楽天グループ サービス一覧
http://www.rakuten.co.jp/sitemap/
楽天株式会社: Rakuten Worldwide
http://corp.rakuten.co.jp/worldwide/global.html
http://corp.rakuten.co.jp/worldwide/americas.html
http://corp.rakuten.co.jp/worldwide/europe.html
http://corp.rakuten.co.jp/worldwide/asia_oceania.html
6

7. Rakuten Services
楽天株式会社: ビジネスモデル | 楽天の強み
http://corp.rakuten.co.jp/about/strength/business_model.html
7

8. Rakuten ICHIBA
8

9. 9

10. Shopping is Entertainment!
楽天 - Google 検索
https://www.google.co.jp/search?q=%E6%A5%BD%E5%A4%A9
10

11. Market Place
by David Morris *
* This file is licensed under the Creative Commons Attribution-Share Alike 3.0 Unported license. http://en.wikipedia.org/wiki/User:PCHS-NJROTC
11

12. Long Page
【楽天市場】【好評につき感謝価格！さらにポイント3倍中!!】三木谷社長も
絶賛♪楽天で5年連続1位受賞のかに[5年連続グルメ大賞]カット済みズワイ
蟹1.2kg(総重量1.4kg)[送料無料](2-4人前)[かに/カニ/蟹/ポーション/かに
しゃぶ/カニしゃぶ/かに鍋/カニ鍋]【楽ギフ_のし】：越前かに問屋「ますよね」
http://item.rakuten.co.jp/masuyone/130007/
12

13. B2B2C
楽天株式会社: ビジネスモデル | 楽天の強み
http://corp.rakuten.co.jp/about/strength/business_model.html
13

14. Smartphone
楽天 スマートフォンアプリ一覧
http://www.rakuten.co.jp/sitemap/spapp/
14

15. Native vs HTML5 ?
Native
• 自由度が少ない。
• Push Notification
• 既存ユーザー
Web (HTML5)
コンテンツ
ユーザーの流入元
ユーザー
• 自由度が高く、容易に
作成可能。
• メールマガジン
• ソーシャルメディア
• 検索
• 新規ユーザー
15

16. ex. Rakuten gateway
Native
HTML5
16

17. ×
17

18. あす楽
【楽天市場】翌日配送あす楽
http://www.rakuten.co.jp/sitemap/spapp/
18

19. はじめての楽天市場
【楽天市場】翌日配送あす楽
http://event.rakuten.co.jp/beginner/
19

20. Rakuten Malaysia
Rakuten Malaysia : Welcoming the new year ahead with deals you cannot miss!
http://www.rakuten.com.my/event/chinesenewyearsale2014/
20

21. more...
HTML5 Form
Geo Location API
Web Fonts for icons
21

22. issues
§ Compatibility
§ Performance
§ Framework
22

23. Thank you!
23