楽天の e コマースと
HTML5 活用事例	
Jan. 23rd 2014
Tsutomu Ogasawara
HTML5 Project Team
Creative & Web Design Department, Rakuten, Inc...
Self Introduction

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

2
Self Introduction

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

3
Agenda

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

4
5
Rakuten Services

楽天グループ サービス一覧
http://www.rakuten.co.jp/sitemap/
楽天株式会社: Rakuten Worldwide
http://corp.rakuten.co.jp/worl...
Rakuten Services

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

8
9
Shopping is Entertainment!

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

by David Morris *

* This file is licensed under the Creative Commons Attribution-Share Alike 3.0 Unported l...
Long Page

【楽天市場】【好評につき感謝価格!さらにポイント3倍中!!】三木谷社長も
絶賛♪楽天で5年連続1位受賞のかに[5年連続グルメ大賞]カット済みズワイ
蟹1.2kg(総重量1.4kg)[送料無料](2-4人前)[かに/カニ/蟹...
B2B2C

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

13
Smartphone

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

14
Native vs HTML5 ?

Native

•  自由度が少ない。

•  Push Notification

•  既存ユーザー

Web (HTML5)

コンテンツ

ユーザーの流入元

ユーザー

•  自由度が高く、容易に...
ex. Rakuten gateway
Native

HTML5

16
×
17
あす楽

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

【楽天市場】翌日配送あす楽
http://event.rakuten.co.jp/beginner/
19
Rakuten Malaysia

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

HTML5 Form

Geo Location API

Web Fonts for icons

21
issues

§ Compatibility
§ Performance
§ Framework

22
Thank you!

23
Upcoming SlideShare
Loading in …5
×

楽天の e コマースと HTML5 活用事例

1,182 views

Published on

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

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,182
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

楽天の e コマースと HTML5 活用事例

  1. 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. 2. Self Introduction Tsutomu Ogasawara @ogaoga HTML5 Project Team / Rakuten, Inc. 2
  3. 3. Self Introduction HTML5を駆使したRakuten Technology Conference 2013サイト制作の内側 http://html5experts.jp/ogaoga/3370/ 3
  4. 4. Agenda §  楽天の紹介 §  楽天での HTML5 技術の活用事例 4
  5. 5. 5
  6. 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. 7. Rakuten Services 楽天株式会社: ビジネスモデル | 楽天の強み http://corp.rakuten.co.jp/about/strength/business_model.html 7
  8. 8. Rakuten ICHIBA 8
  9. 9. 9
  10. 10. Shopping is Entertainment! 楽天 - Google 検索 https://www.google.co.jp/search?q=%E6%A5%BD%E5%A4%A9 10
  11. 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. 12. Long Page 【楽天市場】【好評につき感謝価格!さらにポイント3倍中!!】三木谷社長も 絶賛♪楽天で5年連続1位受賞のかに[5年連続グルメ大賞]カット済みズワイ 蟹1.2kg(総重量1.4kg)[送料無料](2-4人前)[かに/カニ/蟹/ポーション/かに しゃぶ/カニしゃぶ/かに鍋/カニ鍋]【楽ギフ_のし】:越前かに問屋「ますよね」 http://item.rakuten.co.jp/masuyone/130007/ 12
  13. 13. B2B2C 楽天株式会社: ビジネスモデル | 楽天の強み http://corp.rakuten.co.jp/about/strength/business_model.html 13
  14. 14. Smartphone 楽天 スマートフォンアプリ一覧 http://www.rakuten.co.jp/sitemap/spapp/ 14
  15. 15. Native vs HTML5 ? Native •  自由度が少ない。 •  Push Notification •  既存ユーザー Web (HTML5) コンテンツ ユーザーの流入元 ユーザー •  自由度が高く、容易に 作成可能。 •  メールマガジン •  ソーシャルメディア •  検索 •  新規ユーザー 15
  16. 16. ex. Rakuten gateway Native HTML5 16
  17. 17. × 17
  18. 18. あす楽 【楽天市場】翌日配送あす楽 http://www.rakuten.co.jp/sitemap/spapp/ 18
  19. 19. はじめての楽天市場 【楽天市場】翌日配送あす楽 http://event.rakuten.co.jp/beginner/ 19
  20. 20. Rakuten Malaysia Rakuten Malaysia : Welcoming the new year ahead with deals you cannot miss! http://www.rakuten.com.my/event/chinesenewyearsale2014/ 20
  21. 21. more... HTML5 Form Geo Location API Web Fonts for icons 21
  22. 22. issues § Compatibility § Performance § Framework 22
  23. 23. Thank you! 23

×