U s i n g G o o gl e A n a l y t i c s w i t h j Q u e r y M o bi l e
⼊入⾨門
2011.06.28
© 2011 DMM.com Labo Co.,Ltd.

Agenda
⾃自⼰己
⽇日
2 © 2011 DMM.com Labo Co.,Ltd.

© 2011 DMM.com Labo Co.,Ltd.

Koji Ishimoto
⾮非
4 © 2011 DMM.com Labo Co.,Ltd.

http://www.flickr.com/photos/crincon/1111326214/
Data Driven Design!
*HiPPO: Highest Paid Person's Opinion
© 2011 DMM.com Labo Co.,Ltd.

Designer
HiPPO
http://www.flickr.com/photos/crincon/1111326214/
Data Driven Design!
*HiPPO: Highest Paid Person's Opinion
© 2011 DMM.com Labo Co.,Ltd.

2. jQuery Mobile Overview
© 2011 DMM.com Labo Co.,Ltd.

Version 1.0 Beta
A Touch-Optimized Web Framework for Smartphones & Tablets
7 © 2011 DMM.com Labo Co.,Ltd.

Works Everywhere!
8 © 2011 DMM.com Labo Co.,Ltd.

The State of Mobile Web Development 2011
jQTouch
6.88%
jQuery Mobile 3.66%
12.5%
Sencha Touch
Zepto
2.05%
The State of (Mobile) Web Development 2011
9 © 2011 DMM.com Labo Co.,Ltd.

JavaScript Distribution in Top Million Sites
45.1%
JavaScript Distribution in Top Million Sites
10 © 2011 DMM.com Labo Co.,Ltd.

jQuery Mobile Integration
Standard in Adobe CS5.5
11 © 2011 DMM.com Labo Co.,Ltd.

© 2011 DMM.com Labo Co.,Ltd.

13 © 2011 DMM.com Labo Co.,Ltd.

14 © 2011 DMM.com Labo Co.,Ltd.

14 © 2011 DMM.com Labo Co.,Ltd.

Smartphone UI Elements
© 2011 DMM.com Labo Co.,Ltd.

Ajax-Driven Page Navigation
16 © 2011 DMM.com Labo Co.,Ltd.

Page Transitions
*video
17 © 2011 DMM.com Labo Co.,Ltd.

Page Transitions
*video
17 © 2011 DMM.com Labo Co.,Ltd.

example.com/a.html
example.com/b.html
18 © 2011 DMM.com Labo Co.,Ltd.

19 © 2011 DMM.com Labo Co.,Ltd.

19 © 2011 DMM.com Labo Co.,Ltd.

20 © 2011 DMM.com Labo Co.,Ltd.

!?
20 © 2011 DMM.com Labo Co.,Ltd.

⼦子
21 © 2011 DMM.com Labo Co.,Ltd.

22 © 2011 DMM.com Labo Co.,Ltd.

22 © 2011 DMM.com Labo Co.,Ltd.

⼊入
22 © 2011 DMM.com Labo Co.,Ltd.

⼊入
⼊入
22 © 2011 DMM.com Labo Co.,Ltd.

⼊入
⼊入
22 © 2011 DMM.com Labo Co.,Ltd.

http://www.flickr.com/photos/druidicparadise/367047412/
Data is not found.
© 2011 DMM.com Labo Co.,Ltd.

Demo
24 © 2011 DMM.com Labo Co.,Ltd.

© 2011 DMM.com Labo Co.,Ltd.

1. Ajax
26 © 2011 DMM.com Labo Co.,Ltd.

*jQuery Mobile 1.0 Beta 1
27 © 2011 DMM.com Labo Co.,Ltd.

2.
28 © 2011 DMM.com Labo Co.,Ltd.

*jQuery Mobile 1.0 Beta 1
29 © 2011 DMM.com Labo Co.,Ltd.

*jQuery Mobile 1.0 Beta 1
30 © 2011 DMM.com Labo Co.,Ltd.

⽰示
*jQuery Mobile 1.0 Beta 1
30 © 2011 DMM.com Labo Co.,Ltd.

⽰示
⼊入
*jQuery Mobile 1.0 Beta 1
30 © 2011 DMM.com Labo Co.,Ltd.

⽰示
⼊入
*jQuery Mobile 1.0 Beta 1
30 © 2011 DMM.com Labo Co.,Ltd.

31 © 2011 DMM.com Labo Co.,Ltd.

32 © 2011 DMM.com Labo Co.,Ltd.

33 © 2011 DMM.com Labo Co.,Ltd.

33 © 2011 DMM.com Labo Co.,Ltd.

© 2011 DMM.com Labo Co.,Ltd.

⼦子
35 © 2011 DMM.com Labo Co.,Ltd.

⼈人
36 © 2011 DMM.com Labo Co.,Ltd.

Thank you!
Kanazawa's night view by ichigami
37

38 © 2011 DMM.com Labo Co.,Ltd.