Downloaded 60 times
![[ ソース ]](https://image.slidesharecdn.com/shibuyajs-digest-1194245284154924-3/75/Shibuyajs-Digest-38-2048.jpg)
![bbs.tpl (JSmarty – Smarty compatible) View source template file {foreach from=$rows item='row'} <dl> <dt> [ {$row[0]} ] <strong style='color:green;'> {$row[1]} </strong> 投稿者： {$row[2]} 投稿日： {$row[3]} </dt> <dd><p> {$row[4]} </p></dd> </dl> <hr> {/foreach}](https://image.slidesharecdn.com/shibuyajs-digest-1194245284154924-3/75/Shibuyajs-Digest-40-2048.jpg)
![Thank you! ご清聴ありがとうございました [ 宣伝 ] サイボウズ・ラボでは人材募集中です](https://image.slidesharecdn.com/shibuyajs-digest-1194245284154924-3/75/Shibuyajs-Digest-83-2048.jpg)
Uploaded bytakesako
Shibuyajs Digest
(1) The document summarizes a talk on the latest JavaScript trends in Japan. It discusses things like polyglot programming using HTML, CSS, JavaScript and Perl in a GIF image, cross-domain access protocols using GIFs, and various JavaScript frameworks and tools developed in Japan. (2) Several Japanese JavaScript projects are highlighted, including Mylingual.net for multilingual websites, AJAJA for server-side JavaScript, and Cycal for Ajax spreadsheets. (3) The talk also featured lightning talks on topics like implementing a Java virtual machine in JavaScript and fast XPath engines for JavaScript in Internet Explorer and Safari 2.
More Related Content
Shibuyajs Digest
- 1. Shibuya.JS Digest YoshinoriTAKESAKO http:// namazu.org/~takesako / 日本の JavaScript 最新動向
- 2. the only JavaScriptuser group in (Japan) the world. Welcome to Shibuya.JS
- 3. id:secondlife x id:nagayamaThe founder of Shibuya.JS He is not here. (RubyConf2007)
- 4. I’m not JavaScripthacker Shibuya.pm organizer (2 nd ) miyagawa -> TAKESAKO Shibuya Perl Mongers
- 5.
- 6.
- 7.
- 8. Shibuya.JS Digest : 日本の JavaScript 最新動向 Introduction x 1 <TAKESAKO> (1) Web Polyglot (HTML/CSS & JS & Perl GIF89a) (2) Mylingual.net (Japanize) UserJavaScript for i18n (3) AJAJA (Server Side JS) replacement from PHP, Perl (4) Cycal (Ajax spreadsheet) (5) Fastladder (livedoor Reader) (6) AutoPagerize (swdyh) Lightning Talks x 3 (7) "orto" JavaVM on JavaScript <Yu Kobayashi> (8) CSS3 Selectors to XPath <Piro> (9) Fast JS XPath Engine for IE <amachang>
- 9.
- 10.
- 11.
- 12. (1) Abnormal JScrazy hacks
- 13.
- 14. HTML/CSS & JS& Perl in GIF89a (valid) Web Polyglot
- 15. Web Polyglot DEMOHTML/CSS & JS & Perl in GIF89a (valid)
- 16.
- 17. Perl in GIF89aGIF89a(q =/*.....Ä= );sub GIF89a{print "Hello Perl!"} __END__ #*/1);function GIF89a(){alert("Hello JavaScrpt!")} /*<body style=visibility:hidden> <div style=position:relative;visibility:visible> <h1>Hello HTML!</h1><!-- ................................................ ................................................ ................................................ ................................................ --><img src=?> <script src=# language=JavaScript></script></div> */// ;
- 18. JavaScript in GIF89aGIF89a( q= /*.....Ä=);sub GIF89a{print "Hello Perl!"} __END__#*/ 1 );function GIF89a(){alert("Hello JavaScrpt!")} /*<body style=visibility:hidden> <div style=position:relative;visibility:visible> <h1>Hello HTML!</h1><!-- ................................................ ................................................ ................................................ ................................................ --><img src=?> <script src=# language=JavaScript></script></div> */ // ;
- 19. HTML/CSS in GIF89aGIF89a(q=/*.....Ä=);sub GIF89a{print "Hello Perl!"} __END__#*/1);function GIF89a(){alert("Hello JavaScrpt!")} /* <body style=visibility:hidden> <div style=position:relative;visibility:visible> <h1>Hello HTML!</h1> <!-- ................................................ ................................................ ................................................ ................................................ --> <img src=?> <script src=# language=JavaScript></script> </div> */// ;
- 20. How to breaksame-origin-policy. (Parallelize cross-domain access) Other GIF89a hacks GIF89a Binary Image Object for AJAX communications Protocol
- 21. GIF89a cross-domain accessprotocol <img src=“null.gif?q=param" onload=“ callback (this.width)"> function callback (data) { //… do action } (1) Define JS callback function (likes JSONP) (2) New Image Object CGI OK http://example.com/webapi/null.gif?q=foobar GIF Image size!
- 22. GIF can return16bit x 2 over crossdomain Server Side program (sample) #!/usr/bin/perl use strict; use warnings; sub create_gif { my $size = pack "S2", @_; return "GIF89a$size\xf0\x00\x00\x00\x00\x00\xff\xff\xff," . "\x00\x00\x00\x00\x01\x00\x01\x00\x00\x02\x02L\x01\x00;"; } print "Content-Length: 35\n"; print "Content-Type: image/gif\n\n"; binmode(*STDOUT); print create_gif(65535, 65535); 1;
- 23.
- 24.
- 25.
- 26. Japanese traditional life’swork on software L10N (Localization) I18N (Internationalization) M17N (Multilingualization) Japanese traditional programmer make it one's life to L10N, I18N...
- 27.
- 28.
- 29. What is Mylingual.net?Mylingual.net Transparent i18n to any language (Web UI only) UserJavaScript (keeping HTML DOM structure) Opera 9 Mozilla Firefox & Greasemonkey Safari 2 & Creammonkey Internet Explorer 6 & Turnabout Advanced / Trixie Internet Explorer 7 & IE7pro (Inspired from) Japanize Transparent l10n to Japanese A web browser extension, it works good
- 30. Translation data isWiki-style
- 31. Support for Regexp& Date format
- 32.
- 33.
- 34. What is AJAJA?Implementaion of JavaScript/ASP cf. Legacy: MS IIS JScript/ASP JS Engine SpiderMonkey + a patch CGI mode #!/usr/bin/asp_js Support for SQLite3 (default) use('SQLite'); db = new SQLite('sample.db');
- 35.
- 36.
- 37. Sample code ofAJAJA hello.asp <%@ Language=JavaScript %> <% var hello = "Hello world"; %> <html> <head> <title> <%= hello %> </title> </head> <body> <h1> <%= hello %> </h1> </body> </html>
- 38.
- 39. JSmarty (PHP Templateon JS)
- 40. bbs.tpl (JSmarty –Smarty compatible) View source template file {foreach from=$rows item='row'} <dl> <dt> [ {$row[0]} ] <strong style='color:green;'> {$row[1]} </strong> 投稿者： {$row[2]} 投稿日： {$row[3]} </dt> <dd><p> {$row[4]} </p></dd> </dl> <hr> {/foreach}
- 41. What is JSmarty?Smarty is… One of the famous PHP Template Engine JSmarty is… Smarty on JavaScript Smarty clone Emulate PHP strings function on JS can use old Smarty template file almost compatible has a little incompatible plug-in Using JSAN.js to load
- 42. PMconnect (JS +Perl CPAN)
- 43. pmconnect (AkiraHiguchi) SpiderMonkey (JS) <-> Perl binding library /* GD */ Perl.Use("GD"); var im = new Perl("GD::Image",100,100); var white = im.colorAllocate(255,255,255); var black = im.colorAllocate(0,0,0); var red = im.colorAllocate(255,0,0); var blue = im.colorAllocate(0,0,255); im.transparent(white); im.interlaced('true'); im.rectangle(0,0,99,99,black); im.arc(50,50,95,75,0,360,blue); im.fill(50,50,red); var s = im.png(); Perl.Use("FileHandle"); var fh = new Perl("FileHandle", "gdout.png", "w"); fh.print(s); fh.close();
- 44.
- 45. pmconnect – samples– oleexcel.js
- 46.
- 47.
- 48. What is Cycal?online Ajax spreadsheet http://spreadsheet.sakura.ne.jp/ (by Abui Daisuke)
- 49.
- 50. Cycal vs. Googlespreadsheet cf. http://spreadsheet.sakura.ne.jp/paper/master's_paper.pdf (paper in Japanese)
- 51.
- 52. Cycal vs. Excel2007 Cycal won!
- 53. You don’t needExcel 2007 any more. B.C. - Before Cycal A.D. - Abui Daisuke
- 54. other Japanese JSproducts
- 55.
- 56.
- 57.
- 58. Fastladder (livedoor Reader)Fastladder is yet another web-based feed-reader which was launched on Jul 3 2007. Fastladder has an origin in “livedoor Reader” which has been offered for Japanese-speaking people since last year. Actually, it is an English-version of it. It works very quickly. http://d.hatena.ne.jp/antipop/20070831/1188557354 antipop - Introducing another Feed Reader: Fastladder
- 59. Fastladder (livedoor Reader)is known as “ fastest” RSS/Atom feed Reader in the world.
- 60.
- 61. implementing “HTTP 301” most definitely in the world. “ HTTP 301 Moved Permanently” http://bb.watch.impress.co.jp/blog/archives/2007/10/post_39.html
- 62.
- 63.
- 64.
- 65.
- 66.
- 67. Wiki-Style : SITEINFOSharing Regexp, XPath database.
- 68.
- 69.
- 70.
- 71.
- 72. “ orto” JavaVMon JavaScript by Yu Kobayashi (Next Talk…)
- 73. ↑ Implementation JavaVMon JavaScript ↓ Java byte code (J2ME)
- 74.
- 75. It works oniPhone! < とおる。 >: But I can't control because iphone has no keyboard;(
- 76.
- 77. CSS3 Selectors toXPath ( 高橋メソッド in XUL) by Piro (Next Talk…)
- 78.
- 79.
- 80. Fast JS XPathEngine for IE (and Safari2) by amachang (Next Talk…)
- 81.
- 82.
- 83. Thank you! ご清聴ありがとうございました [ 宣伝 ] サイボウズ・ラボでは人材募集中です