Learn Javascript In Manga

Manga de wakaru JavaScript Programming Kouza(The manga guide to JavaScript Programming Course) is an online web manga (Japanese style comic) for novice programmers to study JavaScript programming language by themselves.

In a story, three high-school students learn JavaScript from a teacher in a year. 4 Chapters, 23 sections, 153 pages this manga covers the basics of JavaScript, objects, array, regular expression, DOM, event handler, style sheet, cookies, jQuery, bookmarklet, WSH, HTA, etc.

Both the manga and texts are authored by Masakazu Yanai [J] (@ruten [J])

In the country where comic is not only for kids, many educational materials exist in manga style. Few are even translated and exported.

paiTouch – Virtual Boob Simulator comes to iPhone

Blogger technohippy has released paiTouch, the third generation of his series of Oppai (Boob) Simulators, now for the iPhone.

Using the app, you can freely touch a virtual boob on the iPhone’s Safari browser.

For the software to be used on the iPhone, technohippy’s application was ported from Flash technology to JavaScript. The application also depends on the Dynamics Engine of the ActionScript Physics Engine (APE) ported to Javascript by blogger flashrod.

The first generation software worked as a Google Gadget allowing it to be added to your iGoogle page and/or your blog.

The second generation of the Boob Simulator worked with a webcam to create an augmented reality in which you could interact with the virtual boob. You can watch the demo movie here.

The algorithm for the physical model is explained here and the Flash source code is available here for future evolution.

The full Flash application with a bunch of customizable parameters is here. Luckily, the full version comes with all of the key instructions in English. Enjoy!

Greasemetal – Google Chrome Greasemonkey

Greasemonkey is a popular Firefox AddOn which enables users to insert customized Javascripts on top of websites, to extend website functionality.

Greasemetal is a Greasemonkey-like user Javascript inserter extension for Google Chrome. It is only a week after Google Chrome release, and done without having extension capability provided.

By this Greasemetal, you may add any supplemental Javascript to any website, with one of the fastest browser Javascript execution environment Google Chrome. User Javascripts are mostly compatible with Greasemonkey so that you already have bunch of usable scripts on userscripts.org.

The author, Kazuho OKU is known by making several interesting services around browser and its extension, user-generated menu translator system Japanize and Mylingual, traffic gathering analysis Pathtraq.

[disclaimer] Akky AKIMOTO is working part time for Cybozu Labs as an in-house blogger

See Also

Developer’s Blog : Greasemetal – a userscript runtime for Google Chrome

Tokyo2point0 event: Cybozu Labs and Phishing / Web 2.0 security | Asiajin

jsmap – US States selection library

New Javascript library jsmap is released on cognitom.com , which enables a new way of choosing regions from diagram map.

Its Japan version seems welcomed favorably by Japanese web developers, as the Japan’s prefecture selection is always an usability headache.

There are Japanese websites provides region selection by drilling down by links, usually implemented on Flash. But this one can be used more easily, and not many open source library are available.

The US English version is also released. Like Japanese version, USA is divided into regions and able to be selected with map.

US States selection by map

From my experience, people only need to put the state you reside, usually. So, state selection in US works easy with the common alphabetical ordered selection box. Making things difficult in Japan is that there are no “dictionary” order or no other clear order everyone agrees (most used order is “north to south”, but it cannot be uniquely defined, still confusing), which leads this jsmap library attractive.

The idea of this user interface is good and there will be many other applicable situations, like for country selection from Asia, Africa, etc.

I assume that Japanese is not the only culture/language which is not satisfied by alphabetical-order-form-selection. This kind of UI neccesity could be overlooked by mainstream user interface libraries most of which emerged from American/Europe countries with latin letters.

Report: JUI (Javascript User Interface) 2008 conference in Tokyo

On Monday, the first JUI (Javascript User Interface) conference was held at RECRUIT‘s gigantic headquarters in Ginza, Tokyo. Although there was hardly any time to promote the quickly scheduled event, more than 100 hackers showed up at the venue!

The organizers managed to squeeze a total of 10 speeches into the 3 hour event. The conference was split into two parts:

I) Main presentations (between 20 and 40 minutes)

My friend and fellow German Paul Bakaus had the honor of delivering the first presentation. Paul is the lead engineer for jQuery UI. Since January this year, he works full-time on the development of the JavaScript library. Paul spoke about the current state of affairs and future of jQuery UI.

Rockstar look-a-like and JavaScript icon “amachang” talked about experiences he made while developing S6, the presentation tool offered by his employer Cybozu Labs. I must say the product is really cool!

“inucura” came from Sapporo to join the JUI 2008. He explained a total of 7 web services to be accessed via his site. For example, inucura talked about his wallpaper search engine “Kabegami saachi” and Smoothtube, a Youtube video viewer. Both services are available in English – this is always welcome!

Recruit’s very own “iandeth” concluded the main part of the conference with a presentation named “Fuss-free Mashup Development with Recruit Web Service UI Library”. The aim here is to make life for Japanese engineers considerably easier by accessing Recruit’s self-developed UI library.

II) Lightning talks (5 minutes each)

Following the main presentations, a total of six lightning talks were given by JavaScript hackers from Japan, the US and Taiwan. One examplary topic was the usage of jQuery for the development of a Twitter client.

Another quick talk was given by Taiwanese coder gugod (his presentation can be viewed here).

Videos from the event (recorded by the kind people at Recruit Media Techonoloy Labs):