1. The document discusses Jquery Mobile, a JavaScript library that makes it easy to develop mobile websites and apps. 2. It focuses on using Jquery Mobile to build interfaces for smartphones by leveraging HTML, CSS, and JavaScript. Key components include pages, headers, content areas, and lists that users can navigate between. 3. The document provides examples of code for basic page layout and navigation using Jquery Mobile's built-in widgets, and links to video tutorials that demonstrate its capabilities and use of AJAX to load content without reloading the entire page.

1. Jquery Mobile
#NSEG
2011 4 30

2. Name: Hiroaki Kanazawa
Twitter id: kanayannet
Programming: Perl Ruby Javascript Html etc
Study Meeting: Gunma-web(#gunmaweb)
Guruby
tkbjs(online study meeting)
2011 4 30

3. http://gunma-web.org/gunma-map/
※ SEO
w
2011 4 30

4. HTTP
Server Apache
DB MySQL
Frame Work Sinatra( Ruby )
Javascript Jquery Mobile
2011 4 30

5. Jquery Mobile
1. Jquery Mobile
2.
3. method
4.
5.
※
5
2011 4 30

6. jQuery
(Smart Phone)
6
2011 4 30

7. 1.
2.
3. (HTML)
7
2011 4 30

8. http://www.youtube.com/
watch?v=GWbdIB3iYBo
8
2011 4 30

9. http://www.youtube.com/
watch?v=GaqTNE7Z4Ag
9
2011 4 30

10. <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>
10
2011 4 30

11. http://www.youtube.com/
watch?v=0pOnjgmSda0
11
2011 4 30

12. $.mobile.pageLoading(); #loading
$.mobile.changePage("#confirm_map_contents",
"slide"); #
$.mobile.pageLoading(true); #loading
※ajax
12
2011 4 30

13. 2 ajax
Forum method
listview(); button(); .....etc....
CSS
... α ...
13
2011 4 30

14. α β
Dreamweaver
14
2011 4 30

15. 2011 4 30