kwartz 3.1.2 → 3.2.0
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGES +444 -0
- data/README.txt +4 -1
- data/bin/kwartz +2 -2
- data/doc-api/classes/Kwartz.html +16 -7
- data/doc-api/classes/Kwartz/Assertion.html +6 -6
- data/doc-api/classes/Kwartz/AssertionError.html +6 -6
- data/doc-api/classes/Kwartz/AttrInfo.html +71 -61
- data/doc-api/classes/Kwartz/BaseError.html +12 -12
- data/doc-api/classes/Kwartz/BaseTranslator.html +104 -74
- data/doc-api/classes/Kwartz/CharacterType.html +24 -24
- data/doc-api/classes/Kwartz/CommandOptionError.html +7 -7
- data/doc-api/classes/Kwartz/CommandOptions.html +50 -50
- data/doc-api/classes/Kwartz/Config.html +5 -0
- data/doc-api/classes/Kwartz/ConvertError.html +12 -12
- data/doc-api/classes/Kwartz/Converter.html +31 -33
- data/doc-api/classes/Kwartz/CssStyleParser.html +207 -168
- data/doc-api/classes/Kwartz/Defun.html +32 -31
- data/doc-api/classes/Kwartz/{HandlerArgument.html → Directive.html} +27 -53
- data/doc-api/classes/Kwartz/ElementInfo.html +68 -53
- data/doc-api/classes/Kwartz/EperlExpressionParser.html +185 -0
- data/doc-api/classes/Kwartz/EperlHandler.html +65 -58
- data/doc-api/classes/Kwartz/EperlTranslator.html +14 -7
- data/doc-api/classes/Kwartz/ErubisTranslator.html +14 -7
- data/doc-api/classes/Kwartz/ErubyTranslator.html +14 -7
- data/doc-api/classes/Kwartz/ExpandStatement.html +20 -20
- data/doc-api/classes/Kwartz/Expander.html +358 -0
- data/doc-api/classes/Kwartz/Handler.html +287 -157
- data/doc-api/classes/Kwartz/{StatementHelper.html → HandlerHelper.html} +307 -112
- data/doc-api/classes/Kwartz/Helper/ActionViewHelper.html +23 -23
- data/doc-api/classes/Kwartz/Helper/RailsTemplate.html +96 -96
- data/doc-api/classes/Kwartz/JstlExpressionParser.html +181 -0
- data/doc-api/classes/Kwartz/JstlHandler.html +134 -126
- data/doc-api/classes/Kwartz/JstlTranslator.html +21 -14
- data/doc-api/classes/Kwartz/KwartzError.html +6 -6
- data/doc-api/classes/Kwartz/Main.html +4 -4
- data/doc-api/classes/Kwartz/NativeExpression.html +19 -19
- data/doc-api/classes/Kwartz/NativeStatement.html +24 -24
- data/doc-api/classes/Kwartz/Node.html +7 -7
- data/doc-api/classes/Kwartz/PIErubisTranslator.html +21 -14
- data/doc-api/classes/Kwartz/ParseError.html +6 -6
- data/doc-api/classes/Kwartz/PerlExpressionParser.html +185 -0
- data/doc-api/classes/Kwartz/PerlHandler.html +353 -0
- data/doc-api/classes/Kwartz/PerlTranslator.html +226 -0
- data/doc-api/classes/Kwartz/PhpExpressionParser.html +185 -0
- data/doc-api/classes/Kwartz/PhpHandler.html +63 -56
- data/doc-api/classes/Kwartz/PhpTranslator.html +21 -14
- data/doc-api/classes/Kwartz/PresentationLogicParser.html +126 -123
- data/doc-api/classes/Kwartz/PrintStatement.html +18 -18
- data/doc-api/classes/Kwartz/RailsHandler.html +84 -85
- data/doc-api/classes/Kwartz/RailsTranslator.html +13 -6
- data/doc-api/classes/Kwartz/RubyExpressionParser.html +180 -0
- data/doc-api/classes/Kwartz/RubyHandler.html +73 -69
- data/doc-api/classes/Kwartz/RubyStyleParser.html +86 -86
- data/doc-api/classes/Kwartz/RubyTranslator.html +28 -21
- data/doc-api/classes/Kwartz/Ruleset.html +622 -1
- data/doc-api/classes/Kwartz/StrutsTranslator.html +14 -14
- data/doc-api/classes/Kwartz/TagInfo.html +52 -27
- data/doc-api/classes/Kwartz/TextConverter.html +75 -37
- data/doc-api/classes/Kwartz/Translator.html +54 -53
- data/doc-api/classes/Kwartz/Util.html +25 -25
- data/doc-api/created.rid +1 -1
- data/doc-api/files/__/README_txt.html +7 -2
- data/doc-api/files/kwartz/assert_rb.html +2 -2
- data/doc-api/files/kwartz/binding/eperl_rb.html +2 -2
- data/doc-api/files/kwartz/binding/erubis_rb.html +2 -2
- data/doc-api/files/kwartz/binding/eruby_rb.html +2 -2
- data/doc-api/files/kwartz/binding/jstl_rb.html +2 -2
- data/doc-api/files/kwartz/binding/perl_rb.html +115 -0
- data/doc-api/files/kwartz/binding/php_rb.html +2 -2
- data/doc-api/files/kwartz/binding/pierubis_rb.html +2 -2
- data/doc-api/files/kwartz/binding/rails_rb.html +2 -2
- data/doc-api/files/kwartz/binding/ruby_rb.html +2 -2
- data/doc-api/files/kwartz/binding/struts_rb.html +2 -2
- data/doc-api/files/kwartz/config_rb.html +2 -2
- data/doc-api/files/kwartz/converter_rb.html +2 -2
- data/doc-api/files/kwartz/defun_rb.html +2 -2
- data/doc-api/files/kwartz/error_rb.html +2 -2
- data/doc-api/files/kwartz/helper/rails_rb.html +2 -2
- data/doc-api/files/kwartz/main_rb.html +3 -2
- data/doc-api/files/kwartz/node_rb.html +2 -2
- data/doc-api/files/kwartz/parser_rb.html +2 -2
- data/doc-api/files/kwartz/translator_rb.html +2 -2
- data/doc-api/files/kwartz/util/assert-text-equal_rb.html +2 -2
- data/doc-api/files/kwartz/util/testcase-helper_rb.html +2 -2
- data/doc-api/files/kwartz/util_rb.html +2 -2
- data/doc-api/files/kwartz_rb.html +2 -2
- data/doc-api/fr_class_index.html +10 -5
- data/doc-api/fr_file_index.html +1 -0
- data/doc-api/fr_method_index.html +268 -239
- data/doc/docstyle.css +9 -3
- data/doc/img/fig05.png +0 -0
- data/doc/introduction-to-kwartz.html +3040 -0
- data/doc/pattern-catalog.html +5 -3
- data/doc/reference.html +680 -26
- data/doc/users-guide.html +222 -67
- data/kwartz.gemspec +4 -4
- data/lib/kwartz.rb +3 -3
- data/lib/kwartz/assert.rb +2 -2
- data/lib/kwartz/binding/eperl.rb +71 -31
- data/lib/kwartz/binding/erubis.rb +3 -2
- data/lib/kwartz/binding/eruby.rb +3 -2
- data/lib/kwartz/binding/jstl.rb +66 -29
- data/lib/kwartz/binding/perl.rb +230 -0
- data/lib/kwartz/binding/php.rb +69 -29
- data/lib/kwartz/binding/pierubis.rb +3 -2
- data/lib/kwartz/binding/rails.rb +18 -18
- data/lib/kwartz/binding/ruby.rb +74 -42
- data/lib/kwartz/binding/struts.rb +22 -21
- data/lib/kwartz/config.rb +4 -4
- data/lib/kwartz/converter.rb +465 -345
- data/lib/kwartz/defun.rb +2 -2
- data/lib/kwartz/error.rb +2 -2
- data/lib/kwartz/helper/rails.rb +2 -2
- data/lib/kwartz/main.rb +5 -4
- data/lib/kwartz/node.rb +92 -144
- data/lib/kwartz/parser.rb +112 -103
- data/lib/kwartz/translator.rb +14 -6
- data/lib/kwartz/util.rb +2 -2
- data/lib/kwartz/util/assert-text-equal.rb +2 -2
- data/lib/kwartz/util/testcase-helper.rb +1 -1
- data/test/test-compile.rb +2 -2
- data/test/test-compile.yaml +81 -0
- data/test/test-converter.rb +4 -8
- data/test/test-converter.yaml +152 -3
- data/test/test-directives.rb +2 -2
- data/test/test-directives.yaml +222 -0
- data/test/test-main.rb +6 -4
- data/test/test-main.yaml +66 -1
- data/test/test-parser.rb +12 -3
- data/test/test-parser.yaml +64 -51
- data/test/test-rails.rb +2 -2
- data/test/test-ruleset.rb +2 -2
- data/test/test-ruleset.yaml +465 -4
- data/test/test.log +6 -0
- data/test/test.rb +2 -2
- metadata +116 -106
- data/ChangeLog +0 -156
- data/doc-api/classes/Kwartz/DocumentRuleset.html +0 -369
- data/doc-api/classes/Kwartz/ElementExpander.html +0 -325
- data/doc-api/classes/Kwartz/ElementRuleset.html +0 -612
data/doc/docstyle.css
CHANGED
@@ -27,7 +27,7 @@ pre {
|
|
27
27
|
white-space:pre;
|
28
28
|
}
|
29
29
|
|
30
|
-
.program {
|
30
|
+
pre.program {
|
31
31
|
border-style:solid;
|
32
32
|
border-width:1px;
|
33
33
|
border-color:#6699FF;
|
@@ -38,7 +38,7 @@ pre {
|
|
38
38
|
word-break:break-all;
|
39
39
|
}
|
40
40
|
|
41
|
-
.terminal {
|
41
|
+
pre.terminal {
|
42
42
|
border-style:solid;
|
43
43
|
border-width:1;
|
44
44
|
border-color:#999999;
|
@@ -49,7 +49,7 @@ pre {
|
|
49
49
|
word-break:break-all;
|
50
50
|
}
|
51
51
|
|
52
|
-
.output {
|
52
|
+
pre.output {
|
53
53
|
border-style:solid;
|
54
54
|
border-width:1px;
|
55
55
|
border-color:#CCCCCC;
|
@@ -61,6 +61,12 @@ pre {
|
|
61
61
|
}
|
62
62
|
|
63
63
|
|
64
|
+
pre strong {
|
65
|
+
color: #990000;
|
66
|
+
font-weight: bold;
|
67
|
+
}
|
68
|
+
|
69
|
+
|
64
70
|
.program_caption {
|
65
71
|
margin-top: 20px;
|
66
72
|
}
|
data/doc/img/fig05.png
ADDED
Binary file
|
@@ -0,0 +1,3040 @@
|
|
1
|
+
<?xml version="1.0" encoding="EUC-JP"?>
|
2
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
<title>Kwartz�ƥ�ץ졼�ȥ����ƥ����� �� �ǥ����ʡ��ȥץ�����ޡ������˶��Ȥ�����ˡ ��</title>
|
6
|
+
<meta http-equiv="Content-Type" content="text/xhtml; charset=EUC-JP" />
|
7
|
+
<meta name="revision" content="$Rev$" />
|
8
|
+
<meta name="release" content="$Release: 3.2.0 $" />
|
9
|
+
<meta name="lastupdate" content="$Date$" />
|
10
|
+
<style type="text/css">
|
11
|
+
<!--
|
12
|
+
|
13
|
+
* {
|
14
|
+
margin: 0;
|
15
|
+
padding: 0;
|
16
|
+
}
|
17
|
+
|
18
|
+
body {
|
19
|
+
}
|
20
|
+
|
21
|
+
div.slide {
|
22
|
+
display: none;
|
23
|
+
position: absolute;
|
24
|
+
top: 0;
|
25
|
+
left: 0;
|
26
|
+
width: 100%;
|
27
|
+
height: 100%;
|
28
|
+
color: #000;
|
29
|
+
font-size: 18pt;
|
30
|
+
background-color: #F3F3F3;
|
31
|
+
}
|
32
|
+
|
33
|
+
#slide-title {
|
34
|
+
display: block;
|
35
|
+
}
|
36
|
+
|
37
|
+
div.slide:target {
|
38
|
+
display: block;
|
39
|
+
/*z-index: 1;*/
|
40
|
+
}
|
41
|
+
|
42
|
+
.slide-body {
|
43
|
+
padding: 20px;
|
44
|
+
line-height: 130%;
|
45
|
+
}
|
46
|
+
|
47
|
+
ul, ol {
|
48
|
+
padding: 5px 0px;
|
49
|
+
}
|
50
|
+
ul li {
|
51
|
+
margin-left: 1em;
|
52
|
+
}
|
53
|
+
ol li {
|
54
|
+
margin-left: 1em;
|
55
|
+
}
|
56
|
+
ul.author {
|
57
|
+
list-style-type: none;
|
58
|
+
text-align: right;
|
59
|
+
padding-top: 70px;
|
60
|
+
}
|
61
|
+
|
62
|
+
li li {
|
63
|
+
font-size: 16pt;
|
64
|
+
}
|
65
|
+
|
66
|
+
li li li {
|
67
|
+
font-size: 15pt;
|
68
|
+
}
|
69
|
+
|
70
|
+
ul.descr {
|
71
|
+
margin-top: 15px;
|
72
|
+
font-size: 16pt;
|
73
|
+
}
|
74
|
+
|
75
|
+
a:link, a:visited {
|
76
|
+
color: #00F;
|
77
|
+
}
|
78
|
+
|
79
|
+
h1 {
|
80
|
+
font-size: 36pt;
|
81
|
+
text-align: center;
|
82
|
+
padding: 150px 0 10px 0;
|
83
|
+
}
|
84
|
+
|
85
|
+
h2 {
|
86
|
+
color: #333;
|
87
|
+
font-size: 30pt;
|
88
|
+
padding: 10px 10px 5px 20px;
|
89
|
+
border-bottom: solid 3px #99C;
|
90
|
+
}
|
91
|
+
|
92
|
+
h4 {
|
93
|
+
font-size: 20pt;
|
94
|
+
text-align: center;
|
95
|
+
padding: 0 0 30px 0;
|
96
|
+
border-bottom: solid 3px #99C;
|
97
|
+
}
|
98
|
+
|
99
|
+
pre {
|
100
|
+
line-height: 110%;
|
101
|
+
}
|
102
|
+
pre.code, pre.code2 {
|
103
|
+
background-color: #CCF;
|
104
|
+
border: solid 1px #66F;
|
105
|
+
padding: 5px 15px;
|
106
|
+
}
|
107
|
+
pre.code {
|
108
|
+
font-size: 17pt;
|
109
|
+
}
|
110
|
+
pre.code2 {
|
111
|
+
font-size: 16pt;
|
112
|
+
line-height: 115%;
|
113
|
+
}
|
114
|
+
|
115
|
+
pre.console {
|
116
|
+
background-color: #CCC;
|
117
|
+
border: solid 1px #666;
|
118
|
+
padding: 5px 15px;
|
119
|
+
font-size: 17pt;
|
120
|
+
}
|
121
|
+
|
122
|
+
pre .small {
|
123
|
+
font-size: 15pt;
|
124
|
+
}
|
125
|
+
|
126
|
+
|
127
|
+
ol.toc {
|
128
|
+
color: #666;
|
129
|
+
}
|
130
|
+
|
131
|
+
.toc .current {
|
132
|
+
color: #000;
|
133
|
+
font-weight: bold;
|
134
|
+
}
|
135
|
+
|
136
|
+
.toc ul {
|
137
|
+
font-weight: normal;
|
138
|
+
}
|
139
|
+
|
140
|
+
|
141
|
+
strong {
|
142
|
+
font-weight: bold;
|
143
|
+
color: #660000;
|
144
|
+
}
|
145
|
+
|
146
|
+
.caption {
|
147
|
+
display: block;
|
148
|
+
/*border: solid 1px;*/
|
149
|
+
margin-top: 10px;
|
150
|
+
padding: 0px;
|
151
|
+
font-size: 16pt;
|
152
|
+
}
|
153
|
+
|
154
|
+
table.matrix {
|
155
|
+
border: solid 1px #999;
|
156
|
+
margin: 10px 10px 15px 10px;
|
157
|
+
border-collapse: collapse;
|
158
|
+
font-size: 16pt;
|
159
|
+
}
|
160
|
+
.matrix th {
|
161
|
+
background-color: #CCC;
|
162
|
+
font-weight: normal;
|
163
|
+
border: solid 1px;
|
164
|
+
padding: 3px;
|
165
|
+
}
|
166
|
+
.matrix td {
|
167
|
+
text-align: center;
|
168
|
+
border: solid 1px;
|
169
|
+
padding: 3px;
|
170
|
+
}
|
171
|
+
|
172
|
+
table.n-up2 {
|
173
|
+
/*width: 100%;*/
|
174
|
+
}
|
175
|
+
.n-up2 td {
|
176
|
+
padding: 5px;
|
177
|
+
width: 45%;
|
178
|
+
vertical-align: top;
|
179
|
+
}
|
180
|
+
|
181
|
+
.footer {
|
182
|
+
background: #99C;
|
183
|
+
position: fixed;
|
184
|
+
width: 100%;
|
185
|
+
/*
|
186
|
+
height: 1em;
|
187
|
+
*/
|
188
|
+
bottom: 0;
|
189
|
+
font-size: 11pt;
|
190
|
+
padding: 5px 0;
|
191
|
+
color: #FFF
|
192
|
+
}
|
193
|
+
|
194
|
+
.footer-left {
|
195
|
+
float: left;
|
196
|
+
/*
|
197
|
+
position: absolute;
|
198
|
+
left: 0%;
|
199
|
+
bottom: 0;
|
200
|
+
*/
|
201
|
+
width: 10%;
|
202
|
+
text-align: left;
|
203
|
+
}
|
204
|
+
|
205
|
+
.footer-right {
|
206
|
+
float: right;
|
207
|
+
/*
|
208
|
+
position: absolute;
|
209
|
+
left: 90%;
|
210
|
+
bottom: 0;
|
211
|
+
*/
|
212
|
+
width: 10%;
|
213
|
+
text-align: right;
|
214
|
+
}
|
215
|
+
|
216
|
+
.footer-center {
|
217
|
+
/*
|
218
|
+
position: absolute;
|
219
|
+
left: 10%;
|
220
|
+
bottom: 0;
|
221
|
+
width:80%;
|
222
|
+
*/
|
223
|
+
text-align:center;
|
224
|
+
}
|
225
|
+
|
226
|
+
.pagenum {
|
227
|
+
padding-right: 20px;
|
228
|
+
}
|
229
|
+
/*
|
230
|
+
.pagenum:before {
|
231
|
+
padding-right: 20px;
|
232
|
+
counter-increment: pagenum;
|
233
|
+
content: '1/50';
|
234
|
+
}
|
235
|
+
*/
|
236
|
+
|
237
|
+
/*
|
238
|
+
.copyright:before {
|
239
|
+
content: 'copyright(c)2006 kuwata-lab.com all rights reserved';
|
240
|
+
}
|
241
|
+
*/
|
242
|
+
|
243
|
+
div.note {
|
244
|
+
margin: 20px 0 0 0;
|
245
|
+
padding: 5px;
|
246
|
+
background-color: #FC9;
|
247
|
+
/*font-size: 14pt;*/
|
248
|
+
}
|
249
|
+
|
250
|
+
.centerize {
|
251
|
+
text-align: center;
|
252
|
+
}
|
253
|
+
-->
|
254
|
+
</style>
|
255
|
+
<script type="text/javascript">//<!--
|
256
|
+
|
257
|
+
function keys(obj) {
|
258
|
+
var list = [];
|
259
|
+
for (key in obj) {
|
260
|
+
list.push(key);
|
261
|
+
}
|
262
|
+
return list;
|
263
|
+
}
|
264
|
+
|
265
|
+
function dp(obj) {
|
266
|
+
var list = keys(obj);
|
267
|
+
alert(list.sort().join(', '));
|
268
|
+
}
|
269
|
+
|
270
|
+
|
271
|
+
var slide_list = [];
|
272
|
+
var slide_table = {};
|
273
|
+
var slide_classname = 'slide';
|
274
|
+
var slide_id_prefix = '#slide';
|
275
|
+
//var z_index = 1;
|
276
|
+
|
277
|
+
|
278
|
+
function find_slide_by_id(slide_id) { /// string or object
|
279
|
+
//alert(slide_id);
|
280
|
+
if (! slide_id)
|
281
|
+
return undefined;
|
282
|
+
if (slide_id.substring(0,1) == '#')
|
283
|
+
slide_id = slide_id.substring(1); /// ex. '#slide1' => 'slide1'
|
284
|
+
//for (var i = 0, n = slide_list.length; i < n; i++) {
|
285
|
+
// if (slide_list[i].id == slide_id)
|
286
|
+
// return slide_list[i]; /// found
|
287
|
+
//}
|
288
|
+
//return undefiend; /// not found
|
289
|
+
return slide_table[slide_id];
|
290
|
+
}
|
291
|
+
|
292
|
+
|
293
|
+
function find_slide(slide_or_id) {
|
294
|
+
var arg = slide_or_id;
|
295
|
+
var t = typeof(arg);
|
296
|
+
if (t == 'object') {
|
297
|
+
return arg;
|
298
|
+
}
|
299
|
+
if (t == 'string') {
|
300
|
+
slide = find_slide_by_id(arg);
|
301
|
+
if (! slide) {
|
302
|
+
alert("slide '"+arg+"' not found.");
|
303
|
+
}
|
304
|
+
return slide;
|
305
|
+
}
|
306
|
+
alert("find_slide(): '"+arg+"': invalid argument.");
|
307
|
+
return undefined;
|
308
|
+
}
|
309
|
+
|
310
|
+
|
311
|
+
function show_slide(slide_or_id) {
|
312
|
+
slide = find_slide(slide_or_id);
|
313
|
+
//z_index++;
|
314
|
+
//dp(slides[i].style);
|
315
|
+
slide.style.display = 'block';
|
316
|
+
//slide.style.zIndex = z_index;
|
317
|
+
}
|
318
|
+
|
319
|
+
|
320
|
+
function hide_slide(slide_or_id) {
|
321
|
+
slide = find_slide(slide_or_id);
|
322
|
+
slide.style.display = 'none';
|
323
|
+
}
|
324
|
+
|
325
|
+
|
326
|
+
function current_slide(node) {
|
327
|
+
var tagname = 'DIV';
|
328
|
+
while (typeof(node) == 'object') {
|
329
|
+
//alert("tagname="+node.tagName+",class="+node.className);
|
330
|
+
if (tagname == node.tagName && slide_classname == node.className)
|
331
|
+
return node;
|
332
|
+
node = node.parentNode;
|
333
|
+
}
|
334
|
+
return undefined;
|
335
|
+
}
|
336
|
+
|
337
|
+
|
338
|
+
function create_anchor_onclick_listener(anchor) {
|
339
|
+
return function() {
|
340
|
+
//alert("anchor.hash="+anchor.hash+", anchor.text="+anchor.childNodes[0].nodeValue);
|
341
|
+
var slide = current_slide(anchor);
|
342
|
+
if (slide)
|
343
|
+
hide_slide(slide);
|
344
|
+
var target_slide_id = anchor.hash;
|
345
|
+
show_slide(target_slide_id);
|
346
|
+
}
|
347
|
+
}
|
348
|
+
|
349
|
+
|
350
|
+
function init_slide_list() {
|
351
|
+
var children = document.body.childNodes;
|
352
|
+
for (var i = 0, n = children.length; i < n; i++) {
|
353
|
+
var child = children[i];
|
354
|
+
if (typeof(child) == 'object' && child.className == slide_classname) {
|
355
|
+
slide_list.push(child);
|
356
|
+
slide_table[child.id] = child;
|
357
|
+
}
|
358
|
+
}
|
359
|
+
}
|
360
|
+
|
361
|
+
|
362
|
+
function init_slide_anchors() {
|
363
|
+
var anchors = document.getElementsByTagName('A');
|
364
|
+
var len = slide_id_prefix.length;
|
365
|
+
for (var i = 0, n = anchors.length; i < n; i++) {
|
366
|
+
var anchor = anchors[i];
|
367
|
+
if (anchor.hash && anchor.hash.substring(0,len) == slide_id_prefix) {
|
368
|
+
anchor.onclick = create_anchor_onclick_listener(anchor);
|
369
|
+
}
|
370
|
+
}
|
371
|
+
}
|
372
|
+
|
373
|
+
|
374
|
+
function init_document() {
|
375
|
+
init_slide_list();
|
376
|
+
init_slide_anchors();
|
377
|
+
//
|
378
|
+
var slide_id = document.location.hash;
|
379
|
+
if (slide_id) {
|
380
|
+
alert("** deubg: slide_id="+slide_id+",location="+document.location);
|
381
|
+
hide_slide(slide_list[0]);
|
382
|
+
show_slide(slide_id);
|
383
|
+
}
|
384
|
+
}
|
385
|
+
|
386
|
+
|
387
|
+
//document.onload = init_document;
|
388
|
+
if (window.attachEvent) window.attachEvent("onload", init_document);
|
389
|
+
|
390
|
+
//--></script>
|
391
|
+
|
392
|
+
</head>
|
393
|
+
<body>
|
394
|
+
|
395
|
+
|
396
|
+
<div id="slide-title" class="slide">
|
397
|
+
<h1>Kwartz�ƥ�ץ졼�ȥ����ƥ�����</h1>
|
398
|
+
<h4>�� �ǥ����ʡ��ȥץ�����ޡ������˶��Ȥ�����ˡ ��</h4>
|
399
|
+
<div class="slide-body">
|
400
|
+
<ul class="author">
|
401
|
+
<li>Makoto Kuwata</li>
|
402
|
+
<li>kwa@kuwata-lab.com</li>
|
403
|
+
<li><a href="http://www.kuwata-lab.com">http://www.kuwata-lab.com</a></li>
|
404
|
+
</ul>
|
405
|
+
</div>
|
406
|
+
<div class="footer">
|
407
|
+
<div class="footer-left">
|
408
|
+
<a href="#slide-last" class="navi-prev"><<</a>
|
409
|
+
<a href="#slide-toc" class="navi-toc">^</a>
|
410
|
+
</div>
|
411
|
+
<div class="footer-right">
|
412
|
+
<span class="pagenum">1/50</span>
|
413
|
+
<a href="#slide-toc" class="navi-next">>></a>
|
414
|
+
</div>
|
415
|
+
<div class="footer-center">
|
416
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
417
|
+
</div>
|
418
|
+
</div>
|
419
|
+
</div>
|
420
|
+
|
421
|
+
|
422
|
+
<div id="slide-toc" class="slide">
|
423
|
+
<h2>�ܼ�</h2>
|
424
|
+
<div class="slide-body">
|
425
|
+
<ol>
|
426
|
+
<li>�Ϥ���� <a href="#slide1-toc">_</a>
|
427
|
+
</li>
|
428
|
+
<li>Kwartz���� <a href="#slide2-toc">_</a>
|
429
|
+
</li>
|
430
|
+
<li>���٤ʥȥԥå� <a href="#slide3-toc">_</a>
|
431
|
+
</li>
|
432
|
+
<li>�ǥ��쥯�ƥ��� <a href="#slide4-toc">_</a>
|
433
|
+
</li>
|
434
|
+
<li>�ץ쥼��ơ������ѥ����� <a href="#slide5-toc">_</a>
|
435
|
+
</li>
|
436
|
+
</ol>
|
437
|
+
</div>
|
438
|
+
<div class="footer">
|
439
|
+
<div class="footer-left">
|
440
|
+
<a href="#slide-title" class="navi-prev"><<</a>
|
441
|
+
<a href="#slide-title" class="navi-toc">^</a>
|
442
|
+
</div>
|
443
|
+
<div class="footer-right">
|
444
|
+
<span class="pagenum">2/50</span>
|
445
|
+
<a href="#slide1-toc" class="navi-next">>></a>
|
446
|
+
</div>
|
447
|
+
<div class="footer-center">
|
448
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
449
|
+
</div>
|
450
|
+
</div>
|
451
|
+
</div>
|
452
|
+
|
453
|
+
|
454
|
+
<div id="slide1-toc" class="slide">
|
455
|
+
<h2>�ܼ�</h2>
|
456
|
+
<div class="slide-body">
|
457
|
+
<ol class="toc">
|
458
|
+
<li class="current">�Ϥ����
|
459
|
+
<ul class="subtoc">
|
460
|
+
<li><a href="#slide1-1">�ƥ�ץ졼�ȥ����ƥ�Ȥϡ�</a></li>
|
461
|
+
<li><a href="#slide1-2">�ƥ�ץ졼�ȥ����ƥ�μ���(1)</a>,
|
462
|
+
<a href="#slide1-3">(2)</a></li>
|
463
|
+
<li><a href="#slide1-4">�ӥ��ͥ��ؤȥץ쥼��ơ��������(1)</a>,
|
464
|
+
<a href="#slide1-5">(2)</a></li>
|
465
|
+
<li><a href="#slide1-6">�������Ȳ���(1)</a>,
|
466
|
+
<a href="#slide1-7">(2)</a>,
|
467
|
+
<a href="#slide1-8">(3)</a></li>
|
468
|
+
</ul>
|
469
|
+
</li>
|
470
|
+
<li>Kwartz���� <a href="#slide2-toc">_</a>
|
471
|
+
</li>
|
472
|
+
<li>���٤ʥȥԥå� <a href="#slide3-toc">_</a>
|
473
|
+
</li>
|
474
|
+
<li>�ǥ��쥯�ƥ��� <a href="#slide4-toc">_</a>
|
475
|
+
</li>
|
476
|
+
<li>�ץ쥼��ơ������ѥ����� <a href="#slide5-toc">_</a>
|
477
|
+
</li>
|
478
|
+
</ol>
|
479
|
+
</div>
|
480
|
+
<div class="footer">
|
481
|
+
<div class="footer-left">
|
482
|
+
<a href="#slide-toc" class="navi-prev"><<</a>
|
483
|
+
<a href="#slide-toc" class="navi-toc">^</a>
|
484
|
+
</div>
|
485
|
+
<div class="footer-right">
|
486
|
+
<span class="pagenum">3/50</span>
|
487
|
+
<a href="#slide1-1" class="navi-next">>></a>
|
488
|
+
</div>
|
489
|
+
<div class="footer-center">
|
490
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
491
|
+
</div>
|
492
|
+
</div>
|
493
|
+
</div>
|
494
|
+
|
495
|
+
|
496
|
+
<div id="slide1-1" class="slide">
|
497
|
+
<h2>�ƥ�ץ졼�ȥ����ƥ�Ȥϡ�</h2>
|
498
|
+
<div class="slide-body">
|
499
|
+
<ul>
|
500
|
+
<li>ưŪ��Web�ڡ���������������ȤߤΤҤȤ�
|
501
|
+
<ul>
|
502
|
+
<li>�ƥ�ץ졼�ȤȤʤ�HTML�ե�������ɤ߹��ߡ�ɬ�פʲս������ƽ���</li>
|
503
|
+
<li>������ս�˲��餫�Ρ��ܰ��פ�ɬ�ס�<strong>�ޡ�����</strong>��</li>
|
504
|
+
</ul>
|
505
|
+
</li>
|
506
|
+
<li>������
|
507
|
+
<ul>
|
508
|
+
<li>HTML�ǥ�������ѹ������䤹��</li>
|
509
|
+
<li>�ǥ����ʡ��ȥץ�����ޡ��Ȥ����Ȥ��䤹��</li>
|
510
|
+
</ul>
|
511
|
+
</li>
|
512
|
+
</ul>
|
513
|
+
<table class="n-up2" summary="">
|
514
|
+
<tr>
|
515
|
+
<td class="n-up2">
|
516
|
+
<span class="caption">�ƥ�ץ졼�ȡ�</span>
|
517
|
+
<pre class="code">
|
518
|
+
<ul>
|
519
|
+
<strong>#foreach(item in list)</strong>
|
520
|
+
<li><strong>${item}</strong></li>
|
521
|
+
<strong>#end</strong>
|
522
|
+
</ul>
|
523
|
+
</pre>
|
524
|
+
</td>
|
525
|
+
<td class="n-up2">
|
526
|
+
<span class="caption">���Ϸ�̡�</span>
|
527
|
+
<pre class="code">
|
528
|
+
<ul>
|
529
|
+
<li>foo</li>
|
530
|
+
<li>bar</li>
|
531
|
+
<li>baz</li>
|
532
|
+
</ul>
|
533
|
+
</pre>
|
534
|
+
</td>
|
535
|
+
</tr>
|
536
|
+
</table>
|
537
|
+
</div>
|
538
|
+
<div class="footer">
|
539
|
+
<div class="footer-left">
|
540
|
+
<a href="#slide1-toc" class="navi-prev"><<</a>
|
541
|
+
<a href="#slide1-toc" class="navi-toc">^</a>
|
542
|
+
</div>
|
543
|
+
<div class="footer-right">
|
544
|
+
<span class="pagenum">4/50</span>
|
545
|
+
<a href="#slide1-2" class="navi-next">>></a>
|
546
|
+
</div>
|
547
|
+
<div class="footer-center">
|
548
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
549
|
+
</div>
|
550
|
+
</div>
|
551
|
+
</div>
|
552
|
+
|
553
|
+
|
554
|
+
<div id="slide1-2" class="slide">
|
555
|
+
<h2>�ƥ�ץ졼�ȥ����ƥ�μ���(1)</h2>
|
556
|
+
<div class="slide-body">
|
557
|
+
<ul>
|
558
|
+
<li>�ƥ��������ѷ�
|
559
|
+
<ul>
|
560
|
+
<li>�ȼ��ѡ�������� �� Ǥ�դΥƥ����ȥե����뤬���Ѳ�ǽ</li>
|
561
|
+
<li>�ޡ������ȼ����� �� HTML�ǥ���������롢HTML�Х�ǡ������Ȥ��ʤ�
|
562
|
+
<sup><a href="#" onclick="return false;" title="�ޡ����ν�HTML��Ʊ���ˤ����HTML�ǥ�������������˺Ѥब�����Τ褦�ʥƥ�ץ졼�ȥ����ƥ�Ϥʤ������ʤ���">*</a></sup></li>
|
563
|
+
<li>�����å��ʷ����֤�����ʬ���ˤϥƥ�ץ졼����˵���</li>
|
564
|
+
<li>��ɽ�㡧Velocity(Java), Smarty(PHP), HTML::Template(Perl)</li>
|
565
|
+
</ul>
|
566
|
+
</li>
|
567
|
+
</ul>
|
568
|
+
<table class="n-up2" summary="">
|
569
|
+
<tr>
|
570
|
+
<td class="n-up2">
|
571
|
+
<span class="caption">�㡧Velocity�ƥ�ץ졼��</span>
|
572
|
+
<pre class="code">
|
573
|
+
<table>
|
574
|
+
<strong>#foreach(item in list)</strong>
|
575
|
+
<tr>
|
576
|
+
<td><strong>${item}</strong></td>
|
577
|
+
</tr>
|
578
|
+
<strong>#end</strong>
|
579
|
+
</table>
|
580
|
+
</pre>
|
581
|
+
</td>
|
582
|
+
<td class="n-up2" style="width: 45%">
|
583
|
+
<!--
|
584
|
+
<span class="caption">�㡧Template-Toolkit�ƥ�ץ졼��</span>
|
585
|
+
<pre class="code">
|
586
|
+
<table>
|
587
|
+
<strong>[% FOREACH item = list %]</strong>
|
588
|
+
<tr>
|
589
|
+
<td><strong>[% item %]</strong></td>
|
590
|
+
</tr>
|
591
|
+
<strong>[% END %]</strong>
|
592
|
+
</table>
|
593
|
+
</pre>
|
594
|
+
-->
|
595
|
+
<span class="caption">�㡧HTML::Template�ƥ�ץ졼��</span>
|
596
|
+
<pre class="code">
|
597
|
+
<table>
|
598
|
+
<strong><TMPL_LOOP NAME=list></strong>
|
599
|
+
<tr>
|
600
|
+
<td><strong><TMPL_VAR NAME=name></strong></td>
|
601
|
+
</tr>
|
602
|
+
<strong></TMPL_LOOP></strong>
|
603
|
+
</table>
|
604
|
+
</pre>
|
605
|
+
</td>
|
606
|
+
</tr>
|
607
|
+
</table>
|
608
|
+
</div>
|
609
|
+
<div class="footer">
|
610
|
+
<div class="footer-left">
|
611
|
+
<a href="#slide1-1" class="navi-prev"><<</a>
|
612
|
+
<a href="#slide1-toc" class="navi-toc">^</a>
|
613
|
+
</div>
|
614
|
+
<div class="footer-right">
|
615
|
+
<span class="pagenum">5/50</span>
|
616
|
+
<a href="#slide1-3" class="navi-next">>></a>
|
617
|
+
</div>
|
618
|
+
<div class="footer-center">
|
619
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
620
|
+
</div>
|
621
|
+
</div>
|
622
|
+
</div>
|
623
|
+
|
624
|
+
|
625
|
+
<div id="slide1-3" class="slide">
|
626
|
+
<h2>�ƥ�ץ졼�ȥ����ƥ�μ���(2)</h2>
|
627
|
+
<div class="slide-body">
|
628
|
+
<ul>
|
629
|
+
<li>HTML��
|
630
|
+
<ul>
|
631
|
+
<li>HTML/XML�ѡ�������� �� HTML/XML�Ǥ������ѤǤ��ʤ�</li>
|
632
|
+
<li>�ޡ����˥�����°������� �� HTML�ǥ���������ʤ�</li>
|
633
|
+
<li>�����å��ʷ����֤�����ʬ���ˤϥᥤ��ץ��������̥ե�����˵���</li>
|
634
|
+
<li>��ɽ�㡧XMLC(Java), Amrita(Ruby), Tapestry(Java)</li>
|
635
|
+
</ul>
|
636
|
+
</li>
|
637
|
+
</ul>
|
638
|
+
<table class="n-up2" summary="">
|
639
|
+
<tr>
|
640
|
+
<td class="n-up2">
|
641
|
+
<span class="caption">�㡧XMLC�ƥ�ץ졼��</span>
|
642
|
+
<pre class="code">
|
643
|
+
<table>
|
644
|
+
<tr <strong>id="list"</strong>>
|
645
|
+
<td <strong>id="item"</strong>>foo</td>
|
646
|
+
</tr>
|
647
|
+
</table>
|
648
|
+
</pre>
|
649
|
+
</td>
|
650
|
+
<td class="n-up2" style="width: 45%">
|
651
|
+
<span class="caption">�㡧XMLC�ᥤ��ץ������ʳ��ס�</span>
|
652
|
+
<pre class="code">
|
653
|
+
1. <span class="small">�ƥ�ץ졼�Ȥ��ɤ��DOM�ĥ�����</span>
|
654
|
+
2. id<span class="small">°����Ĥ������Ǥ����</span>
|
655
|
+
2-1. id="item"<span class="small">�����Ǥ˥ƥ����Ȥ�����</span>
|
656
|
+
2-2. id="list"<span class="small">�����Ǥԡ�</span>
|
657
|
+
2-3. <span class="small">���ԡ��������Ǥ���</span>id<span class="small">°������</span>
|
658
|
+
2-4. <span class="small">�ꥹ����Υǡ������Ȥ˷����֤�</span>
|
659
|
+
3. <span class="small">DOM�ĥ��HTML�ե�������Ѵ����ƽ���</span>
|
660
|
+
</pre>
|
661
|
+
</td>
|
662
|
+
</tr>
|
663
|
+
</table>
|
664
|
+
</div>
|
665
|
+
<div class="footer">
|
666
|
+
<div class="footer-left">
|
667
|
+
<a href="#slide1-2" class="navi-prev"><<</a>
|
668
|
+
<a href="#slide1-toc" class="navi-toc">^</a>
|
669
|
+
</div>
|
670
|
+
<div class="footer-right">
|
671
|
+
<span class="pagenum">6/50</span>
|
672
|
+
<a href="#slide1-4" class="navi-next">>></a>
|
673
|
+
</div>
|
674
|
+
<div class="footer-center">
|
675
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
676
|
+
</div>
|
677
|
+
</div>
|
678
|
+
</div>
|
679
|
+
|
680
|
+
|
681
|
+
<div id="slide1-4" class="slide">
|
682
|
+
<h2>�ӥ��ͥ��ؤȥץ쥼��ơ��������(1)</h2>
|
683
|
+
<div class="slide-body">
|
684
|
+
<ul>
|
685
|
+
<li>���ץꥱ���������礭��2�Ĥ��ؤ�ʬ��Ǥ���
|
686
|
+
<sup><a href="#" onclick="return false;" title="ʬ����ˡ��¾�ˤ�MVC�ʤ��͡������������뤬�������Ǥϥƥ�ץ졼�ȥ����ƥफ�鸫��ʬ����ˡ�Ȥ������ȤǤ����������������롣">*</a></sup>
|
687
|
+
<ul>
|
688
|
+
<li>�ӥ��ͥ��� �� �ֲ���ɽ�����뤫(What)�פ�ô��</li>
|
689
|
+
<li>�ץ쥼��ơ�������� �� �֤ɤΤ褦��ɽ�����뤫(How)�פ�ô��</li>
|
690
|
+
</ul>
|
691
|
+
</li>
|
692
|
+
<li>���ؤ��줾��ˡ��ǡ����ȥ����å���¸�ߤ���
|
693
|
+
<table class="matrix" summary="">
|
694
|
+
<tr>
|
695
|
+
<th></th><th>�ǡ���</th><th>�����å�</th>
|
696
|
+
</tr>
|
697
|
+
<tr>
|
698
|
+
<th>�ӥ��ͥ���</th><td>�ӥ��ͥ��ǡ���</td><td>�ӥ��ͥ������å�</td>
|
699
|
+
</tr>
|
700
|
+
<tr>
|
701
|
+
<th>�ץ쥼��ơ��������</th><td>�ץ쥼��ơ������ǡ���</td><td>�ץ쥼��ơ����������å�</td>
|
702
|
+
</tr>
|
703
|
+
</table>
|
704
|
+
</li>
|
705
|
+
<li>�㡧
|
706
|
+
<ul>
|
707
|
+
<li>�Ķ�����ν��Ȱ��ǡ������顢�ʥӥ��ͥ��ǡ�����</li>
|
708
|
+
<li>�Ķ����Ӿ��10̾����Ф����ʥӥ��ͥ������å���</li>
|
709
|
+
<li>�طʿ��������Ĥ��֤�Ȥäơ��ʥץ쥼��ơ������ǡ�����</li>
|
710
|
+
<li>����Ԥȶ����Ԥǿ�ʬ������ɽ�����롣�ʥץ쥼��ơ����������å���</li>
|
711
|
+
</ul>
|
712
|
+
</li>
|
713
|
+
</ul>
|
714
|
+
</div>
|
715
|
+
<div class="footer">
|
716
|
+
<div class="footer-left">
|
717
|
+
<a href="#slide1-3" class="navi-prev"><<</a>
|
718
|
+
<a href="#slide1-toc" class="navi-toc">^</a>
|
719
|
+
</div>
|
720
|
+
<div class="footer-right">
|
721
|
+
<span class="pagenum">7/50</span>
|
722
|
+
<a href="#slide1-5" class="navi-next">>></a>
|
723
|
+
</div>
|
724
|
+
<div class="footer-center">
|
725
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
726
|
+
</div>
|
727
|
+
</div>
|
728
|
+
</div>
|
729
|
+
|
730
|
+
|
731
|
+
<div id="slide1-5" class="slide">
|
732
|
+
<h2>�ӥ��ͥ��ؤȥץ쥼��ơ��������(2)</h2>
|
733
|
+
<div class="slide-body">
|
734
|
+
<ul>
|
735
|
+
<li>�ӥ��ͥ��ؤȥץ쥼��ơ�������ؤ�ô��
|
736
|
+
<ul>
|
737
|
+
<li>�⥸�塼��δ����ʲ���ô������Τ���(What)��
|
738
|
+
<!--
|
739
|
+
<ul>
|
740
|
+
<li>�ӥ��ͥ��� �� �ᥤ��ץ������</li>
|
741
|
+
<li>�ץ쥼��ơ�������� �� �ƥ�ץ졼��</li>
|
742
|
+
</ul>
|
743
|
+
-->
|
744
|
+
</li>
|
745
|
+
<li>ô���Ԥδ�����ï��ô������Τ���(Who)��
|
746
|
+
<!--
|
747
|
+
<ul>
|
748
|
+
<li>�ӥ��ͥ��� �� �ץ�����ޡ�</li>
|
749
|
+
<li>�ץ쥼��ơ�������� �� �ǥ����ʡ�</li>
|
750
|
+
</ul>
|
751
|
+
-->
|
752
|
+
</li>
|
753
|
+
</ul>
|
754
|
+
<!--div align="center"-->
|
755
|
+
<table class="matrix" summary="">
|
756
|
+
<tr>
|
757
|
+
<th></th><th>�⥸�塼��</th><th>ô����</th>
|
758
|
+
</tr>
|
759
|
+
<tr>
|
760
|
+
<th>�ӥ��ͥ���</th><td>�ᥤ��ץ������</td><td>�ץ�����ޡ�</td>
|
761
|
+
</tr>
|
762
|
+
<tr>
|
763
|
+
<th>�ץ쥼��ơ��������</th><td>�ƥ�ץ졼��</td><td>�ǥ����ʡ�</td>
|
764
|
+
</tr>
|
765
|
+
</table>
|
766
|
+
<!--/div-->
|
767
|
+
</li>
|
768
|
+
<li>���ƤϤ����ʤ�����
|
769
|
+
<ul>
|
770
|
+
<li>�ӥ��ͥ��ؤ˥ץ쥼��ơ�������ؤ����Ǥ�������ʤޤ��Ϥ��εա�
|
771
|
+
<ul>
|
772
|
+
<li>�㡧�ᥤ��ץ���������HTML������°��̾�����Ҥ���Ƥ���</li>
|
773
|
+
</ul>
|
774
|
+
</li>
|
775
|
+
<li>��ʬ��ô���ʳ��Υ⥸�塼���
|
776
|
+
<ul>
|
777
|
+
<li>�㡧HTML�ǥ������ѹ�����뤿�Ӥ˥ץ�����ޡ����ƥ�ץ졼�Ȥ�����</li>
|
778
|
+
<!--
|
779
|
+
<li>�㡧�ץ쥼��ơ����������å���ʣ���ˤʤ�ȥץ�����ޡ����������ॿ�����������</li>
|
780
|
+
-->
|
781
|
+
</ul>
|
782
|
+
</li>
|
783
|
+
</ul>
|
784
|
+
</li>
|
785
|
+
</ul>
|
786
|
+
</div>
|
787
|
+
<div class="footer">
|
788
|
+
<div class="footer-left">
|
789
|
+
<a href="#slide1-4" class="navi-prev"><<</a>
|
790
|
+
<a href="#slide1-toc" class="navi-toc">^</a>
|
791
|
+
</div>
|
792
|
+
<div class="footer-right">
|
793
|
+
<span class="pagenum">8/50</span>
|
794
|
+
<a href="#slide1-6" class="navi-next">>></a>
|
795
|
+
</div>
|
796
|
+
<div class="footer-center">
|
797
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
798
|
+
</div>
|
799
|
+
</div>
|
800
|
+
</div>
|
801
|
+
|
802
|
+
|
803
|
+
<div id="slide1-6" class="slide">
|
804
|
+
<h2>�������Ȳ���(1)</h2>
|
805
|
+
<div class="slide-body">
|
806
|
+
<ul>
|
807
|
+
<li>��������
|
808
|
+
<ul>
|
809
|
+
<li>�ƥ�ץ졼�Ȥ�HTML�ǥ����������ʥƥ��������ѷ���
|
810
|
+
<ul>
|
811
|
+
<li>�������ޡ����ν�HTML�Ȥϰۤʤ�</li>
|
812
|
+
</ul>
|
813
|
+
</li>
|
814
|
+
<!--
|
815
|
+
<li>HTML�ǥ�����������뤿�Ӥ˥ץ�����ޡ����ƥ�ץ졼�Ȥ����ʤ���Фʤ�ʤ��ʥƥ��������ѷ���
|
816
|
+
-->
|
817
|
+
<li>�ǥ����ʡ������������Ǥ�HTML�ե������ƥ�ץ졼�ȤȤ������ѤǤ��ʤ��Τǡ�<br />
|
818
|
+
�ץ�����ޡ����ƥ�ץ졼�Ȥ����ʤ���Фʤ�ʤ��ʥƥ��������ѷ���
|
819
|
+
<ul>
|
820
|
+
<li>�������ޡ����ν�HTML�Ȥϰۤʤ�</li>
|
821
|
+
<li>������HTML�ƥ�ץ졼�Ȥ���˥ץ쥼��ơ����������å���������Ǥ���</li>
|
822
|
+
</ul>
|
823
|
+
</li>
|
824
|
+
<li>�ӥ��ͥ��ؤȥץ쥼��ơ�������ؤ�ʬΥ�Ǥ��Ƥ��ʤ���HTML�ò�����
|
825
|
+
<ul>
|
826
|
+
<li>�������ᥤ��ץ���������˥ץ쥼��ơ����������å���������Ǥ���</li>
|
827
|
+
</ul>
|
828
|
+
</li>
|
829
|
+
</ul>
|
830
|
+
</li>
|
831
|
+
</ul>
|
832
|
+
</div>
|
833
|
+
<div class="footer">
|
834
|
+
<div class="footer-left">
|
835
|
+
<a href="#slide1-5" class="navi-prev"><<</a>
|
836
|
+
<a href="#slide1-toc" class="navi-toc">^</a>
|
837
|
+
</div>
|
838
|
+
<div class="footer-right">
|
839
|
+
<span class="pagenum">9/50</span>
|
840
|
+
<a href="#slide1-7" class="navi-next">>></a>
|
841
|
+
</div>
|
842
|
+
<div class="footer-center">
|
843
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
844
|
+
</div>
|
845
|
+
</div>
|
846
|
+
</div>
|
847
|
+
|
848
|
+
|
849
|
+
<div id="slide1-7" class="slide">
|
850
|
+
<h2>�������Ȳ���(2)</h2>
|
851
|
+
<div class="slide-body">
|
852
|
+
<ul>
|
853
|
+
<li>������
|
854
|
+
<ul>
|
855
|
+
<li>�ޡ����ν�HTML��Ʊ���ˤ���
|
856
|
+
<ul>
|
857
|
+
<li>���̡� �ƥ�ץ졼�Ȥ�HTML�ǥ���������ʤ� <br />
|
858
|
+
�������ʥޡ����Ȥ��ƥ�����°���䥳���Ȥ����̿���Ȥ������
|
859
|
+
</li>
|
860
|
+
</ul>
|
861
|
+
</li>
|
862
|
+
<li>�ץ쥼��ơ����������å���������Ω������
|
863
|
+
<ul>
|
864
|
+
<li>���̡� �ץ�����ޡ����ƥ�ץ졼�Ȥ����ʤ��ƺѤ� <br />
|
865
|
+
������ ���Ǥ�HTML�ե������ƥ�ץ졼�ȤȤ������ѤǤ��뤿���
|
866
|
+
</li>
|
867
|
+
<li>���̡� �ӥ��ͥ��ؤȥץ쥼��ơ�������ؤ�����ʬΥ�Ǥ��� <br />
|
868
|
+
������ �ʥᥤ��ץ��������˥ץ쥼��ơ����������å��Ҥ��ʤ��ƺѤि���
|
869
|
+
</li>
|
870
|
+
</ul>
|
871
|
+
</li>
|
872
|
+
</ul>
|
873
|
+
</li>
|
874
|
+
</ul>
|
875
|
+
</div>
|
876
|
+
<div class="footer">
|
877
|
+
<div class="footer-left">
|
878
|
+
<a href="#slide1-6" class="navi-prev"><<</a>
|
879
|
+
<a href="#slide1-toc" class="navi-toc">^</a>
|
880
|
+
</div>
|
881
|
+
<div class="footer-right">
|
882
|
+
<span class="pagenum">10/50</span>
|
883
|
+
<a href="#slide1-8" class="navi-next">>></a>
|
884
|
+
</div>
|
885
|
+
<div class="footer-center">
|
886
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
887
|
+
</div>
|
888
|
+
</div>
|
889
|
+
</div>
|
890
|
+
|
891
|
+
|
892
|
+
<div id="slide1-8" class="slide">
|
893
|
+
<h2>�������Ȳ���(3)</h2>
|
894
|
+
<div class="slide-body">
|
895
|
+
<ul>
|
896
|
+
<li>�ְ�ä���ˡ��
|
897
|
+
<ul>
|
898
|
+
<li>�ƥ�ץ졼�Ȥι�����ǥ����ʡ��˲����դ���
|
899
|
+
<ul>
|
900
|
+
<li>�ץ��������Ȥ��ۤʤ�С��ġ���Ⳬȯ�����ۤʤ롣
|
901
|
+
�ʤ��ǥ����ʡ���ʣ���Υƥ�ץ졼�ȥ����ƥ���ٶ����ʤ���Фʤ�ʤ��Τ���
|
902
|
+
</li>
|
903
|
+
<!--
|
904
|
+
<li>�ǥ����ʡ���˻�������ƥ�ץ졼�ȥ����ƥ�������륳���Ȥʤ�ʧ���ʤ���</li>
|
905
|
+
-->
|
906
|
+
</ul>
|
907
|
+
</li>
|
908
|
+
<li>����Υġ����Ȥ��褦�ǥ����ʡ��˲����դ���
|
909
|
+
<ul>
|
910
|
+
<li>�ץ��ˤϥץ���ƻ���롣
|
911
|
+
�ǥ����ʡ����Ȥ��Τ�Dreamweaver�Ǥ��ꡢSun��IBM�Τ������ġ���ǤϤʤ���
|
912
|
+
</li>
|
913
|
+
</ul>
|
914
|
+
</li>
|
915
|
+
</ul>
|
916
|
+
<p>
|
917
|
+
<br />
|
918
|
+
<strong>�ץ�����ޡ����Թ��ǥ����ʡ��˲����դ���٤��ǤϤʤ�</strong>
|
919
|
+
<sup><a href="#" onclick="return false;" title="�ץ�����ޡ���HTML�ǥ������ô������ʤ餳�θ¤�ǤϤʤ���">*</a></sup>
|
920
|
+
</p>
|
921
|
+
</li>
|
922
|
+
</ul>
|
923
|
+
</div>
|
924
|
+
<div class="footer">
|
925
|
+
<div class="footer-left">
|
926
|
+
<a href="#slide1-7" class="navi-prev"><<</a>
|
927
|
+
<a href="#slide1-toc" class="navi-toc">^</a>
|
928
|
+
</div>
|
929
|
+
<div class="footer-right">
|
930
|
+
<span class="pagenum">11/50</span>
|
931
|
+
<a href="#slide2-toc" class="navi-next">>></a>
|
932
|
+
</div>
|
933
|
+
<div class="footer-center">
|
934
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
935
|
+
</div>
|
936
|
+
</div>
|
937
|
+
</div>
|
938
|
+
|
939
|
+
|
940
|
+
<div id="slide2-toc" class="slide">
|
941
|
+
<h2>�ܼ�</h2>
|
942
|
+
<div class="slide-body">
|
943
|
+
<ol class="toc">
|
944
|
+
<li>�Ϥ���� <a href="#slide1-toc">_</a>
|
945
|
+
</li>
|
946
|
+
<li class="current">Kwartz����
|
947
|
+
<ul class="subtoc">
|
948
|
+
<li><a href="#slide2-1">Kwartz�Ȥϡ�</a></li>
|
949
|
+
<li><a href="#slide2-2">����ץ롧�ƥ�ץ졼��</a></li>
|
950
|
+
<li><a href="#slide2-3">����ץ롧����ѥ���������ѥ�����ץ�</a></li>
|
951
|
+
<li><a href="#slide2-4">������(1)</a>,
|
952
|
+
<a href="#slide2-5">(2)</a>,
|
953
|
+
<a href="#slide2-6">(3)</a>,
|
954
|
+
<a href="#slide2-7">(4)</a></li>
|
955
|
+
<li><a href="#slide2-8">��ħ����Ĺ</a></li>
|
956
|
+
<li><a href="#slide2-9">�ץ쥼��ơ�������ؤι���</a></li>
|
957
|
+
</ul>
|
958
|
+
</li>
|
959
|
+
<li>���٤ʥȥԥå� <a href="#slide3-toc">_</a>
|
960
|
+
</li>
|
961
|
+
<li>�ǥ��쥯�ƥ��� <a href="#slide4-toc">_</a>
|
962
|
+
</li>
|
963
|
+
<li>�ץ쥼��ơ������ѥ����� <a href="#slide5-toc">_</a>
|
964
|
+
</li>
|
965
|
+
</ol>
|
966
|
+
</div>
|
967
|
+
<div class="footer">
|
968
|
+
<div class="footer-left">
|
969
|
+
<a href="#slide1-8" class="navi-prev"><<</a>
|
970
|
+
<a href="#slide-toc" class="navi-toc">^</a>
|
971
|
+
</div>
|
972
|
+
<div class="footer-right">
|
973
|
+
<span class="pagenum">12/50</span>
|
974
|
+
<a href="#slide2-1" class="navi-next">>></a>
|
975
|
+
</div>
|
976
|
+
<div class="footer-center">
|
977
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
978
|
+
</div>
|
979
|
+
</div>
|
980
|
+
</div>
|
981
|
+
|
982
|
+
|
983
|
+
<div id="slide2-1" class="slide">
|
984
|
+
<h2>Kwartz�Ȥϡ�</h2>
|
985
|
+
<div class="slide-body">
|
986
|
+
<ul>
|
987
|
+
<li>�ǥ����ʡ���ͥ�����ƥ�ץ졼�ȥ����ƥ�</li>
|
988
|
+
<li><a href="http://www.kuwata-lab.com/kwartz">http://www.kuwata-lab.com/kwartz</a></li>
|
989
|
+
<li>��ħ��
|
990
|
+
<ul>
|
991
|
+
<li>HTML�ƥ�ץ졼�Ȥ���ץ쥼��ơ����������å���ʬΥ����Ω</li>
|
992
|
+
<li>�ޡ�����id°����Ȥ����ᡢ�ƥ�ץ졼�Ȥ�HTML�ǥ���������ʤ�</li>
|
993
|
+
<li>��®������</li>
|
994
|
+
<li>ʣ���Υץ�����ߥ�����б�(Ruby, PHP, Java, Perl)</li>
|
995
|
+
<li>��ư���˥���������ʬ���˥�����</li>
|
996
|
+
<li>�ƥ��������ѷ�</li>
|
997
|
+
<li>Ruby on Rails���ݡ���</li>
|
998
|
+
</ul>
|
999
|
+
</li>
|
1000
|
+
<li>2004ǯ��̤Ƨ���եȥ��������Ⱥ���ץ���������</li>
|
1001
|
+
</ul>
|
1002
|
+
</div>
|
1003
|
+
<div class="footer">
|
1004
|
+
<div class="footer-left">
|
1005
|
+
<a href="#slide2-toc" class="navi-prev"><<</a>
|
1006
|
+
<a href="#slide2-toc" class="navi-toc">^</a>
|
1007
|
+
</div>
|
1008
|
+
<div class="footer-right">
|
1009
|
+
<span class="pagenum">13/50</span>
|
1010
|
+
<a href="#slide2-2" class="navi-next">>></a>
|
1011
|
+
</div>
|
1012
|
+
<div class="footer-center">
|
1013
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1014
|
+
</div>
|
1015
|
+
</div>
|
1016
|
+
</div>
|
1017
|
+
|
1018
|
+
|
1019
|
+
<div id="slide2-2" class="slide">
|
1020
|
+
<h2>����ץ롧�ƥ�ץ졼��</h2>
|
1021
|
+
<div class="slide-body">
|
1022
|
+
<table class="n-up2" summary="">
|
1023
|
+
<tr>
|
1024
|
+
<td class="n-up2">
|
1025
|
+
<span class="caption">�ץ쥼��ơ������ǡ���(ex1.html)</span>
|
1026
|
+
<pre class="code">
|
1027
|
+
<table>
|
1028
|
+
<tr <strong>id="mark:list"</strong>>
|
1029
|
+
<td <strong>id="mark:item"</strong>>foo</td>
|
1030
|
+
</tr>
|
1031
|
+
</table>
|
1032
|
+
</pre>
|
1033
|
+
<ul class="descr">
|
1034
|
+
<li>�ޡ����ˤ�id°�������
|
1035
|
+
<ul>
|
1036
|
+
<li>��id="<em>xxx</em>"�פޤ��ϡ�id="mark:<em>xxx</em>"��</li>
|
1037
|
+
<li>�ޡ������줿���Ǥ��ץ쥼��ơ����������å��Ǥ�����о�</li>
|
1038
|
+
<li>��id="mark:<em>xxx</em>"�פϼ�ưŪ�˾ä���ʡ�id="<em>xxx</em>"�פʤ�Ĥ��</li>
|
1039
|
+
</ul>
|
1040
|
+
</li>
|
1041
|
+
</ul>
|
1042
|
+
</td>
|
1043
|
+
<td class="n-up2">
|
1044
|
+
<span class="caption">�ץ쥼��ơ����������å�(ex1.plogic)</span>
|
1045
|
+
<pre class="code">
|
1046
|
+
<strong>#list</strong> {
|
1047
|
+
logic: {
|
1048
|
+
for user in @users
|
1049
|
+
<strong>_stag</strong> # start-tag
|
1050
|
+
<strong>_cont</strong> # content
|
1051
|
+
<strong>_etag</strong> # end-tag
|
1052
|
+
end
|
1053
|
+
}
|
1054
|
+
}
|
1055
|
+
<strong>#item</strong> {
|
1056
|
+
value: user;
|
1057
|
+
}
|
1058
|
+
</pre>
|
1059
|
+
<ul class="descr">
|
1060
|
+
<li>CSS��Ʊ������<!--�ʥ��쥯�����ץ��ѥƥ���-->
|
1061
|
+
<!--
|
1062
|
+
<ul>
|
1063
|
+
<li>���쥯�������Ǥ����</li>
|
1064
|
+
<li>�ץ��ѥƥ������Ǥ����</li>
|
1065
|
+
</ul>
|
1066
|
+
-->
|
1067
|
+
</li>
|
1068
|
+
<li>����ʸ�ϥ������åȸ���(Ruby, PHP, ...)�ǵ���
|
1069
|
+
<!--
|
1070
|
+
<ul>
|
1071
|
+
<li>�������åȸ���ε�ǽ�٤����Ѳ�ǽ</li>
|
1072
|
+
</ul>
|
1073
|
+
-->
|
1074
|
+
</li>
|
1075
|
+
</ul>
|
1076
|
+
</td>
|
1077
|
+
</tr>
|
1078
|
+
</table>
|
1079
|
+
</div>
|
1080
|
+
<div class="footer">
|
1081
|
+
<div class="footer-left">
|
1082
|
+
<a href="#slide2-1" class="navi-prev"><<</a>
|
1083
|
+
<a href="#slide2-toc" class="navi-toc">^</a>
|
1084
|
+
</div>
|
1085
|
+
<div class="footer-right">
|
1086
|
+
<span class="pagenum">14/50</span>
|
1087
|
+
<a href="#slide2-3" class="navi-next">>></a>
|
1088
|
+
</div>
|
1089
|
+
<div class="footer-center">
|
1090
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1091
|
+
</div>
|
1092
|
+
</div>
|
1093
|
+
</div>
|
1094
|
+
|
1095
|
+
|
1096
|
+
<div id="slide2-3" class="slide">
|
1097
|
+
<h2>����ץ롧����ѥ���������ѥ�����ץ�</h2>
|
1098
|
+
<div class="slide-body">
|
1099
|
+
<table class="n-up2" summary="">
|
1100
|
+
<tr>
|
1101
|
+
<td class="n-up2">
|
1102
|
+
<span class="caption">����ѥ���</span>
|
1103
|
+
<pre class="console">
|
1104
|
+
$ kwartz -l eruby -p ex1.plogic ex1.html > ex1.rhtml
|
1105
|
+
</pre>
|
1106
|
+
<span class="caption">�����ѥ�����ץ�(ex1.rhtml)</span>
|
1107
|
+
<pre class="code">
|
1108
|
+
<table>
|
1109
|
+
<strong><% for user in @users %></strong>
|
1110
|
+
<tr>
|
1111
|
+
<td><strong><%= user %></strong></td>
|
1112
|
+
</tr>
|
1113
|
+
<strong><% end %></strong>
|
1114
|
+
</table>
|
1115
|
+
</pre>
|
1116
|
+
</td>
|
1117
|
+
<td class="n-up2">
|
1118
|
+
</td>
|
1119
|
+
</tr>
|
1120
|
+
</table>
|
1121
|
+
<ul class="descr">
|
1122
|
+
<li>����ѥ��뤷�ƽ����ѥ�����ץȡ�eRuby, PHP, JSP�ʤɡˤ�����</li>
|
1123
|
+
<li>�¹Ի��ϥᥤ��ץ�����फ������ѥ�����ץȤ�ƤӤ�������
|
1124
|
+
<ul>
|
1125
|
+
<li>��®������</li>
|
1126
|
+
</ul>
|
1127
|
+
</li>
|
1128
|
+
</ul>
|
1129
|
+
</div>
|
1130
|
+
<div class="footer">
|
1131
|
+
<div class="footer-left">
|
1132
|
+
<a href="#slide2-2" class="navi-prev"><<</a>
|
1133
|
+
<a href="#slide2-toc" class="navi-toc">^</a>
|
1134
|
+
</div>
|
1135
|
+
<div class="footer-right">
|
1136
|
+
<span class="pagenum">15/50</span>
|
1137
|
+
<a href="#slide2-4" class="navi-next">>></a>
|
1138
|
+
</div>
|
1139
|
+
<div class="footer-center">
|
1140
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1141
|
+
</div>
|
1142
|
+
</div>
|
1143
|
+
</div>
|
1144
|
+
|
1145
|
+
|
1146
|
+
<div id="slide2-4" class="slide">
|
1147
|
+
<h2>������(1)</h2>
|
1148
|
+
<div class="slide-body">
|
1149
|
+
<table class="n-up2" summary="">
|
1150
|
+
<tr>
|
1151
|
+
<td class="n-up2">
|
1152
|
+
<span class="caption">�������Τ��֤�</span>
|
1153
|
+
<pre class="code">
|
1154
|
+
#list {
|
1155
|
+
logic: {
|
1156
|
+
<strong>for user in @users</strong>
|
1157
|
+
_stag
|
1158
|
+
_cont
|
1159
|
+
_etag
|
1160
|
+
<strong>end</strong>
|
1161
|
+
}
|
1162
|
+
}
|
1163
|
+
</pre>
|
1164
|
+
</td>
|
1165
|
+
<td class="n-up2">
|
1166
|
+
<span class="caption">���Ƥ������֤�</span>
|
1167
|
+
<pre class="code">
|
1168
|
+
#list {
|
1169
|
+
logic: {
|
1170
|
+
_stag
|
1171
|
+
<strong>for user in @users</strong>
|
1172
|
+
_cont
|
1173
|
+
<strong>end</strong>
|
1174
|
+
_etag
|
1175
|
+
}
|
1176
|
+
}
|
1177
|
+
</pre>
|
1178
|
+
</td>
|
1179
|
+
</tr>
|
1180
|
+
</table>
|
1181
|
+
</div>
|
1182
|
+
<div class="footer">
|
1183
|
+
<div class="footer-left">
|
1184
|
+
<a href="#slide2-3" class="navi-prev"><<</a>
|
1185
|
+
<a href="#slide2-toc" class="navi-toc">^</a>
|
1186
|
+
</div>
|
1187
|
+
<div class="footer-right">
|
1188
|
+
<span class="pagenum">16/50</span>
|
1189
|
+
<a href="#slide2-5" class="navi-next">>></a>
|
1190
|
+
</div>
|
1191
|
+
<div class="footer-center">
|
1192
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1193
|
+
</div>
|
1194
|
+
</div>
|
1195
|
+
</div>
|
1196
|
+
|
1197
|
+
|
1198
|
+
<div id="slide2-5" class="slide">
|
1199
|
+
<h2>������(2)</h2>
|
1200
|
+
<div class="slide-body">
|
1201
|
+
<table class="n-up2" summary="">
|
1202
|
+
<tr>
|
1203
|
+
<td class="n-up2">
|
1204
|
+
<span class="caption">������ΤȤ��������Ǥ�ɽ��</span>
|
1205
|
+
<pre class="code">
|
1206
|
+
#list {
|
1207
|
+
logic: {
|
1208
|
+
<strong>if condition</strong>
|
1209
|
+
_stag
|
1210
|
+
_cont
|
1211
|
+
_etag
|
1212
|
+
<strong>end</strong>
|
1213
|
+
}
|
1214
|
+
}
|
1215
|
+
</pre>
|
1216
|
+
</td>
|
1217
|
+
<td class="n-up2">
|
1218
|
+
<span class="caption">������ΤȤ��ϥ�����</span>
|
1219
|
+
<pre class="code">
|
1220
|
+
#list {
|
1221
|
+
logic: {
|
1222
|
+
<strong>if condition</strong>
|
1223
|
+
_cont
|
1224
|
+
<strong>else</strong>
|
1225
|
+
_stag
|
1226
|
+
_cont
|
1227
|
+
_etag
|
1228
|
+
<strong>end</strong>
|
1229
|
+
}
|
1230
|
+
}
|
1231
|
+
</pre>
|
1232
|
+
</td>
|
1233
|
+
</tr>
|
1234
|
+
</table>
|
1235
|
+
</div>
|
1236
|
+
<div class="footer">
|
1237
|
+
<div class="footer-left">
|
1238
|
+
<a href="#slide2-4" class="navi-prev"><<</a>
|
1239
|
+
<a href="#slide2-toc" class="navi-toc">^</a>
|
1240
|
+
</div>
|
1241
|
+
<div class="footer-right">
|
1242
|
+
<span class="pagenum">17/50</span>
|
1243
|
+
<a href="#slide2-6" class="navi-next">>></a>
|
1244
|
+
</div>
|
1245
|
+
<div class="footer-center">
|
1246
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1247
|
+
</div>
|
1248
|
+
</div>
|
1249
|
+
</div>
|
1250
|
+
|
1251
|
+
|
1252
|
+
<div id="slide2-6" class="slide">
|
1253
|
+
<h2>������(3)</h2>
|
1254
|
+
<div class="slide-body">
|
1255
|
+
<table class="n-up2" summary="">
|
1256
|
+
<tr>
|
1257
|
+
<td class="n-up2">
|
1258
|
+
<span class="caption">���ƤΤ����˼����ͤ����
|
1259
|
+
<sup><a href="#" onclick="return false;" title="������ʤ�'value:'�ץ��ѥƥ��Τۤ���Ŭ�ڡ�">*</a></sup>
|
1260
|
+
</span>
|
1261
|
+
<pre class="code">
|
1262
|
+
#list {
|
1263
|
+
logic: {
|
1264
|
+
_stag
|
1265
|
+
<strong>print value</strong>
|
1266
|
+
_etag
|
1267
|
+
}
|
1268
|
+
}
|
1269
|
+
</pre>
|
1270
|
+
<span class="caption">���ǤΤ����˼����ͤ����
|
1271
|
+
<sup><a href="#" onclick="return false;" title="������ʤ�'elem:'�ץ��ѥƥ��Τۤ���Ŭ�ڡ�">*</a></sup>
|
1272
|
+
</span>
|
1273
|
+
<pre class="code">
|
1274
|
+
#list {
|
1275
|
+
logic: {
|
1276
|
+
<strong>print value</strong>
|
1277
|
+
}
|
1278
|
+
}
|
1279
|
+
</pre>
|
1280
|
+
</td>
|
1281
|
+
<td class="n-up2">
|
1282
|
+
<span class="caption">�ͤ����ꤵ��Ƥ���Ȥ���������
|
1283
|
+
<sup><a href="#" onclick="return false;" title="default�ǥ��쥯�ƥ��֤Ǥ�褤���ܺ٤ϸ�ҡ�">*</a></sup>
|
1284
|
+
|
1285
|
+
</span>
|
1286
|
+
<pre class="code">
|
1287
|
+
#list {
|
1288
|
+
logic: {
|
1289
|
+
_stag
|
1290
|
+
<strong>if value && !value.empty?</strong>
|
1291
|
+
<strong>print value</strong>
|
1292
|
+
<strong>else</strong>
|
1293
|
+
<strong>_cont</strong>
|
1294
|
+
<strong>end</strong>
|
1295
|
+
_etag
|
1296
|
+
}
|
1297
|
+
}
|
1298
|
+
</pre>
|
1299
|
+
</td>
|
1300
|
+
</tr>
|
1301
|
+
</table>
|
1302
|
+
</div>
|
1303
|
+
<div class="footer">
|
1304
|
+
<div class="footer-left">
|
1305
|
+
<a href="#slide2-5" class="navi-prev"><<</a>
|
1306
|
+
<a href="#slide2-toc" class="navi-toc">^</a>
|
1307
|
+
</div>
|
1308
|
+
<div class="footer-right">
|
1309
|
+
<span class="pagenum">18/50</span>
|
1310
|
+
<a href="#slide2-7" class="navi-next">>></a>
|
1311
|
+
</div>
|
1312
|
+
<div class="footer-center">
|
1313
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1314
|
+
</div>
|
1315
|
+
</div>
|
1316
|
+
</div>
|
1317
|
+
|
1318
|
+
|
1319
|
+
<div id="slide2-7" class="slide">
|
1320
|
+
<h2>������(4)</h2>
|
1321
|
+
<div class="slide-body">
|
1322
|
+
<table class="n-up2" summary="">
|
1323
|
+
<tr>
|
1324
|
+
<td class="n-up2">
|
1325
|
+
<span class="caption">����Ԥȶ����Ԥ��طʿ����Ѥ���
|
1326
|
+
<sup><a href="#" onclick="return false;" title="�ֿ��פξ���ϥץ쥼��ơ������ǡ�����ʬ�व��뤿�ᡢ�Ǥ����CSS��Ȥäƥץ쥼��ơ����������å��ˡֿ��פξ����ޤ�ʤ��褦�ˤ��뤳�Ȥ�˾�ޤ�����">*</a></sup>
|
1327
|
+
</span>
|
1328
|
+
<pre class="code">
|
1329
|
+
#list {
|
1330
|
+
<strong>attrs: 'bgcolor' color;</strong>
|
1331
|
+
logic: {
|
1332
|
+
i = 0
|
1333
|
+
for user in @users
|
1334
|
+
i += 1
|
1335
|
+
<strong>color = i%2==0 ? '#CCF':'#FCC'</strong>
|
1336
|
+
_stag
|
1337
|
+
_cont
|
1338
|
+
_etag
|
1339
|
+
end
|
1340
|
+
}
|
1341
|
+
}
|
1342
|
+
</pre>
|
1343
|
+
</td>
|
1344
|
+
<td class="n-up2">
|
1345
|
+
<span class="caption">���ߡ������Ǥ���
|
1346
|
+
<sup><a href="#" onclick="return false;" title="dummy�ǥ��쥯�ƥ��֤Ǥ�褤���ܺ٤ϸ�ҡ�">*</a></sup>
|
1347
|
+
|
1348
|
+
</span>
|
1349
|
+
<pre class="code">
|
1350
|
+
#list {
|
1351
|
+
logic: { }
|
1352
|
+
}
|
1353
|
+
</pre>
|
1354
|
+
<div class="note">
|
1355
|
+
<p><em>!!����!!</em></p>
|
1356
|
+
<p>�ץ쥼��ơ����������å����ѹ����Ƥ⡢�ץ쥼��ơ������ǡ������ѹ�����ɬ�פ��ʤ�</p>
|
1357
|
+
<p class="centerize">��</p>
|
1358
|
+
<p><em>�ץ쥼��ơ������ǡ�������ץ쥼��ơ����������å���������ʬΥ����Ω</em></p>
|
1359
|
+
</div>
|
1360
|
+
</td>
|
1361
|
+
</tr>
|
1362
|
+
</table>
|
1363
|
+
</div>
|
1364
|
+
<div class="footer">
|
1365
|
+
<div class="footer-left">
|
1366
|
+
<a href="#slide2-6" class="navi-prev"><<</a>
|
1367
|
+
<a href="#slide2-toc" class="navi-toc">^</a>
|
1368
|
+
</div>
|
1369
|
+
<div class="footer-right">
|
1370
|
+
<span class="pagenum">19/50</span>
|
1371
|
+
<a href="#slide2-8" class="navi-next">>></a>
|
1372
|
+
</div>
|
1373
|
+
<div class="footer-center">
|
1374
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1375
|
+
</div>
|
1376
|
+
</div>
|
1377
|
+
</div>
|
1378
|
+
|
1379
|
+
|
1380
|
+
<div id="slide2-8" class="slide">
|
1381
|
+
<h2>��ħ����Ĺ</h2>
|
1382
|
+
<div class="slide-body">
|
1383
|
+
<ul>
|
1384
|
+
<li>�ޡ�����id°�������
|
1385
|
+
<ul>
|
1386
|
+
<li>�� �ƥ�ץ졼�Ȥ�HTML�ǥ���������ʤ�</li>
|
1387
|
+
</ul>
|
1388
|
+
</li>
|
1389
|
+
<li>�ץ쥼��ơ����������å����̥ե������ʬΥ����Ω
|
1390
|
+
<ul>
|
1391
|
+
<!--
|
1392
|
+
<li>�ץ쥼��ơ����������å���ʣ���ˤʤäƤ�HTML�ƥ�ץ졼�Ȥˤϱƶ����ʤ�</li>
|
1393
|
+
-->
|
1394
|
+
<li>�� �ץ�����ޡ����ƥ�ץ졼�Ȥ�������ɬ�פ��ʤ�<br />
|
1395
|
+
�ʥǥ����ʡ������������Ǥ�HTML�ե������ƥ�ץ졼�ȤȤ������ѤǤ��뤿���
|
1396
|
+
</li>
|
1397
|
+
<li>�� �ӥ��ͥ��ؤȥץ쥼��ơ�������ؤ����줤��ʬΥ�Ǥ���<br />
|
1398
|
+
�ʥᥤ��ץ������˥ץ쥼��ơ������ǡ���/�����å��������뤳�Ȥ��ʤ������
|
1399
|
+
</li>
|
1400
|
+
</ul>
|
1401
|
+
</li>
|
1402
|
+
<li>����ʸ�ϥ������åȸ���ǵ���
|
1403
|
+
<sup><a href="#" onclick="return false;" title="Kwartz��Java�����Ǥϡ�JavaScript�˻����ȼ��������Ѥ��������Ƹ��������������ȤߤˤʤäƤ��롣������ͳ��Java��JSTL���ȤƤ�ˤ������ᡣ">*</a></sup>
|
1404
|
+
<ul>
|
1405
|
+
<li>�� �������åȸ���ε�ǽ��ޤ뤴�����ѤǤ����;�פ����¤��ʤ���</li>
|
1406
|
+
</ul>
|
1407
|
+
</li>
|
1408
|
+
<li>����ѥ��뤷�ƽ����ѥ�����ץȤ�����
|
1409
|
+
<sup><a href="#" onclick="return false;" title="Kwartz��Java�����Ǥϡ��ȼ��Υ��ץ�¹ԥ������¢���������ѥ�����ץȤ���������ľ�ܼ¹Ԥ��롣������ͳ��JSTL��Velocity�ε�ǽ���㤤���ᡣ">*</a></sup>
|
1410
|
+
<ul>
|
1411
|
+
<li>�� �¹Ԥ���®���ķ���</li>
|
1412
|
+
<li>�� ���Ȥߤ�ñ������䤹��</li>
|
1413
|
+
<li>�� �͡��ʸ�����б����䤹��</li>
|
1414
|
+
</ul>
|
1415
|
+
</li>
|
1416
|
+
<!--
|
1417
|
+
<li>�ǥ����ʡ����鸫������
|
1418
|
+
<ul>
|
1419
|
+
<li>�Ǥ�HTML�ե������ƥ�ץ졼�ȤȤ��ƻ��ѤǤ���</li>
|
1420
|
+
<li>HTML�ǥ���������ʤ�</li>
|
1421
|
+
<li>CSS�ˤ褯���������ǥץ쥼��ơ����������å��ҤǤ���</li>
|
1422
|
+
</ul>
|
1423
|
+
</li>
|
1424
|
+
<li>�ץ�����ޡ����鸫������
|
1425
|
+
<ul>
|
1426
|
+
<li>HTML�ǥ������ѹ��Τ��Ӥ˥ƥ�ץ졼�Ȥ�������ɬ�פ��ʤ�</li>
|
1427
|
+
<li>�������åȸ���ε�ǽ��ޤ뤴�Ȼ��ѤǤ����;�פ����¤��ʤ���</li>
|
1428
|
+
<li>���Ȥߤ�ñ������䤹��</li>
|
1429
|
+
<li>�������ॿ���ʤɤ����ٶ�����ɬ�פ��ʤ�</li>
|
1430
|
+
</ul>
|
1431
|
+
</li>
|
1432
|
+
-->
|
1433
|
+
</ul>
|
1434
|
+
</div>
|
1435
|
+
<div class="footer">
|
1436
|
+
<div class="footer-left">
|
1437
|
+
<a href="#slide2-7" class="navi-prev"><<</a>
|
1438
|
+
<a href="#slide2-toc" class="navi-toc">^</a>
|
1439
|
+
</div>
|
1440
|
+
<div class="footer-right">
|
1441
|
+
<span class="pagenum">20/50</span>
|
1442
|
+
<a href="#slide2-9" class="navi-next">>></a>
|
1443
|
+
</div>
|
1444
|
+
<div class="footer-center">
|
1445
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1446
|
+
</div>
|
1447
|
+
</div>
|
1448
|
+
</div>
|
1449
|
+
|
1450
|
+
|
1451
|
+
<div id="slide2-9" class="slide">
|
1452
|
+
<h2>�ץ쥼��ơ�������ؤι���</h2>
|
1453
|
+
<div class="slide-body">
|
1454
|
+
<table class="n-up2" summary="">
|
1455
|
+
<tr>
|
1456
|
+
<td class="n-up2">
|
1457
|
+
<ul>
|
1458
|
+
<li>���ʬô
|
1459
|
+
<ul>
|
1460
|
+
<li>HTML �� �ɥ�����ȹ�¤</li>
|
1461
|
+
<li>CSS �� �ɥ�����ȥǥ�����</li>
|
1462
|
+
<li>JavaScript �� ���饤�����¦�����å�</li>
|
1463
|
+
<li>Kwartz �� ������¦�����å�
|
1464
|
+
<sup><a href="#" onclick="return false;" title="Kwartz��ô������Τϥ�����¦�Υץ쥼��ơ����������å������Ǥ��ꡢ�ӥ��ͥ������å���ô�����ʤ����Ȥ����ա�">*</a></sup>
|
1465
|
+
</li>
|
1466
|
+
</ul>
|
1467
|
+
</li>
|
1468
|
+
<li>1�ĤΥե����뤬1�Ĥ���������ô��
|
1469
|
+
</li>
|
1470
|
+
</ul>
|
1471
|
+
</td>
|
1472
|
+
<td class="n-up2">
|
1473
|
+
<div style="text-align:center">
|
1474
|
+
<img src="img/fig05.png" alt="position of Kwartz in presentation layer"
|
1475
|
+
style="border: solid 2px #999"/>
|
1476
|
+
<br />
|
1477
|
+
</div>
|
1478
|
+
</td>
|
1479
|
+
</tr>
|
1480
|
+
</table>
|
1481
|
+
</div>
|
1482
|
+
<div class="footer">
|
1483
|
+
<div class="footer-left">
|
1484
|
+
<a href="#slide2-8" class="navi-prev"><<</a>
|
1485
|
+
<a href="#slide2-toc" class="navi-toc">^</a>
|
1486
|
+
</div>
|
1487
|
+
<div class="footer-right">
|
1488
|
+
<span class="pagenum">21/50</span>
|
1489
|
+
<a href="#slide3-toc" class="navi-next">>></a>
|
1490
|
+
</div>
|
1491
|
+
<div class="footer-center">
|
1492
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1493
|
+
</div>
|
1494
|
+
</div>
|
1495
|
+
</div>
|
1496
|
+
|
1497
|
+
|
1498
|
+
<div id="slide3-toc" class="slide">
|
1499
|
+
<h2>�ܼ�</h2>
|
1500
|
+
<div class="slide-body">
|
1501
|
+
<ol class="toc">
|
1502
|
+
<li>�Ϥ���� <a href="#slide1-toc">_</a>
|
1503
|
+
</li>
|
1504
|
+
<li>Kwartz���� <a href="#slide2-toc">_</a>
|
1505
|
+
</li>
|
1506
|
+
<li class="current">���٤ʥȥԥå�
|
1507
|
+
<ul class="subtoc">
|
1508
|
+
<li><a href="#slide3-1">�ץ��ѥƥ�</a></li>
|
1509
|
+
<li><a href="#slide3-2">��ư����������</a></li>
|
1510
|
+
<li><a href="#slide3-3">�ޥ�����쥵�ݡ���</a></li>
|
1511
|
+
<li><a href="#slide3-4">�ƥ���������</a></li>
|
1512
|
+
<li><a href="#slide3-5">Ruby on Rails���ݡ���</a></li>
|
1513
|
+
</ul>
|
1514
|
+
</li>
|
1515
|
+
<li>�ǥ��쥯�ƥ��� <a href="#slide4-toc">_</a>
|
1516
|
+
</li>
|
1517
|
+
<li>�ץ쥼��ơ������ѥ����� <a href="#slide5-toc">_</a>
|
1518
|
+
</li>
|
1519
|
+
</ol>
|
1520
|
+
</div>
|
1521
|
+
<div class="footer">
|
1522
|
+
<div class="footer-left">
|
1523
|
+
<a href="#slide2-9" class="navi-prev"><<</a>
|
1524
|
+
<a href="#slide-toc" class="navi-toc">^</a>
|
1525
|
+
</div>
|
1526
|
+
<div class="footer-right">
|
1527
|
+
<span class="pagenum">22/50</span>
|
1528
|
+
<a href="#slide3-1" class="navi-next">>></a>
|
1529
|
+
</div>
|
1530
|
+
<div class="footer-center">
|
1531
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1532
|
+
</div>
|
1533
|
+
</div>
|
1534
|
+
</div>
|
1535
|
+
|
1536
|
+
|
1537
|
+
<div id="slide3-1" class="slide">
|
1538
|
+
<h2>�ץ��ѥƥ�</h2>
|
1539
|
+
<div class="slide-body">
|
1540
|
+
<span class="caption">�ץ��ѥƥ��ΰ���</span>
|
1541
|
+
<pre class="code">
|
1542
|
+
#id {
|
1543
|
+
<strong>value:</strong> username; // <span class="small">���Ǥ�����</span>('cont:'<span class="small">��Ʊ��</span>)
|
1544
|
+
<strong>attrs:</strong> 'class' klass, // <span class="small">°���ͤ��ѹ�</span>
|
1545
|
+
'bgcolor' color;
|
1546
|
+
<strong>logic:</strong> { ... } // <span class="small">���Ǥ���������å�</span>
|
1547
|
+
<strong>remove:</strong> 'id'; // <span class="small">°���κ��</span>
|
1548
|
+
<strong>append:</strong> cond ? ' checked="checked"':''; // <span class="small">°�����ɲ�</span>
|
1549
|
+
<!--
|
1550
|
+
before: { ... } // ľ���˼¹Ԥ�������å�
|
1551
|
+
after: { ... } // ľ��˼¹Ԥ�������å�
|
1552
|
+
-->
|
1553
|
+
<strong>stag:</strong> start_form_tag :action=>'update'; // <span class="small">���ϥ���</span>
|
1554
|
+
<strong>cont:</strong> render :partial=>'form'; // <span class="small">���Ǥ�����</span>
|
1555
|
+
<strong>etag:</strong> "</form>"; // <span class="small">�����</span>
|
1556
|
+
<strong>elem:</strong> link_to 'List' :action=>'list'; // <span class="small">��������</span>
|
1557
|
+
}
|
1558
|
+
</pre>
|
1559
|
+
</div>
|
1560
|
+
<div class="footer">
|
1561
|
+
<div class="footer-left">
|
1562
|
+
<a href="#slide3-toc" class="navi-prev"><<</a>
|
1563
|
+
<a href="#slide3-toc" class="navi-toc">^</a>
|
1564
|
+
</div>
|
1565
|
+
<div class="footer-right">
|
1566
|
+
<span class="pagenum">23/50</span>
|
1567
|
+
<a href="#slide3-2" class="navi-next">>></a>
|
1568
|
+
</div>
|
1569
|
+
<div class="footer-center">
|
1570
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1571
|
+
</div>
|
1572
|
+
</div>
|
1573
|
+
</div>
|
1574
|
+
|
1575
|
+
|
1576
|
+
<div id="slide3-2" class="slide">
|
1577
|
+
<h2>��ư����������</h2>
|
1578
|
+
<div class="slide-body">
|
1579
|
+
<ul>
|
1580
|
+
<li>���ޥ�ɥ��ץ�����-e�פǼ�ư���������ס�����ե�����Ǥ����ġ�</li>
|
1581
|
+
<li>��-e�ץ��ץ����˴ط��ʤ������������פ��롦���ʤ��������ǽ</li>
|
1582
|
+
</ul>
|
1583
|
+
<table class="n-up2" summary="">
|
1584
|
+
<tr>
|
1585
|
+
<td class="n-up2">
|
1586
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
1587
|
+
<pre class="code">
|
1588
|
+
<p id="mark:p1">foo</p>
|
1589
|
+
<p id="mark:p2">bar</p>
|
1590
|
+
<p id="mark:p3">baz</p>
|
1591
|
+
</pre>
|
1592
|
+
<span class="caption">�ץ쥼��ơ����������å�</span>
|
1593
|
+
<pre class="code">
|
1594
|
+
#p1 {
|
1595
|
+
value: text;
|
1596
|
+
}
|
1597
|
+
#p2 {
|
1598
|
+
<strong>Value:</strong> text;
|
1599
|
+
}
|
1600
|
+
#p3 {
|
1601
|
+
<strong>VALUE:</strong> text;
|
1602
|
+
}
|
1603
|
+
</pre>
|
1604
|
+
</td>
|
1605
|
+
<td class="n-up2">
|
1606
|
+
<span class="caption">����ѥ����̡�-e���ץ����ʤ���</span>
|
1607
|
+
<pre class="code">
|
1608
|
+
<p><%= text %></p>
|
1609
|
+
<p><%=<strong>h</strong> text %></p>
|
1610
|
+
<p><%= text %></p>
|
1611
|
+
</pre>
|
1612
|
+
<span class="caption">����ѥ����̡�-e���ץ�����</span>
|
1613
|
+
<pre class="code">
|
1614
|
+
<p><%=<strong>h</strong> text %></p>
|
1615
|
+
<p><%=<strong>h</strong> text %></p>
|
1616
|
+
<p><%= text %></p>
|
1617
|
+
</pre>
|
1618
|
+
</td>
|
1619
|
+
</tr>
|
1620
|
+
</table>
|
1621
|
+
</div>
|
1622
|
+
<div class="footer">
|
1623
|
+
<div class="footer-left">
|
1624
|
+
<a href="#slide3-1" class="navi-prev"><<</a>
|
1625
|
+
<a href="#slide3-toc" class="navi-toc">^</a>
|
1626
|
+
</div>
|
1627
|
+
<div class="footer-right">
|
1628
|
+
<span class="pagenum">24/50</span>
|
1629
|
+
<a href="#slide3-3" class="navi-next">>></a>
|
1630
|
+
</div>
|
1631
|
+
<div class="footer-center">
|
1632
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1633
|
+
</div>
|
1634
|
+
</div>
|
1635
|
+
</div>
|
1636
|
+
|
1637
|
+
|
1638
|
+
<div id="slide3-3" class="slide">
|
1639
|
+
<h2>�ޥ�����쥵�ݡ���</h2>
|
1640
|
+
<div class="slide-body">
|
1641
|
+
<ul>
|
1642
|
+
<li>Ruby, eRuby, PHP, JSP, ePerl���б�
|
1643
|
+
<sup><a href="#" title="�����ġ����Ȥ����Ȥǡ�JavaScript��C��Scheme�ˤ��б���ǽ��">*</a></sup>
|
1644
|
+
<!--
|
1645
|
+
<ul>
|
1646
|
+
<li>�����ġ����Ȥ���JavaScript, C, Scheme�ˤ��б�</li>
|
1647
|
+
</ul>
|
1648
|
+
-->
|
1649
|
+
</li>
|
1650
|
+
<li>Ruby, PHP, Java�μ��������ꡢ���ijƼ�����ʣ��������б�
|
1651
|
+
<ul>
|
1652
|
+
<li>Java�����Ǥϡ�JavaScript�˻����ȼ�����ǥץ쥼��ơ����������å��Ҥ���С������Ƹ�����������Ƥ����</li>
|
1653
|
+
</ul>
|
1654
|
+
</li>
|
1655
|
+
<!--
|
1656
|
+
<li>�ץ쥼��ơ����������å������åȸ���ǵ��Ҥ���<br />
|
1657
|
+
���ޥ�ɥ��ץ�����-l <em>lang</em>�פ���ꤷ�ƥ���ѥ���</li>
|
1658
|
+
-->
|
1659
|
+
</ul>
|
1660
|
+
<table class="n-up2" summary="">
|
1661
|
+
<tr>
|
1662
|
+
<td class="n-up2">
|
1663
|
+
<span class="caption">�ץ쥼��ơ����������å�</span>
|
1664
|
+
<pre class="code">
|
1665
|
+
#name {
|
1666
|
+
logic: {
|
1667
|
+
_stag;
|
1668
|
+
<strong>if (user != null) {</strong>
|
1669
|
+
<strong>print(user);</strong>
|
1670
|
+
<strong>} else {</strong>
|
1671
|
+
<strong>_cont;</strong>
|
1672
|
+
<strong>}</strong>
|
1673
|
+
_etag;
|
1674
|
+
}
|
1675
|
+
}
|
1676
|
+
</pre>
|
1677
|
+
</td>
|
1678
|
+
<td class="n-up2">
|
1679
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
1680
|
+
<pre class="code">
|
1681
|
+
Hello <span id="name">guest</span>!
|
1682
|
+
</pre>
|
1683
|
+
<span class="caption">Java������JSP�إ���ѥ���</span>
|
1684
|
+
<pre class="code">
|
1685
|
+
Hello <span id="name">
|
1686
|
+
<strong><c:choose><c:when test="${user ne null}"></strong>
|
1687
|
+
<strong><c:out value="${user}"/></strong>
|
1688
|
+
<strong></c:when><c:otherwise></strong>
|
1689
|
+
<strong>guest</c:otherwise></c:choose></strong>
|
1690
|
+
</span>!
|
1691
|
+
</pre>
|
1692
|
+
</td>
|
1693
|
+
</tr>
|
1694
|
+
</table>
|
1695
|
+
</div>
|
1696
|
+
<div class="footer">
|
1697
|
+
<div class="footer-left">
|
1698
|
+
<a href="#slide3-2" class="navi-prev"><<</a>
|
1699
|
+
<a href="#slide3-toc" class="navi-toc">^</a>
|
1700
|
+
</div>
|
1701
|
+
<div class="footer-right">
|
1702
|
+
<span class="pagenum">25/50</span>
|
1703
|
+
<a href="#slide3-4" class="navi-next">>></a>
|
1704
|
+
</div>
|
1705
|
+
<div class="footer-center">
|
1706
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1707
|
+
</div>
|
1708
|
+
</div>
|
1709
|
+
</div>
|
1710
|
+
|
1711
|
+
|
1712
|
+
<div id="slide3-4" class="slide">
|
1713
|
+
<h2>�ƥ���������</h2>
|
1714
|
+
<div class="slide-body">
|
1715
|
+
<ul>
|
1716
|
+
<li>HTML/XML�ѡ�������Ѥ��ʤ����ᡢǤ�դΥƥ����ȥե���������Ѳ�ǽ
|
1717
|
+
<ul>
|
1718
|
+
<li>�㡧��롢CSV�ե����롢�����������ɡ�LaTeX��PostScript��...</li>
|
1719
|
+
<li>Well-formed�Ǥʤ�XML�ե�����Ǥ�OK</li>
|
1720
|
+
</ul>
|
1721
|
+
</li>
|
1722
|
+
</ul>
|
1723
|
+
<table class="n-up2" summary="">
|
1724
|
+
<tr>
|
1725
|
+
<td class="n-up2">
|
1726
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
1727
|
+
<pre class="code">
|
1728
|
+
<span id="mark:m1">
|
1729
|
+
<strong><foo> & <bar></strong>
|
1730
|
+
</span>
|
1731
|
+
</pre>
|
1732
|
+
<span class="caption">�ץ쥼��ơ����������å�</span>
|
1733
|
+
<pre class="code">
|
1734
|
+
#m1 {
|
1735
|
+
logic: {
|
1736
|
+
for i in 0..3 do
|
1737
|
+
_cont
|
1738
|
+
end
|
1739
|
+
}
|
1740
|
+
}
|
1741
|
+
</pre>
|
1742
|
+
</td>
|
1743
|
+
<td class="n-up2">
|
1744
|
+
<span class="caption">����ѥ���</span>
|
1745
|
+
<pre class="code">
|
1746
|
+
<% for i in 1..3 do %>
|
1747
|
+
<strong><foo> & <bar></strong>
|
1748
|
+
<% end %>
|
1749
|
+
</pre>
|
1750
|
+
<span class="caption">�¹Է��</span>
|
1751
|
+
<pre class="code">
|
1752
|
+
<strong><foo> & <bar></strong>
|
1753
|
+
<strong><foo> & <bar></strong>
|
1754
|
+
<strong><foo> & <bar></strong>
|
1755
|
+
</pre>
|
1756
|
+
</td>
|
1757
|
+
</tr>
|
1758
|
+
</table>
|
1759
|
+
</div>
|
1760
|
+
<div class="footer">
|
1761
|
+
<div class="footer-left">
|
1762
|
+
<a href="#slide3-3" class="navi-prev"><<</a>
|
1763
|
+
<a href="#slide3-toc" class="navi-toc">^</a>
|
1764
|
+
</div>
|
1765
|
+
<div class="footer-right">
|
1766
|
+
<span class="pagenum">26/50</span>
|
1767
|
+
<a href="#slide3-5" class="navi-next">>></a>
|
1768
|
+
</div>
|
1769
|
+
<div class="footer-center">
|
1770
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1771
|
+
</div>
|
1772
|
+
</div>
|
1773
|
+
</div>
|
1774
|
+
|
1775
|
+
|
1776
|
+
<div id="slide3-5" class="slide">
|
1777
|
+
<h2>Ruby on Rails���ݡ���</h2>
|
1778
|
+
<div class="slide-body">
|
1779
|
+
<ul>
|
1780
|
+
<li>Kwartz�ѥƥ�ץ졼�ȥϥ�ɥ�
|
1781
|
+
<ul>
|
1782
|
+
<li>��ư����ѥ���</li>
|
1783
|
+
<li>�ե����륭��å��塢���ꥭ��å���</li>
|
1784
|
+
</ul>
|
1785
|
+
</li>
|
1786
|
+
<li>layouts��render :partial��Ʊ���ε�ǽ����
|
1787
|
+
<sup><a href="#" onclick="return false;" title="scaffold��̤���ݡ���">*</a></sup>
|
1788
|
+
<!--
|
1789
|
+
<ul>
|
1790
|
+
<li>scaffold��̤���ݡ���</li>
|
1791
|
+
</ul>
|
1792
|
+
-->
|
1793
|
+
</li>
|
1794
|
+
<!--
|
1795
|
+
<li>
|
1796
|
+
�ܺ٤ϥ���ץ�ȥ桼�����������ɤ�
|
1797
|
+
</li>
|
1798
|
+
-->
|
1799
|
+
</ul>
|
1800
|
+
<table class="n-up2" summary="">
|
1801
|
+
<tr>
|
1802
|
+
<td class="n-up2">
|
1803
|
+
<span class="caption">�ץ쥼��ơ����������å�</span>
|
1804
|
+
<pre class="code" style="font-size: 15pt; line-height: 120%;">
|
1805
|
+
#form {
|
1806
|
+
stag: <strong>start_form_tag :action=>'create'</strong>;
|
1807
|
+
}
|
1808
|
+
#user_name {
|
1809
|
+
elem: <strong>text_field 'user', 'name'</strong>;
|
1810
|
+
}
|
1811
|
+
#submit {
|
1812
|
+
elem: <strong>submit_tag 'Create'</strong>;
|
1813
|
+
}
|
1814
|
+
</pre>
|
1815
|
+
</td>
|
1816
|
+
<td class="n-up2">
|
1817
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
1818
|
+
<pre class="code" style="font-size: 15pt; line-height: 120%;">
|
1819
|
+
<strong><form id="mark:form"></strong>
|
1820
|
+
Name: <strong><input type="text" id="user_name"></strong>
|
1821
|
+
<strong><input type="submit" id="submit"></strong>
|
1822
|
+
</form>
|
1823
|
+
</pre>
|
1824
|
+
<span class="caption">����ѥ�����</span>
|
1825
|
+
<pre class="code" style="font-size: 15pt; line-height: 120%;">
|
1826
|
+
<strong><%= start_form_tag :action=>'create' %></strong>
|
1827
|
+
Name: <strong><%= text_field 'user', 'name' %></strong>
|
1828
|
+
<strong><%= submit_tag 'Create' %></strong>
|
1829
|
+
</form>
|
1830
|
+
</pre>
|
1831
|
+
</td>
|
1832
|
+
</tr>
|
1833
|
+
</table>
|
1834
|
+
</div>
|
1835
|
+
<div class="footer">
|
1836
|
+
<div class="footer-left">
|
1837
|
+
<a href="#slide3-4" class="navi-prev"><<</a>
|
1838
|
+
<a href="#slide3-toc" class="navi-toc">^</a>
|
1839
|
+
</div>
|
1840
|
+
<div class="footer-right">
|
1841
|
+
<span class="pagenum">27/50</span>
|
1842
|
+
<a href="#slide4-toc" class="navi-next">>></a>
|
1843
|
+
</div>
|
1844
|
+
<div class="footer-center">
|
1845
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1846
|
+
</div>
|
1847
|
+
</div>
|
1848
|
+
</div>
|
1849
|
+
|
1850
|
+
|
1851
|
+
<div id="slide4-toc" class="slide">
|
1852
|
+
<h2>�ܼ�</h2>
|
1853
|
+
<div class="slide-body">
|
1854
|
+
<ol class="toc">
|
1855
|
+
<li>�Ϥ���� <a href="#slide1-toc">_</a>
|
1856
|
+
</li>
|
1857
|
+
<li>Kwartz���� <a href="#slide2-toc">_</a>
|
1858
|
+
</li>
|
1859
|
+
<li>���٤ʥȥԥå� <a href="#slide3-toc">_</a>
|
1860
|
+
</li>
|
1861
|
+
<li class="current">�ǥ��쥯�ƥ���
|
1862
|
+
<ul class="subtoc">
|
1863
|
+
<li><a href="#slide4-1">�ǥ��쥯�ƥ��֤ˤĤ���</a></li>
|
1864
|
+
<li><a href="#slide4-2">�ޡ�����</a></li>
|
1865
|
+
<li><a href="#slide4-3">�ͤν���(1)</a>,
|
1866
|
+
<a href="#slide4-4">(2)</a>,
|
1867
|
+
<a href="#slide4-5">(3)</a></li>
|
1868
|
+
<li><a href="#slide4-6">�����֤�(1)</a>,
|
1869
|
+
<a href="#slide4-7">(2)</a>,
|
1870
|
+
<a href="#slide4-8">(3)</a>,
|
1871
|
+
<a href="#slide4-9">(4)</a></li>
|
1872
|
+
<li><a href="#slide4-10">���ʬ��</a></li>
|
1873
|
+
<li><a href="#slide4-11">���ߡ�����</a></li>
|
1874
|
+
<li><a href="#slide4-12">°����</a></li>
|
1875
|
+
<li><a href="#slide4-13">°�����ɲ�</a></li>
|
1876
|
+
<li><a href="#slide4-14">�ǥե������</a></li>
|
1877
|
+
<li><a href="#slide4-15">���Ƥ����Ǥ��ִ�</a></li>
|
1878
|
+
</ul>
|
1879
|
+
</li>
|
1880
|
+
<li>�ץ쥼��ơ������ѥ����� <a href="#slide5-toc">_</a>
|
1881
|
+
</li>
|
1882
|
+
</ol>
|
1883
|
+
</div>
|
1884
|
+
<div class="footer">
|
1885
|
+
<div class="footer-left">
|
1886
|
+
<a href="#slide3-5" class="navi-prev"><<</a>
|
1887
|
+
<a href="#slide-toc" class="navi-toc">^</a>
|
1888
|
+
</div>
|
1889
|
+
<div class="footer-right">
|
1890
|
+
<span class="pagenum">28/50</span>
|
1891
|
+
<a href="#slide4-1" class="navi-next">>></a>
|
1892
|
+
</div>
|
1893
|
+
<div class="footer-center">
|
1894
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1895
|
+
</div>
|
1896
|
+
</div>
|
1897
|
+
</div>
|
1898
|
+
|
1899
|
+
|
1900
|
+
<div id="slide4-1" class="slide">
|
1901
|
+
<h2>�ǥ��쥯�ƥ��֤ˤĤ���</h2>
|
1902
|
+
<div class="slide-body">
|
1903
|
+
<ul>
|
1904
|
+
<li>�ǥ��쥯�ƥ��֤Ȥϡ�
|
1905
|
+
<ul>
|
1906
|
+
<li>�ץ쥼��ơ������ǡ�����HTML�ե�����ˤ���˥ץ쥼��ơ����������å��������ि���̿��</li>
|
1907
|
+
<li>�ͤ�ɽ���������֤������ʬ���ʤɤ����Ѳ�ǽ</li>
|
1908
|
+
<li>id°���ޤ���kw:d°������ѡ����Ԥϥ������åȸ������¸�ε�ǽ�Τߡ�</li>
|
1909
|
+
</ul>
|
1910
|
+
</li>
|
1911
|
+
<li>�ʤ�����ʵ�ǽ����
|
1912
|
+
<ul>
|
1913
|
+
<li>���ѼԤ����������䤹�����<strong>Choosability</strong>��
|
1914
|
+
<ul>
|
1915
|
+
<li>�ץ쥼��ơ����������å���ʬΥ�������ͤ⤤��С�ʬΥ�������ʤ��ͤ⤤�롣<br />
|
1916
|
+
�ɤ�������֤��ϥġ�������ѼԤ�����٤��Ǥ��ꡢ�ġ�����Ԥ�����٤��ǤϤʤ���
|
1917
|
+
</li>
|
1918
|
+
</ul>
|
1919
|
+
</li>
|
1920
|
+
</ul>
|
1921
|
+
</li>
|
1922
|
+
</ul>
|
1923
|
+
</div>
|
1924
|
+
<div class="footer">
|
1925
|
+
<div class="footer-left">
|
1926
|
+
<a href="#slide4-toc" class="navi-prev"><<</a>
|
1927
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
1928
|
+
</div>
|
1929
|
+
<div class="footer-right">
|
1930
|
+
<span class="pagenum">29/50</span>
|
1931
|
+
<a href="#slide4-2" class="navi-next">>></a>
|
1932
|
+
</div>
|
1933
|
+
<div class="footer-center">
|
1934
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1935
|
+
</div>
|
1936
|
+
</div>
|
1937
|
+
</div>
|
1938
|
+
|
1939
|
+
|
1940
|
+
<div id="slide4-2" class="slide">
|
1941
|
+
<h2>�ޡ�����</h2>
|
1942
|
+
<div class="slide-body">
|
1943
|
+
<table class="n-up2" summary="">
|
1944
|
+
<tr>
|
1945
|
+
<td class="n-up2">
|
1946
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
1947
|
+
<pre class="code">
|
1948
|
+
<table <strong>id="table"</strong>>
|
1949
|
+
<tr <strong>id="mark:list"</strong>>
|
1950
|
+
<td <strong>kw:d="mark list"</strong>>foo</td>
|
1951
|
+
</tr>
|
1952
|
+
</table>
|
1953
|
+
</pre>
|
1954
|
+
<span class="caption">����ѥ�����</span>
|
1955
|
+
<pre class="code">
|
1956
|
+
<table <strong>id="table"</strong>>
|
1957
|
+
<tr>
|
1958
|
+
<td>foo</td>
|
1959
|
+
</tr>
|
1960
|
+
</table>
|
1961
|
+
</pre>
|
1962
|
+
</td>
|
1963
|
+
<td class="n-up2">
|
1964
|
+
</td>
|
1965
|
+
</tr>
|
1966
|
+
</table>
|
1967
|
+
<ul class="descr">
|
1968
|
+
<li>id°���ǻ����ǽ�ʥ������åȸ������¸�ʵ�ǽ�Τ����</li>
|
1969
|
+
<li>��id="<em>xxx</em>"�פ�ޡ����Ȥ��ư����뤬�����ϻ��˺������ʤ�</li>
|
1970
|
+
</ul>
|
1971
|
+
</div>
|
1972
|
+
<div class="footer">
|
1973
|
+
<div class="footer-left">
|
1974
|
+
<a href="#slide4-1" class="navi-prev"><<</a>
|
1975
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
1976
|
+
</div>
|
1977
|
+
<div class="footer-right">
|
1978
|
+
<span class="pagenum">30/50</span>
|
1979
|
+
<a href="#slide4-3" class="navi-next">>></a>
|
1980
|
+
</div>
|
1981
|
+
<div class="footer-center">
|
1982
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
1983
|
+
</div>
|
1984
|
+
</div>
|
1985
|
+
</div>
|
1986
|
+
|
1987
|
+
|
1988
|
+
<div id="slide4-3" class="slide">
|
1989
|
+
<h2>�ͤν���(1)</h2>
|
1990
|
+
<div class="slide-body">
|
1991
|
+
<table class="n-up2" summary="">
|
1992
|
+
<tr>
|
1993
|
+
<td class="n-up2">
|
1994
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
1995
|
+
<pre class="code">
|
1996
|
+
Hello <span <strong>kw:d="value name"</strong>>world</span>!
|
1997
|
+
|
1998
|
+
<a href="mailto:<strong>@!{user.email}@</strong>"><strong>@{user.name}@</strong></a>
|
1999
|
+
</pre>
|
2000
|
+
<span class="caption">����ѥ�����</span>
|
2001
|
+
<pre class="code">
|
2002
|
+
Hello <span><strong><%= name %></strong></span>!
|
2003
|
+
|
2004
|
+
<a href="mailto:<strong><%= user.email %></strong>"><strong><%=h user.name %></strong></a>
|
2005
|
+
</pre>
|
2006
|
+
</td>
|
2007
|
+
<td class="n-up2">
|
2008
|
+
</td>
|
2009
|
+
</tr>
|
2010
|
+
</table>
|
2011
|
+
<ul class="descr">
|
2012
|
+
<li>��kw:d="value <em>expr</em>"�פϡ����ޥ�ɥ��ץ�����-e�פǥ��������פ��롦���ʤ�������Ǥ���</li>
|
2013
|
+
<li>��-e�פ˴ؤ�餺����kw:d="Value <em>expr</em>"�פȡ�@{<em>expr</em>}@�פ�ɬ�����������פ�����kw:d="VALUE <em>expr</em>"�פȡ�@!{<em>expr</em>}@�פ�ɬ�����������פ��ʤ�</li>
|
2014
|
+
</ul>
|
2015
|
+
</div>
|
2016
|
+
<div class="footer">
|
2017
|
+
<div class="footer-left">
|
2018
|
+
<a href="#slide4-2" class="navi-prev"><<</a>
|
2019
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2020
|
+
</div>
|
2021
|
+
<div class="footer-right">
|
2022
|
+
<span class="pagenum">31/50</span>
|
2023
|
+
<a href="#slide4-4" class="navi-next">>></a>
|
2024
|
+
</div>
|
2025
|
+
<div class="footer-center">
|
2026
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2027
|
+
</div>
|
2028
|
+
</div>
|
2029
|
+
</div>
|
2030
|
+
|
2031
|
+
|
2032
|
+
<div id="slide4-4" class="slide">
|
2033
|
+
<h2>�ͤν���(2)</h2>
|
2034
|
+
<div class="slide-body">
|
2035
|
+
<table class="n-up2" summary="">
|
2036
|
+
<tr>
|
2037
|
+
<td class="n-up2">
|
2038
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2039
|
+
<pre class="code">
|
2040
|
+
<form <strong>kw:d="stag start_form_tag :action=>'create'"</strong>>
|
2041
|
+
<a href="#" <strong>kw:d="elem link_to 'List' :action=>'list'"</strong>>List</a>
|
2042
|
+
</form>
|
2043
|
+
</pre>
|
2044
|
+
<span class="caption">����ѥ�����</span>
|
2045
|
+
<pre class="code">
|
2046
|
+
<strong><%= start_form_tag :action=>'create' %></strong>
|
2047
|
+
<strong><%= link_to 'List' :action=>'list' %></strong>
|
2048
|
+
</form>
|
2049
|
+
</pre>
|
2050
|
+
</td>
|
2051
|
+
<td class="n-up2">
|
2052
|
+
</td>
|
2053
|
+
</tr>
|
2054
|
+
</table>
|
2055
|
+
<ul class="descr">
|
2056
|
+
<li>��stag�ס�cont�ס�etag�ס�elem�פ����Ѳ�ǽ
|
2057
|
+
<!--
|
2058
|
+
<ul>
|
2059
|
+
<li>kw:d="stag <em>expr</em>" �� ���ϥ������ͤ��֤�����</li>
|
2060
|
+
<li>kw:d="cont <em>expr</em>" �� ���Ƥ��ͤ��֤�����</li>
|
2061
|
+
<li>kw:d="etag <em>expr</em>" �� ��λ�������ͤ��֤�����</li>
|
2062
|
+
<li>kw:d="elem <em>expr</em>" �� ���Ǥ��ͤ��֤�����</li>
|
2063
|
+
</ul>
|
2064
|
+
-->
|
2065
|
+
</li>
|
2066
|
+
<li>��Stag�ס�ɬ�����������פ���ˤ��STAG�ס�ɬ�����������פ��ʤ��ˤ����Ѳ�ǽ
|
2067
|
+
</li>
|
2068
|
+
</ul>
|
2069
|
+
</div>
|
2070
|
+
<div class="footer">
|
2071
|
+
<div class="footer-left">
|
2072
|
+
<a href="#slide4-3" class="navi-prev"><<</a>
|
2073
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2074
|
+
</div>
|
2075
|
+
<div class="footer-right">
|
2076
|
+
<span class="pagenum">32/50</span>
|
2077
|
+
<a href="#slide4-5" class="navi-next">>></a>
|
2078
|
+
</div>
|
2079
|
+
<div class="footer-center">
|
2080
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2081
|
+
</div>
|
2082
|
+
</div>
|
2083
|
+
</div>
|
2084
|
+
|
2085
|
+
|
2086
|
+
<div id="slide4-5" class="slide">
|
2087
|
+
<h2>�ͤν���(3) �ǥե������</h2>
|
2088
|
+
<div class="slide-body">
|
2089
|
+
<table class="n-up2" summary="">
|
2090
|
+
<tr>
|
2091
|
+
<td class="n-up2">
|
2092
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2093
|
+
<pre class="code">
|
2094
|
+
Hello <span <strong>kw:d="default user"</strong>>guest</span>
|
2095
|
+
</pre>
|
2096
|
+
<span class="caption">����ѥ����̡ʼºݤˤ�1�ԡ�</span>
|
2097
|
+
<pre class="code">
|
2098
|
+
Hello <strong><% if (user) && !(user).to_s.empty? then %>
|
2099
|
+
<%= user %><% else %></strong>guest<strong><% end %></strong>
|
2100
|
+
</pre>
|
2101
|
+
</td>
|
2102
|
+
<td class="n-up2">
|
2103
|
+
</td>
|
2104
|
+
</tr>
|
2105
|
+
</table>
|
2106
|
+
<ul class="descr">
|
2107
|
+
<li>��Default�ס�ɬ�����������פ���ˤȡ�DEFAULT�ס�ɬ�����������פ��ʤ��ˤ����Ѳ�ǽ</li>
|
2108
|
+
</ul>
|
2109
|
+
</div>
|
2110
|
+
<div class="footer">
|
2111
|
+
<div class="footer-left">
|
2112
|
+
<a href="#slide4-4" class="navi-prev"><<</a>
|
2113
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2114
|
+
</div>
|
2115
|
+
<div class="footer-right">
|
2116
|
+
<span class="pagenum">33/50</span>
|
2117
|
+
<a href="#slide4-6" class="navi-next">>></a>
|
2118
|
+
</div>
|
2119
|
+
<div class="footer-center">
|
2120
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2121
|
+
</div>
|
2122
|
+
</div>
|
2123
|
+
</div>
|
2124
|
+
|
2125
|
+
|
2126
|
+
<div id="slide4-6" class="slide">
|
2127
|
+
<h2>�����֤�(1) foreach, list</h2>
|
2128
|
+
<div class="slide-body">
|
2129
|
+
<table class="n-up2" summary="">
|
2130
|
+
<tr>
|
2131
|
+
<td>
|
2132
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2133
|
+
<pre class="code">
|
2134
|
+
<ul <strong>kw:d="for item in list"</strong>>
|
2135
|
+
<li>@{item}@</li>
|
2136
|
+
</ul>
|
2137
|
+
</pre>
|
2138
|
+
<span class="caption">����ѥ�����</span>
|
2139
|
+
<pre class="code">
|
2140
|
+
<strong><% for item in list do %></strong>
|
2141
|
+
<ul>
|
2142
|
+
<li><%=h item %></li>
|
2143
|
+
</ul>
|
2144
|
+
<strong><% end %></strong>
|
2145
|
+
</pre>
|
2146
|
+
</td>
|
2147
|
+
<td>
|
2148
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2149
|
+
<pre class="code">
|
2150
|
+
<ul <strong>kw:d="list item in list"</strong>>
|
2151
|
+
<li>@{item}@</li>
|
2152
|
+
</ul>
|
2153
|
+
</pre>
|
2154
|
+
<span class="caption">����ѥ�����</span>
|
2155
|
+
<pre class="code">
|
2156
|
+
<ul>
|
2157
|
+
<strong><% for item in list do %></strong>
|
2158
|
+
<li><%=h item %></li>
|
2159
|
+
<strong><% end %></strong>
|
2160
|
+
</ul>
|
2161
|
+
</pre>
|
2162
|
+
</td>
|
2163
|
+
</tr>
|
2164
|
+
</table>
|
2165
|
+
<ul class="descr">
|
2166
|
+
<li>�������Τޤ������Ƥ������֤�</li>
|
2167
|
+
</ul>
|
2168
|
+
</div>
|
2169
|
+
<div class="footer">
|
2170
|
+
<div class="footer-left">
|
2171
|
+
<a href="#slide4-5" class="navi-prev"><<</a>
|
2172
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2173
|
+
</div>
|
2174
|
+
<div class="footer-right">
|
2175
|
+
<span class="pagenum">34/50</span>
|
2176
|
+
<a href="#slide4-7" class="navi-next">>></a>
|
2177
|
+
</div>
|
2178
|
+
<div class="footer-center">
|
2179
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2180
|
+
</div>
|
2181
|
+
</div>
|
2182
|
+
</div>
|
2183
|
+
|
2184
|
+
|
2185
|
+
<div id="slide4-7" class="slide">
|
2186
|
+
<h2>�����֤�(2) Foreach, List</h2>
|
2187
|
+
<div class="slide-body">
|
2188
|
+
<table class="n-up2" summary="">
|
2189
|
+
<tr>
|
2190
|
+
<td>
|
2191
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2192
|
+
<pre class="code">
|
2193
|
+
<ul <strong>kw:d="For item in list"</strong>>
|
2194
|
+
<li>@{item}@</li>
|
2195
|
+
</ul>
|
2196
|
+
</pre>
|
2197
|
+
<span class="caption">����ѥ�����</span>
|
2198
|
+
<pre class="code">
|
2199
|
+
<strong><% item_ctr = 0 %></strong>
|
2200
|
+
<strong><% for item in list do %></strong>
|
2201
|
+
<strong><% item_ctr += 1 %></strong>
|
2202
|
+
<ul>
|
2203
|
+
<li><%=h item %></li>
|
2204
|
+
</ul>
|
2205
|
+
<strong><% end %></strong>
|
2206
|
+
</pre>
|
2207
|
+
</td>
|
2208
|
+
<td>
|
2209
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2210
|
+
<pre class="code">
|
2211
|
+
<ul <strong>kw:d="List item in list"</strong>>
|
2212
|
+
<li>@{item}@</li>
|
2213
|
+
</ul>
|
2214
|
+
</pre>
|
2215
|
+
<span class="caption">����ѥ�����</span>
|
2216
|
+
<pre class="code">
|
2217
|
+
<ul>
|
2218
|
+
<strong><% item_ctr = 0 %></strong>
|
2219
|
+
<strong><% for item in list do %></strong>
|
2220
|
+
<strong><% item_ctr += 1 %></strong>
|
2221
|
+
<li><%=h item %></li>
|
2222
|
+
<strong><% end %></strong>
|
2223
|
+
</ul>
|
2224
|
+
</pre>
|
2225
|
+
</td>
|
2226
|
+
</tr>
|
2227
|
+
</table>
|
2228
|
+
<ul class="descr">
|
2229
|
+
<li>�롼�ץ�����ưŪ�˺������Ʒ����֤�</li>
|
2230
|
+
</ul>
|
2231
|
+
</div>
|
2232
|
+
<div class="footer">
|
2233
|
+
<div class="footer-left">
|
2234
|
+
<a href="#slide4-6" class="navi-prev"><<</a>
|
2235
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2236
|
+
</div>
|
2237
|
+
<div class="footer-right">
|
2238
|
+
<span class="pagenum">35/50</span>
|
2239
|
+
<a href="#slide4-8" class="navi-next">>></a>
|
2240
|
+
</div>
|
2241
|
+
<div class="footer-center">
|
2242
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2243
|
+
</div>
|
2244
|
+
</div>
|
2245
|
+
</div>
|
2246
|
+
|
2247
|
+
|
2248
|
+
<div id="slide4-8" class="slide">
|
2249
|
+
<h2>�����֤�(3) FOREACH, LIST</h2>
|
2250
|
+
<div class="slide-body">
|
2251
|
+
<table class="n-up2" summary="">
|
2252
|
+
<tr>
|
2253
|
+
<td class="n-up2">
|
2254
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2255
|
+
<pre class="code">
|
2256
|
+
<tr class="@!{item_tgl}@" <strong>kw:d="FOR item in list"</strong>>
|
2257
|
+
<td>@{item}@</td>
|
2258
|
+
</tr>
|
2259
|
+
</pre>
|
2260
|
+
<span class="caption">����ѥ�����</span>
|
2261
|
+
<pre class="code">
|
2262
|
+
<strong><% item_ctr = 0 %></strong>
|
2263
|
+
<strong><% for item in list do %></strong>
|
2264
|
+
<strong><% item_ctr += 1 %></strong>
|
2265
|
+
<strong><% item_tgl = item_ctr%2==0 ? 'even' : 'odd' %></strong>
|
2266
|
+
<tr class="<%= item_tgl %>">
|
2267
|
+
<td><%=h item %></td>
|
2268
|
+
</tr>
|
2269
|
+
<strong><% end %></strong>
|
2270
|
+
</pre>
|
2271
|
+
</td>
|
2272
|
+
<td class="n-up2">
|
2273
|
+
</td>
|
2274
|
+
</tr>
|
2275
|
+
</table>
|
2276
|
+
<ul class="descr">
|
2277
|
+
<li>�롼�ץ����ȥȥ����ѿ���ưŪ�˺������Ʒ����֤�</li>
|
2278
|
+
</ul>
|
2279
|
+
</div>
|
2280
|
+
<div class="footer">
|
2281
|
+
<div class="footer-left">
|
2282
|
+
<a href="#slide4-7" class="navi-prev"><<</a>
|
2283
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2284
|
+
</div>
|
2285
|
+
<div class="footer-right">
|
2286
|
+
<span class="pagenum">36/50</span>
|
2287
|
+
<a href="#slide4-9" class="navi-next">>></a>
|
2288
|
+
</div>
|
2289
|
+
<div class="footer-center">
|
2290
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2291
|
+
</div>
|
2292
|
+
</div>
|
2293
|
+
</div>
|
2294
|
+
|
2295
|
+
|
2296
|
+
<div id="slide4-9" class="slide">
|
2297
|
+
<h2>�����֤�(4) while, loop</h2>
|
2298
|
+
<div class="slide-body">
|
2299
|
+
<table class="n-up2" summary="">
|
2300
|
+
<tr>
|
2301
|
+
<td>
|
2302
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2303
|
+
<pre class="code">
|
2304
|
+
<ul <strong>kw:d="while r = h.fetch()"</strong>>
|
2305
|
+
<li>@{r['name']}@</li>
|
2306
|
+
</ul>
|
2307
|
+
</pre>
|
2308
|
+
<span class="caption">����ѥ�����</span>
|
2309
|
+
<pre class="code">
|
2310
|
+
<strong><% while r = h.fetch() do %></strong>
|
2311
|
+
<ul>
|
2312
|
+
<li><%=h r['name'] %></li>
|
2313
|
+
</ul>
|
2314
|
+
<strong><% end %></strong>
|
2315
|
+
</pre>
|
2316
|
+
</td>
|
2317
|
+
<td>
|
2318
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2319
|
+
<pre class="code">
|
2320
|
+
<ul <strong>kw:d="loop r = h.fetch()"</strong>>
|
2321
|
+
<li>@{r['name']}@</li>
|
2322
|
+
</ul>
|
2323
|
+
</pre>
|
2324
|
+
<span class="caption">����ѥ�����</span>
|
2325
|
+
<pre class="code">
|
2326
|
+
<ul>
|
2327
|
+
<strong><% while r = h.fetch() do %></strong>
|
2328
|
+
<li><%=h r['name'] %></li>
|
2329
|
+
<strong><% end %></strong>
|
2330
|
+
</ul>
|
2331
|
+
</pre>
|
2332
|
+
</td>
|
2333
|
+
</tr>
|
2334
|
+
</table>
|
2335
|
+
<ul class="descr">
|
2336
|
+
<li>�������Τޤ������Ƥ������֤�</li>
|
2337
|
+
</ul>
|
2338
|
+
</div>
|
2339
|
+
<div class="footer">
|
2340
|
+
<div class="footer-left">
|
2341
|
+
<a href="#slide4-8" class="navi-prev"><<</a>
|
2342
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2343
|
+
</div>
|
2344
|
+
<div class="footer-right">
|
2345
|
+
<span class="pagenum">37/50</span>
|
2346
|
+
<a href="#slide4-10" class="navi-next">>></a>
|
2347
|
+
</div>
|
2348
|
+
<div class="footer-center">
|
2349
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2350
|
+
</div>
|
2351
|
+
</div>
|
2352
|
+
</div>
|
2353
|
+
|
2354
|
+
|
2355
|
+
<div id="slide4-10" class="slide">
|
2356
|
+
<h2>���ʬ��</h2>
|
2357
|
+
<div class="slide-body">
|
2358
|
+
<table class="n-up2" summary="">
|
2359
|
+
<tr>
|
2360
|
+
<td class="n-up2">
|
2361
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2362
|
+
<pre class="code">
|
2363
|
+
<p <strong>kw:d="if val > 0"</strong>>
|
2364
|
+
val is positive.
|
2365
|
+
</p>
|
2366
|
+
<p <strong>kw:d="elsif val < 0"</strong>>
|
2367
|
+
val is negative.
|
2368
|
+
</p>
|
2369
|
+
<p <strong>kw:d="else "</strong>>
|
2370
|
+
val is zero.
|
2371
|
+
</p>
|
2372
|
+
</pre>
|
2373
|
+
</td>
|
2374
|
+
<td class="n-up2">
|
2375
|
+
<span class="caption">����ѥ�����</span>
|
2376
|
+
<pre class="code">
|
2377
|
+
<strong><% if val > 0 %></strong>
|
2378
|
+
<p>
|
2379
|
+
val is positive.
|
2380
|
+
</p>
|
2381
|
+
<strong><% elsif val < 0 %></strong>
|
2382
|
+
<p>
|
2383
|
+
val is negative.
|
2384
|
+
</p>
|
2385
|
+
<strong><% else %></strong>
|
2386
|
+
<p>
|
2387
|
+
val is zero.
|
2388
|
+
</p>
|
2389
|
+
<strong><% end %></strong>
|
2390
|
+
</pre>
|
2391
|
+
</td>
|
2392
|
+
</tr>
|
2393
|
+
</table>
|
2394
|
+
<ul class="descr">
|
2395
|
+
<!--
|
2396
|
+
<li>if�����Ǥʤ�elsif��else����Ѳ�ǽ</li>
|
2397
|
+
-->
|
2398
|
+
<li>if��elsif��else�����ꤵ�줿���������ܤ��Ƥ���ɬ�פ�����ʴ֤˶��Ԥ����äƤϤ����ʤ���</li>
|
2399
|
+
</ul>
|
2400
|
+
</div>
|
2401
|
+
<div class="footer">
|
2402
|
+
<div class="footer-left">
|
2403
|
+
<a href="#slide4-9" class="navi-prev"><<</a>
|
2404
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2405
|
+
</div>
|
2406
|
+
<div class="footer-right">
|
2407
|
+
<span class="pagenum">38/50</span>
|
2408
|
+
<a href="#slide4-11" class="navi-next">>></a>
|
2409
|
+
</div>
|
2410
|
+
<div class="footer-center">
|
2411
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2412
|
+
</div>
|
2413
|
+
</div>
|
2414
|
+
</div>
|
2415
|
+
|
2416
|
+
|
2417
|
+
<div id="slide4-11" class="slide">
|
2418
|
+
<h2>����</h2>
|
2419
|
+
<div class="slide-body">
|
2420
|
+
<table class="n-up2" summary="">
|
2421
|
+
<tr>
|
2422
|
+
<td class="n-up2">
|
2423
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2424
|
+
<pre class="code">
|
2425
|
+
<table <strong>kw:d="set i=0"</strong>>
|
2426
|
+
<tbody kw:d="list item in items">
|
2427
|
+
<tr <strong>kw:d="set i+=1"</strong>>
|
2428
|
+
<td>@!{i}@</td>
|
2429
|
+
<td>@{item}@</td>
|
2430
|
+
</tr>
|
2431
|
+
</tbody>
|
2432
|
+
</table>
|
2433
|
+
</pre>
|
2434
|
+
</td>
|
2435
|
+
<td class="n-up2">
|
2436
|
+
<span class="caption">����ѥ�����</span>
|
2437
|
+
<pre class="code">
|
2438
|
+
<strong><% i=0 %></strong>
|
2439
|
+
<table>
|
2440
|
+
<tbody>
|
2441
|
+
<% for item in items do %>
|
2442
|
+
<strong><% i+=1 %></strong>
|
2443
|
+
<tr>
|
2444
|
+
<td><%= i %></td>
|
2445
|
+
<td><%=h item %></td>
|
2446
|
+
</tr>
|
2447
|
+
<% end %>
|
2448
|
+
</tbody>
|
2449
|
+
</table>
|
2450
|
+
</pre>
|
2451
|
+
</td>
|
2452
|
+
</tr>
|
2453
|
+
</table>
|
2454
|
+
<ul class="descr">
|
2455
|
+
<li>�����������������������</li>
|
2456
|
+
</ul>
|
2457
|
+
</div>
|
2458
|
+
<div class="footer">
|
2459
|
+
<div class="footer-left">
|
2460
|
+
<a href="#slide4-10" class="navi-prev"><<</a>
|
2461
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2462
|
+
</div>
|
2463
|
+
<div class="footer-right">
|
2464
|
+
<span class="pagenum">39/50</span>
|
2465
|
+
<a href="#slide4-12" class="navi-next">>></a>
|
2466
|
+
</div>
|
2467
|
+
<div class="footer-center">
|
2468
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2469
|
+
</div>
|
2470
|
+
</div>
|
2471
|
+
</div>
|
2472
|
+
|
2473
|
+
|
2474
|
+
<div id="slide4-12" class="slide">
|
2475
|
+
<h2>���ߡ�����</h2>
|
2476
|
+
<div class="slide-body">
|
2477
|
+
<table class="n-up2" summary="">
|
2478
|
+
<tr>
|
2479
|
+
<td>
|
2480
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2481
|
+
<pre class="code">
|
2482
|
+
<table>
|
2483
|
+
<tr bgcolor="#FCC">
|
2484
|
+
<td>foo</td>
|
2485
|
+
</tr>
|
2486
|
+
<tr bgcolor="#CCF" <strong>id="dummy:d1"</strong>>
|
2487
|
+
<td>bar</td>
|
2488
|
+
</tr>
|
2489
|
+
<tr bgcolor="#FCC" <strong>kw:d="dummy "</strong>>
|
2490
|
+
<td>baz</td>
|
2491
|
+
</tr>
|
2492
|
+
</table>
|
2493
|
+
</pre>
|
2494
|
+
</td>
|
2495
|
+
<td>
|
2496
|
+
<span class="caption">����ѥ�����</span>
|
2497
|
+
<pre class="code">
|
2498
|
+
<table>
|
2499
|
+
<tr bgcolor="#FCC">
|
2500
|
+
<td>foo</td>
|
2501
|
+
</tr>
|
2502
|
+
</table>
|
2503
|
+
</pre>
|
2504
|
+
</td>
|
2505
|
+
</tr>
|
2506
|
+
</table>
|
2507
|
+
<ul class="descr">
|
2508
|
+
<li>id°���ǻ����ǽ�ʥ������åȸ������¸�ʵ�ǽ�Τ����</li>
|
2509
|
+
<li>id°�����ͤ��Ťʤ�ʤ��褦����id="dummy:<strong><em>xxx</em></strong>"�פˤ�Ŭ����ʸ��������</li>
|
2510
|
+
</ul>
|
2511
|
+
</div>
|
2512
|
+
<div class="footer">
|
2513
|
+
<div class="footer-left">
|
2514
|
+
<a href="#slide4-11" class="navi-prev"><<</a>
|
2515
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2516
|
+
</div>
|
2517
|
+
<div class="footer-right">
|
2518
|
+
<span class="pagenum">40/50</span>
|
2519
|
+
<a href="#slide4-13" class="navi-next">>></a>
|
2520
|
+
</div>
|
2521
|
+
<div class="footer-center">
|
2522
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2523
|
+
</div>
|
2524
|
+
</div>
|
2525
|
+
</div>
|
2526
|
+
|
2527
|
+
|
2528
|
+
<div id="slide4-13" class="slide">
|
2529
|
+
<h2>°����</h2>
|
2530
|
+
<div class="slide-body">
|
2531
|
+
<table class="n-up2" summary="">
|
2532
|
+
<tr>
|
2533
|
+
<td class="n-up2">
|
2534
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2535
|
+
<pre class="code">
|
2536
|
+
<p bgcolor="#FCC"
|
2537
|
+
<strong>kw:d="attr 'bgcolor' color; attr 'class' klass"</strong>>
|
2538
|
+
Hello world
|
2539
|
+
</p>
|
2540
|
+
</pre>
|
2541
|
+
<span class="caption">����ѥ�����</span>
|
2542
|
+
<pre class="code">
|
2543
|
+
<p bgcolor="<strong><%= color %></strong>" <strong>class="<%= klass %>"</strong>>
|
2544
|
+
Hello world
|
2545
|
+
</p>
|
2546
|
+
</pre>
|
2547
|
+
</td>
|
2548
|
+
<td class="n-up2">
|
2549
|
+
</td>
|
2550
|
+
</tr>
|
2551
|
+
</table>
|
2552
|
+
<ul class="descr">
|
2553
|
+
<li>���ߥ�����Ƕ��ڤä�ʣ�������ǽ</li>
|
2554
|
+
<li>��Attr�ס�ɬ�����������פ���ˤȡ�ATTR�ס�ɬ�����������פ��ʤ��ˤ����Ѳ�ǽ</li>
|
2555
|
+
</ul>
|
2556
|
+
</div>
|
2557
|
+
<div class="footer">
|
2558
|
+
<div class="footer-left">
|
2559
|
+
<a href="#slide4-12" class="navi-prev"><<</a>
|
2560
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2561
|
+
</div>
|
2562
|
+
<div class="footer-right">
|
2563
|
+
<span class="pagenum">41/50</span>
|
2564
|
+
<a href="#slide4-14" class="navi-next">>></a>
|
2565
|
+
</div>
|
2566
|
+
<div class="footer-center">
|
2567
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2568
|
+
</div>
|
2569
|
+
</div>
|
2570
|
+
</div>
|
2571
|
+
|
2572
|
+
|
2573
|
+
<div id="slide4-14" class="slide">
|
2574
|
+
<h2>°�����ɲ�</h2>
|
2575
|
+
<div class="slide-body">
|
2576
|
+
<table class="n-up2" summary="">
|
2577
|
+
<tr>
|
2578
|
+
<td class="n-up2">
|
2579
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2580
|
+
<pre class="code">
|
2581
|
+
<input type="checkbox" <strong>kw:d="append cond ? ' checked' : ''"</strong>>
|
2582
|
+
</pre>
|
2583
|
+
<span class="caption">����ѥ�����</span>
|
2584
|
+
<pre class="code">
|
2585
|
+
<input type="checkbox"<strong><%= cond ? ' checked' : '' %></strong>>
|
2586
|
+
</pre>
|
2587
|
+
</td>
|
2588
|
+
<td class="n-up2">
|
2589
|
+
</td>
|
2590
|
+
</tr>
|
2591
|
+
</table>
|
2592
|
+
<ul class="descr">
|
2593
|
+
<li>���ߥ�����Ƕ��ڤä�ʣ�������ǽ</li>
|
2594
|
+
<li>��Append�ס�ɬ�����������פ���ˤȡ�APPEND�ס�ɬ�����������פ��ʤ��ˤ����Ѳ�ǽ</li>
|
2595
|
+
</ul>
|
2596
|
+
</div>
|
2597
|
+
<div class="footer">
|
2598
|
+
<div class="footer-left">
|
2599
|
+
<a href="#slide4-13" class="navi-prev"><<</a>
|
2600
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2601
|
+
</div>
|
2602
|
+
<div class="footer-right">
|
2603
|
+
<span class="pagenum">42/50</span>
|
2604
|
+
<a href="#slide4-15" class="navi-next">>></a>
|
2605
|
+
</div>
|
2606
|
+
<div class="footer-center">
|
2607
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2608
|
+
</div>
|
2609
|
+
</div>
|
2610
|
+
</div>
|
2611
|
+
|
2612
|
+
|
2613
|
+
<div id="slide4-15" class="slide">
|
2614
|
+
<h2>���Ǥ����Ƥ��ִ�</h2>
|
2615
|
+
<div class="slide-body">
|
2616
|
+
<table class="n-up2" summary="">
|
2617
|
+
<tr>
|
2618
|
+
<td class="n-up2">
|
2619
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2620
|
+
<pre class="code">
|
2621
|
+
<div id="nav">
|
2622
|
+
<a href="/">Top</a> &lt;
|
2623
|
+
Documents
|
2624
|
+
</div>
|
2625
|
+
...
|
2626
|
+
<div
|
2627
|
+
<strong>id="replace_content_with_content:nav"</strong>>
|
2628
|
+
Top &lt; Documents
|
2629
|
+
</div>
|
2630
|
+
</pre>
|
2631
|
+
</td>
|
2632
|
+
<td>
|
2633
|
+
<span class="caption">����ѥ�����</span>
|
2634
|
+
<pre class="code">
|
2635
|
+
<div id="nav">
|
2636
|
+
<a href="/">Top</a> &lt;
|
2637
|
+
Documents
|
2638
|
+
</div>
|
2639
|
+
...
|
2640
|
+
<strong><div>
|
2641
|
+
<a href="/">Top</a> &lt;
|
2642
|
+
Documents
|
2643
|
+
</div></strong>
|
2644
|
+
</pre>
|
2645
|
+
</td>
|
2646
|
+
</tr>
|
2647
|
+
</table>
|
2648
|
+
<ul class="descr">
|
2649
|
+
<li>escape_element_with_element �� �������Τ�¾�����Ǥ��ִ�</li>
|
2650
|
+
<li>escape_element_with_content �� �������Τ�¾�����Ǥ����Ƥ��ִ�</li>
|
2651
|
+
<li>escape_content_with_element �� ���Ǥ����Ƥ�¾�����Ǥ��ִ�</li>
|
2652
|
+
<li>escape_content_with_content �� ���Ǥ����Ƥ�¾�����Ǥ����Ƥ��ִ�</li>
|
2653
|
+
</ul>
|
2654
|
+
</div>
|
2655
|
+
<div class="footer">
|
2656
|
+
<div class="footer-left">
|
2657
|
+
<a href="#slide4-14" class="navi-prev"><<</a>
|
2658
|
+
<a href="#slide4-toc" class="navi-toc">^</a>
|
2659
|
+
</div>
|
2660
|
+
<div class="footer-right">
|
2661
|
+
<span class="pagenum">43/50</span>
|
2662
|
+
<a href="#slide5-toc" class="navi-next">>></a>
|
2663
|
+
</div>
|
2664
|
+
<div class="footer-center">
|
2665
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2666
|
+
</div>
|
2667
|
+
</div>
|
2668
|
+
</div>
|
2669
|
+
|
2670
|
+
|
2671
|
+
<div id="slide5-toc" class="slide">
|
2672
|
+
<h2>�ܼ�</h2>
|
2673
|
+
<div class="slide-body">
|
2674
|
+
<ol class="toc">
|
2675
|
+
<li>�Ϥ���� <a href="#slide1-toc">_</a>
|
2676
|
+
</li>
|
2677
|
+
<li>Kwartz���� <a href="#slide2-toc">_</a>
|
2678
|
+
</li>
|
2679
|
+
<li>���٤ʥȥԥå� <a href="#slide3-toc">_</a>
|
2680
|
+
</li>
|
2681
|
+
<li>�ǥ��쥯�ƥ��� <a href="#slide4-toc">_</a>
|
2682
|
+
</li>
|
2683
|
+
<li class="current">�ץ쥼��ơ������ѥ�����
|
2684
|
+
<ul class="subtoc">
|
2685
|
+
<li><a href="#slide5-1">�ץ쥼��ơ������ѥ�����Ȥϡ�</a></li>
|
2686
|
+
<li><a href="#slide5-2">Replace Element/Content with Element/Content Pattern</a></li>
|
2687
|
+
<li><a href="#slide5-3">Select Element/Content Pattern</a></li>
|
2688
|
+
<li><a href="#slide5-4">Pick-up Element/Content Pattern</a></li>
|
2689
|
+
<li><a href="#slide5-5">Extract Element/Content Pattern</a></li>
|
2690
|
+
</ul>
|
2691
|
+
</li>
|
2692
|
+
</ol>
|
2693
|
+
</div>
|
2694
|
+
<div class="footer">
|
2695
|
+
<div class="footer-left">
|
2696
|
+
<a href="#slide4-15" class="navi-prev"><<</a>
|
2697
|
+
<a href="#slide-toc" class="navi-toc">^</a>
|
2698
|
+
</div>
|
2699
|
+
<div class="footer-right">
|
2700
|
+
<span class="pagenum">44/50</span>
|
2701
|
+
<a href="#slide5-1" class="navi-next">>></a>
|
2702
|
+
</div>
|
2703
|
+
<div class="footer-center">
|
2704
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2705
|
+
</div>
|
2706
|
+
</div>
|
2707
|
+
</div>
|
2708
|
+
|
2709
|
+
|
2710
|
+
<div id="slide5-1" class="slide">
|
2711
|
+
<h2>�ץ쥼��ơ������ѥ�����Ȥϡ�</h2>
|
2712
|
+
<div class="slide-body">
|
2713
|
+
<ul>
|
2714
|
+
<li>�ץ쥼��ơ����������å��ˤ���������С�</li>
|
2715
|
+
<li>����
|
2716
|
+
<ul style="font-size: 14pt">
|
2717
|
+
<li>Replace Element/Content with Value/Element/Content Pattern</li>
|
2718
|
+
<li>Default Content Pattern</li>
|
2719
|
+
<li>Delete Element/Content/Tag Pattern</li>
|
2720
|
+
<li>Iterate Element/Content Pattern</li>
|
2721
|
+
<li>Select Element/Content Pattern</li>
|
2722
|
+
<li>Pick-up Element/Content Pattern</li>
|
2723
|
+
<li>Extract Element/Content Pattern</li>
|
2724
|
+
</ul>
|
2725
|
+
</li>
|
2726
|
+
<li>�ܺ٤�
|
2727
|
+
��<a href="http://www.kuwata-lab.com/kwartz/kwartz3ruby-pattern-catalog.html">Presentation Pattern Catalog</a>��
|
2728
|
+
�ȤΤ���
|
2729
|
+
</li>
|
2730
|
+
</ul>
|
2731
|
+
</div>
|
2732
|
+
<div class="footer">
|
2733
|
+
<div class="footer-left">
|
2734
|
+
<a href="#slide5-toc" class="navi-prev"><<</a>
|
2735
|
+
<a href="#slide5-toc" class="navi-toc">^</a>
|
2736
|
+
</div>
|
2737
|
+
<div class="footer-right">
|
2738
|
+
<span class="pagenum">45/50</span>
|
2739
|
+
<a href="#slide5-2" class="navi-next">>></a>
|
2740
|
+
</div>
|
2741
|
+
<div class="footer-center">
|
2742
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2743
|
+
</div>
|
2744
|
+
</div>
|
2745
|
+
</div>
|
2746
|
+
|
2747
|
+
|
2748
|
+
<div id="slide5-2" class="slide">
|
2749
|
+
<h2>Replace Elem/Cont with Elem/Cont Pattern</h2>
|
2750
|
+
<div class="slide-body">
|
2751
|
+
<ul>
|
2752
|
+
<li>�ޡ����������Ǥ����Ƥ��̤����Ǥ����Ƥ��֤���������̥ե�������Ǥ�ġ�</li>
|
2753
|
+
</ul>
|
2754
|
+
<table class="n-up2" summary="">
|
2755
|
+
<tr>
|
2756
|
+
<td class="n-up2">
|
2757
|
+
<span class="caption">�ץ쥼��ơ������ǡ����ʥ쥤�����ȡ�</span>
|
2758
|
+
<pre class="code2">
|
2759
|
+
<html lang="en">
|
2760
|
+
<body onload="init()">
|
2761
|
+
<div <strong>id="placeholder"</strong>>...</div>
|
2762
|
+
</body>
|
2763
|
+
</html>
|
2764
|
+
</pre>
|
2765
|
+
<span class="caption">�ץ쥼��ơ������ǡ����ʥ���ƥ�ġ�</span>
|
2766
|
+
<pre class="code2">
|
2767
|
+
<html><body>
|
2768
|
+
<div <strong>id="mark:pagecontent"</strong>>
|
2769
|
+
Hello Kwartz!
|
2770
|
+
</div>
|
2771
|
+
</body></html>
|
2772
|
+
</pre>
|
2773
|
+
</td>
|
2774
|
+
<td>
|
2775
|
+
<span class="caption">�ץ쥼��ơ����������å�</span>
|
2776
|
+
<pre class="code2">
|
2777
|
+
<strong>#placeholder</strong> {
|
2778
|
+
logic: {
|
2779
|
+
<strong>_element(pagecontent)</strong>
|
2780
|
+
}
|
2781
|
+
}
|
2782
|
+
</pre>
|
2783
|
+
<span class="caption">����ѥ�����</span>
|
2784
|
+
<pre class="code2">
|
2785
|
+
<html lang="en">
|
2786
|
+
<body onload="init()">
|
2787
|
+
<strong><div></strong>
|
2788
|
+
<strong>Hello Kwartz!</strong>
|
2789
|
+
<strong></div></strong>
|
2790
|
+
</body>
|
2791
|
+
</html>
|
2792
|
+
</pre>
|
2793
|
+
</td>
|
2794
|
+
</tr>
|
2795
|
+
</table>
|
2796
|
+
</div>
|
2797
|
+
<div class="footer">
|
2798
|
+
<div class="footer-left">
|
2799
|
+
<a href="#slide5-1" class="navi-prev"><<</a>
|
2800
|
+
<a href="#slide5-toc" class="navi-toc">^</a>
|
2801
|
+
</div>
|
2802
|
+
<div class="footer-right">
|
2803
|
+
<span class="pagenum">46/50</span>
|
2804
|
+
<a href="#slide5-3" class="navi-next">>></a>
|
2805
|
+
</div>
|
2806
|
+
<div class="footer-center">
|
2807
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2808
|
+
</div>
|
2809
|
+
</div>
|
2810
|
+
</div>
|
2811
|
+
|
2812
|
+
|
2813
|
+
<div id="slide5-3" class="slide">
|
2814
|
+
<h2>Select Element/Content Pattern</h2>
|
2815
|
+
<div class="slide-body">
|
2816
|
+
<ul>
|
2817
|
+
<li>�ޡ������줿ʣ�������Ǥ���ҤȤĤ�������</li>
|
2818
|
+
</ul>
|
2819
|
+
<table class="n-up2" summary="">
|
2820
|
+
<tr>
|
2821
|
+
<td class="n-up2">
|
2822
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2823
|
+
<pre class="code2">
|
2824
|
+
<div id="mark:message">
|
2825
|
+
<p style="color:red"
|
2826
|
+
<strong>id="mark:error"</strong>>ERROR!</p>
|
2827
|
+
<p style="color:blue"
|
2828
|
+
<strong>id="mark:warning"</strong>>Warning:</p>
|
2829
|
+
<p <strong>id="mark:good"</strong>>No error.</p>
|
2830
|
+
</div>
|
2831
|
+
</pre>
|
2832
|
+
<span class="caption">����ѥ�����</span>
|
2833
|
+
<pre class="code2">
|
2834
|
+
<% if status == 'error' %>
|
2835
|
+
<strong><p style="color:red">ERROR!</p></strong>
|
2836
|
+
<% else if status == 'warning' %>
|
2837
|
+
<strong><p style="color:blue">Warning:</p></strong>
|
2838
|
+
<% else %>
|
2839
|
+
<strong><p>No error.</p></strong>
|
2840
|
+
<% end %>
|
2841
|
+
</pre>
|
2842
|
+
</td>
|
2843
|
+
<td>
|
2844
|
+
<span class="caption">�ץ쥼��ơ����������å�</span>
|
2845
|
+
<pre class="code2">
|
2846
|
+
#message {
|
2847
|
+
logic: {
|
2848
|
+
if status == 'error'
|
2849
|
+
<strong>_element(error)</strong>
|
2850
|
+
else if status == 'warning'
|
2851
|
+
<strong>_element(warning)</strong>
|
2852
|
+
else
|
2853
|
+
<strong>_element(good)</strong>
|
2854
|
+
end
|
2855
|
+
}
|
2856
|
+
}
|
2857
|
+
</pre>
|
2858
|
+
</td>
|
2859
|
+
</tr>
|
2860
|
+
</table>
|
2861
|
+
</div>
|
2862
|
+
<div class="footer">
|
2863
|
+
<div class="footer-left">
|
2864
|
+
<a href="#slide5-2" class="navi-prev"><<</a>
|
2865
|
+
<a href="#slide5-toc" class="navi-toc">^</a>
|
2866
|
+
</div>
|
2867
|
+
<div class="footer-right">
|
2868
|
+
<span class="pagenum">47/50</span>
|
2869
|
+
<a href="#slide5-4" class="navi-next">>></a>
|
2870
|
+
</div>
|
2871
|
+
<div class="footer-center">
|
2872
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2873
|
+
</div>
|
2874
|
+
</div>
|
2875
|
+
</div>
|
2876
|
+
|
2877
|
+
|
2878
|
+
<div id="slide5-4" class="slide">
|
2879
|
+
<h2>Pick-up Element/Content Pattern</h2>
|
2880
|
+
<div class="slide-body">
|
2881
|
+
<ul>
|
2882
|
+
<li>��_stag�פ��_cont�פ�Ȥ鷺���ޡ�����������/���Ƥ�����Ȥ�</li>
|
2883
|
+
</ul>
|
2884
|
+
<table class="n-up2" summary="">
|
2885
|
+
<tr>
|
2886
|
+
<td class="n-up2">
|
2887
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2888
|
+
<pre class="code2">
|
2889
|
+
<div <strong>id="breadcrumbs"</strong>>
|
2890
|
+
<a href="/" <strong>id="mark:crumb"</strong>>Home</a>
|
2891
|
+
<span <strong>id="mark:separator"</strong>>&gt;</span>
|
2892
|
+
<a href="/aaa/">AAA</a> &gt;
|
2893
|
+
<a href="/aaa/bbb/">BBB</a> &gt;
|
2894
|
+
<a href="/aaa/bbb/ccc">CCC</a> &gt;
|
2895
|
+
<strong <strong>id="mark:title"</strong>>title</strong>
|
2896
|
+
</div>
|
2897
|
+
</pre>
|
2898
|
+
<span class="caption">����ѥ�����</span>
|
2899
|
+
<pre class="code2">
|
2900
|
+
<% for item in list %>
|
2901
|
+
<strong><a href="<%=e.path%>"><%=e.name%></a></strong>
|
2902
|
+
<strong>&gt;</strong><% end %>
|
2903
|
+
<strong><strong><%= doctitle %></strong></strong>
|
2904
|
+
</pre>
|
2905
|
+
</td>
|
2906
|
+
<td>
|
2907
|
+
<span class="caption">�ץ쥼��ơ����������å�</span>
|
2908
|
+
<pre class="code2">
|
2909
|
+
<strong>#breadcrumbs</strong> {
|
2910
|
+
logic: {
|
2911
|
+
for e in items
|
2912
|
+
<strong>_element(crumb)</strong>
|
2913
|
+
<strong>_content(separator)</strong>
|
2914
|
+
end
|
2915
|
+
<strong>_element(title)</strong>
|
2916
|
+
}
|
2917
|
+
}
|
2918
|
+
#crumb {
|
2919
|
+
value: e.name;
|
2920
|
+
attrs: 'href' e.path;
|
2921
|
+
}
|
2922
|
+
#title {
|
2923
|
+
value: doctitle;
|
2924
|
+
}
|
2925
|
+
</pre>
|
2926
|
+
</td>
|
2927
|
+
</tr>
|
2928
|
+
</table>
|
2929
|
+
</div>
|
2930
|
+
<div class="footer">
|
2931
|
+
<div class="footer-left">
|
2932
|
+
<a href="#slide5-3" class="navi-prev"><<</a>
|
2933
|
+
<a href="#slide5-toc" class="navi-toc">^</a>
|
2934
|
+
</div>
|
2935
|
+
<div class="footer-right">
|
2936
|
+
<span class="pagenum">48/50</span>
|
2937
|
+
<a href="#slide5-5" class="navi-next">>></a>
|
2938
|
+
</div>
|
2939
|
+
<div class="footer-center">
|
2940
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
2941
|
+
</div>
|
2942
|
+
</div>
|
2943
|
+
</div>
|
2944
|
+
|
2945
|
+
|
2946
|
+
<div id="slide5-5" class="slide">
|
2947
|
+
<h2>Extract Element/Content Pattern</h2>
|
2948
|
+
<div class="slide-body">
|
2949
|
+
<ul>
|
2950
|
+
<li>�ޡ����������Ǥ�������Ф���HTML���Ǥ����ʲ���</li>
|
2951
|
+
</ul>
|
2952
|
+
<table class="n-up2" summary="">
|
2953
|
+
<tr>
|
2954
|
+
<td class="n-up2">
|
2955
|
+
<span class="caption">�ץ쥼��ơ������ǡ���</span>
|
2956
|
+
<pre class="code2">
|
2957
|
+
<html <strong>id="mark:document"</strong>>
|
2958
|
+
<body>
|
2959
|
+
<div class="tabs" <strong>id="mark:tabs"</strong>>
|
2960
|
+
<a href="/" id="mark:tab">Home</a>
|
2961
|
+
<a href="/download/">Download</a>
|
2962
|
+
<a href="/support/">Support</a>
|
2963
|
+
</div>
|
2964
|
+
</body></html>
|
2965
|
+
</pre>
|
2966
|
+
<span class="caption">����ѥ�����</span>
|
2967
|
+
<pre class="code2">
|
2968
|
+
<strong><div class="tabs"></strong>
|
2969
|
+
<% for tab in tablist %>
|
2970
|
+
<a href="/">Home</a>
|
2971
|
+
<% end %>
|
2972
|
+
<strong></div></strong>
|
2973
|
+
</pre>
|
2974
|
+
</td>
|
2975
|
+
<td>
|
2976
|
+
<span class="caption">�ץ쥼��ơ����������å�</span>
|
2977
|
+
<pre class="code2">
|
2978
|
+
<strong>#document</strong> {
|
2979
|
+
logic: {
|
2980
|
+
<strong>_element(tabs)</strong>
|
2981
|
+
}
|
2982
|
+
}
|
2983
|
+
#tabs {
|
2984
|
+
logic: {
|
2985
|
+
_stag
|
2986
|
+
for tab in tablist
|
2987
|
+
_element(tab)
|
2988
|
+
end
|
2989
|
+
_etag
|
2990
|
+
}
|
2991
|
+
}
|
2992
|
+
</pre>
|
2993
|
+
</td>
|
2994
|
+
</tr>
|
2995
|
+
</table>
|
2996
|
+
</div>
|
2997
|
+
<div class="footer">
|
2998
|
+
<div class="footer-left">
|
2999
|
+
<a href="#slide5-4" class="navi-prev"><<</a>
|
3000
|
+
<a href="#slide5-toc" class="navi-toc">^</a>
|
3001
|
+
</div>
|
3002
|
+
<div class="footer-right">
|
3003
|
+
<span class="pagenum">49/50</span>
|
3004
|
+
<a href="#slide-last" class="navi-next">>></a>
|
3005
|
+
</div>
|
3006
|
+
<div class="footer-center">
|
3007
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
3008
|
+
</div>
|
3009
|
+
</div>
|
3010
|
+
</div>
|
3011
|
+
|
3012
|
+
|
3013
|
+
<div id="slide-last" class="slide">
|
3014
|
+
<div class="slide-body">
|
3015
|
+
<div style="text-align:center; font-size:38pt; margin-top:130px; line-height:140%;">
|
3016
|
+
<p>
|
3017
|
+
Get Kwartz at<br />
|
3018
|
+
<a href="http://www.kuwata-lab.com/kwartz">http://www.kuwata-lab.com/kwartz</a><br />
|
3019
|
+
</p>
|
3020
|
+
<p style="margin-top:50px">Thank You</p>
|
3021
|
+
</div>
|
3022
|
+
</div>
|
3023
|
+
<div class="footer">
|
3024
|
+
<div class="footer-left">
|
3025
|
+
<a href="#slide5-5" class="navi-prev"><<</a>
|
3026
|
+
<a href="#slide-toc" class="navi-toc">^</a>
|
3027
|
+
</div>
|
3028
|
+
<div class="footer-right">
|
3029
|
+
<span class="pagenum">50/50</span>
|
3030
|
+
<a href="#slide-title" class="navi-next">>></a>
|
3031
|
+
</div>
|
3032
|
+
<div class="footer-center">
|
3033
|
+
<span class="copyright">copyright©2006 kuwata-lab.com all rights reserved</span>
|
3034
|
+
</div>
|
3035
|
+
</div>
|
3036
|
+
</div>
|
3037
|
+
|
3038
|
+
|
3039
|
+
</body>
|
3040
|
+
</html>
|