DEIM Forum 2016 H6-3 SuperSQL CSS 223 8522 3-14-1 E-mail: {ryosuke,goto}@db.ics.keio.ac.jp, toyama@ics.keio.ac.jp SuperSQL, SQL. SuperSQL HTML, PHP,,,, SuperSQL Web, CSS 1. SQL, SuperSQL, CSS SuperSQL, SQL SQL,, SuperSQL, SuperSQL HTML, HTML PHP,, SuperSQL HTML,, Web,,,,, SuperSQL Web, CSS CSS CSS Sass [9], SuperSQL, CSS 2. SuperSQL, SuperSQL SuperSQL SQL, [1] [2]. SQL SELECT GENERATE< media >< TFE > GENERATE. < media >, HTML, XML [3], Mobile HTML5 [4] < TFE > Target Form Expression, SQL SELECT,, 2. 1 ( ), 3. (,) : Name, Tel name tel (!) : Name! Tel (%) name tel 3 HTML. : Name % Tel name tel 2. 2,,,, [ ]!, [ ]!, [ ]!,, [! [, ]! ]!,,, ([ ],) : [Name], name1 name2 name10
([ ]!) name1 name2 : [Name]! name10 2. 3 SuperSQL,,,,,,, (@) < >@{ < > } =,,., 200,., TFE,, 1 2.,, 4, 3.,,,, Web EGG [5] SSVisual [6], Java SSedit( ssqltool) [7],,,, [name@{width=200, color=red}]! 2. 4 SuperSQL 2. 4. 1 image image,. image(id, path=./pic ) 2. 4. 2 link ( HTML ) link, FOREACH link FOREACH link(cou.name, file=./menu.sql, att=co.country) 2. 4. 3 anchor ( HTML ) anchor URL anchor( SuperSQL, http://ssql.db.ics.keio.ac.jp/ ) 1 3. SuperSQL SuperSQL,,,,, CSS, SuperSQL CSS,, 2,, Web, Web
3,, 768px PC 1024px 767px ( ) small, 768px medium, 1024px large.,, 5., 4/12, medium, 8/12, medium., 768px, 2 4 SuperSQL HTML, Web 1 [8].,,,, Web,, CSS3.,, SuperSQL CSS 4. CSS 4. 1, SuperSQL,,.,,,,, ( ).,, 12,, 5 4. 2 CSS,,, Sass, SuperSQL, Sass, 4. 3 SuperSQL SuperSQL,,,, HTML CSS Sass, CSS 4. 3. 1,,, ( ).,, 6, 7, 8 CSS, 768px 5 7,, 2
6 9 CSS 7 ( ) 10 CSS 5. Web Web, HTML CSS, SuperSQL, CSS SuperSQL 3,, 6. 8 ( ) 4. 3. 2 CSS,,, Web, 9 10, CSS,, 3 anchor, navbar anchor 3, responsive medium, 768px,, SuperSQL HTML, CSS., Web, Web [1] SuperSQL: http://supersql.db.ics.keio.ac.jp [2] M. Toyama: SuperSQL: An Extended SQL for Database Publishing and Presentation, Proceedings of ACM SIG- MOD 98 International Conference on Management of Data, pp. 584-586, 1998. [3], : SuperSQL XML,, 2011. [4], : SuperSQL Web,, 2013. [5], : SuperSQL, 14 (DEWS), 2003. [6],, : SuperSQL, 7
(DEIM),2015. [7],, : SuperSQL, 6 (DEIM),2014. [8] Kento Goto, Ryosuke Koshijima, and Motomichi Toyama, Generating Desktop and Mobile Web Pages from a Single SuperSQL Query, In Proceedings of the 19th International Database Engineering & Applications Symposium (IDEAS 15). 222-223. 2015. [9] Sass: Syntactically Awesome Style Sheets: http://sasslang.com/