楽天の 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.

3

Self Introduction

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

4

Agenda

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

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

7

Rakuten Services

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

8

Rakuten ICHIBA

9

10

Shopping is Entertainment!

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

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

12

Long Page

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

13

B2B2C

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

14

Smartphone

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

15

Native vs HTML5 ?

Native Web (HTML5)

•  自由度が少ない。 コンテンツ •  自由度が高く、容易に作成可能。

•  Push Notification ユーザーの流入元 •  メールマガジン •  ソーシャルメディア •  検索

•  既存ユーザー ユーザー •  新規ユーザー

16

ex. Rakuten gateway

Native HTML5

17

×

18

あす楽

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

19

はじめての楽天市場

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

20

Rakuten Malaysia

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

21

more...

Geo Location API Web Fonts for icons HTML5 Form

22

issues

§ Compatibility § Performance § Framework

23

Thank you!