SmartPhone JS      #gunmaweb
http://gunma-web.org/gunma-map/※         SEO                     w
HTTP  Server         Apache    DB            MySQLFrame Work     Sinatra( Ruby ) Javascript   Jquery Mobile
Jquery Mobile1. Jquery Mobile2.3.        method4.5. ※                   4
jQuery(Smart Phone)                5
1.2.3.   (HTML)      6
http://www.youtube.com/ watch?v=GWbdIB3iYBo           7
http://www.youtube.com/watch?v=GaqTNE7Z4Ag           8
<div id="home" data-role="page" data-theme="d">  <div data-role="header">    <h1>TiTle</h1>  </div>  <div data-role="conte...
http://www.youtube.com/ watch?v=0pOnjgmSda0           10
$.mobile.pageLoading(); #loading$.mobile.changePage("#confirm_map_contents","slide"); #$.mobile.pageLoading(true); #loadin...
2   ajax    Forum                                             method    listview(); button(); .....etc....                ...
α      βDreamweaver                  13
JqTouch1. jqtouch2.3.           method4.     ※                      14
jQuery(Smart Phone)   (                 )                15
1.2.   (!?            )3.         (HTML)4.            16
http://www.youtube.com/ watch?v=VwZsTv-z3Ng           17
http://www.youtube.com/ watch?v=AFXizPeuBZk           18
19
<div id="home">  <div class=”toolbar”>    <h1>TiTle</h1>  </div>  <ul>     <li><a href="#A">Go to A</a></li>  </ul></div><...
http://www.youtube.com/ watch?v=58k_GdRoatk            21
;var jQT = $.jQTouch();jQT.goTo(“#          ID   ”,”slide”); #       ※ajax                            22
#home             ....orz        β            23
sencha touch( sencha touch                            )※sencha touch                     ( 2011/05    )※                  ...
J S Smartphone
Upcoming SlideShare
Loading in …5
×

J S Smartphone

1,227 views
1,149 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,227
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • J S Smartphone

    1. 1. SmartPhone JS #gunmaweb
    2. 2. http://gunma-web.org/gunma-map/※ SEO w
    3. 3. HTTP Server Apache DB MySQLFrame Work Sinatra( Ruby ) Javascript Jquery Mobile
    4. 4. Jquery Mobile1. Jquery Mobile2.3. method4.5. ※ 4
    5. 5. jQuery(Smart Phone) 5
    6. 6. 1.2.3. (HTML) 6
    7. 7. http://www.youtube.com/ watch?v=GWbdIB3iYBo 7
    8. 8. http://www.youtube.com/watch?v=GaqTNE7Z4Ag 8
    9. 9. <div id="home" data-role="page" data-theme="d"> <div data-role="header"> <h1>TiTle</h1> </div> <div data-role="content"> <ul data-role="listview" data-inset="true"> <li><a href="#A">Go to A</a></li> </ul> </div></div><div id=”A” data-role="page" data-theme="d"> A</div> 9
    10. 10. http://www.youtube.com/ watch?v=0pOnjgmSda0 10
    11. 11. $.mobile.pageLoading(); #loading$.mobile.changePage("#confirm_map_contents","slide"); #$.mobile.pageLoading(true); #loading ※ajax 11
    12. 12. 2 ajax Forum method listview(); button(); .....etc.... CSS ... α ... 12
    13. 13. α βDreamweaver 13
    14. 14. JqTouch1. jqtouch2.3. method4. ※ 14
    15. 15. jQuery(Smart Phone) ( ) 15
    16. 16. 1.2. (!? )3. (HTML)4. 16
    17. 17. http://www.youtube.com/ watch?v=VwZsTv-z3Ng 17
    18. 18. http://www.youtube.com/ watch?v=AFXizPeuBZk 18
    19. 19. 19
    20. 20. <div id="home"> <div class=”toolbar”> <h1>TiTle</h1> </div> <ul> <li><a href="#A">Go to A</a></li> </ul></div><div id=”A”> A</div> 20
    21. 21. http://www.youtube.com/ watch?v=58k_GdRoatk 21
    22. 22. ;var jQT = $.jQTouch();jQT.goTo(“# ID ”,”slide”); # ※ajax 22
    23. 23. #home ....orz β 23
    24. 24. sencha touch( sencha touch )※sencha touch ( 2011/05 )※ 2010/11 24

    ×