Shibuyajs Digest

Shibuya.JS Digest Yoshinori TAKESAKO http:// namazu.org/~takesako / 日本の JavaScript 最新動向

the only JavaScript user group in (Japan) the world. Welcome to Shibuya.JS

id:secondlife x id:nagayama The founder of Shibuya.JS He is not here. (RubyConf2007)

I’m not JavaScript hacker ,[object Object],[object Object],Shibuya Perl Mongers

Shibuya.JS Digest : 日本の JavaScript 最新動向 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HTML/CSS & JS & Perl in GIF89a (valid) Web Polyglot

Web Polyglot DEMO HTML/CSS & JS & Perl in GIF89a (valid)

Perl in GIF89a GIF89a(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> */// ;

JavaScript in GIF89a GIF89a( 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> */ // ;

HTML/CSS in GIF89a GIF89a(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> */// ;

How to break same-origin-policy. (Parallelize cross-domain access) Other GIF89a hacks GIF89a Binary Image Object for AJAX communications Protocol

GIF89a cross-domain access protocol <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!

GIF can return 16bit x 2 over crossdomain ,[object Object],#!/usr/bin/perl use strict; use warnings; sub create_gif { my $size = pack "S2", @_; return "GIF89a$sizef00000000000ffffff," . "0000000001000100000202L0100;"; } print "Content-Length: 35"; print "Content-Type: image/gif"; binmode(*STDOUT); print create_gif(65535, 65535); 1;

Japanese traditional life’s work on software ,[object Object],[object Object],[object Object],Japanese traditional programmer make it one's life to L10N, I18N...

What is Mylingual.net? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Translation data is Wiki-style

Support for Regexp & Date format

What is AJAJA? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Sample code of AJAJA ,[object Object],<%@ Language=JavaScript %> <% var hello = "Hello world"; %> <html> <head> <title> <%= hello %> </title> </head> <body> <h1> <%= hello %> </h1> </body> </html>

bbs.tpl (JSmarty – Smarty compatible) ,[object Object],{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}

What is JSmarty? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

pmconnect 　 (Akira Higuchi) ,[object Object],/* 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();

pmconnect – samples – oleexcel.js

What is Cycal? ,[object Object],http://spreadsheet.sakura.ne.jp/ (by Abui Daisuke)

Cycal vs. Google spreadsheet cf. http://spreadsheet.sakura.ne.jp/paper/master's_paper.pdf (paper in Japanese)

Cycal vs. Excel 2007  Cycal won!

You don’t need Excel 2007 any more. B.C. - Before Cycal A.D. - Abui Daisuke

Fastladder (livedoor Reader) ,[object Object],[object Object],[object Object],http://d.hatena.ne.jp/antipop/20070831/1188557354 antipop - Introducing another Feed Reader: Fastladder

Fastladder (livedoor Reader) is known as “ fastest” RSS/Atom feed Reader in the world.

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

http://userscripts.org/scripts/show/8551

AutoPagerize -> http://d.hatena.ne.jp/toshi123/20070601#p1

Wiki-Style : SITEINFO Sharing Regexp, XPath database.

http://labs.gmo.jp/blog/ku/2007/07/autopagerizexpath_autopagerize_ide.html AutoPagerize IDE – Visual XPath

“ orto” JavaVM on JavaScript by Yu Kobayashi (Next Talk…)

↑ Implementation JavaVM on JavaScript ↓ Java byte code (J2ME)

It works on iPhone! < とおる。 >: But I can't control because iphone has no keyboard;(

CSS3 Selectors to XPath ( 高橋メソッド in XUL) by Piro (Next Talk…)

Fast JS XPath Engine for IE (and Safari2) by amachang (Next Talk…)

http://usrb.in/amachang/static/amacan/

Thank you! ご清聴ありがとうございました [ 宣伝 ] サイボウズ・ラボでは人材募集中です

Shibuyajs Digest

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (15)

Similar to Shibuyajs Digest

Similar to Shibuyajs Digest (20)

More from takesako

More from takesako (13)

Recently uploaded

Recently uploaded (20)

Shibuyajs Digest