iOS5-Maps-like web app is now extremely updated

The Web App version of "Maps", became much closer to the real one in not only look-and-feel but also functionality.

http://y-ich.github.com/maps/maps.html

If you feel lack of functionality,  please tell us!

An web app like iOS5 Map

iOS6 Map is a hot topic today.
If you are not satisfied with the app, you can make another one. That is a real pleasure of programming.

We have made a rapid prototype of web app like a iOS5 Map as the above. (Excuse me, it is localized to Japan.) Now English version is available!
To try this app, click here!

The features of this web app are,

• displaying Google Maps
• searching a place
• tracing a current position
• dropping a marker and viewing a street view near the marker
• searching a route by walking or driving
• navigating a route

You can also "add to home screen" this app.

Enjoy!

Twitter bot to ask WolframAlpha

Ask @wb_bot anything you want to know, then it will answer!

Backstage: source viewer for the Web

Opening a case and watching an inside of devices had been the first step of understanding how it had worked before computer age specially for kids.  But now it is hard to understand electric devices by watching the inside.  The shape of LSIs give you no clues of their functions.
Open source softwares can give you how they work alternatively, however, it is not inside products. It is outside products. Engineers interested in some products would see their source codes, but normal users, especially normal smart device users have no chance to see source codes.  We are afraid that this causes to keep away potential future creators from real mechanisms of programmable devices.

Web pages or recent jargon HTML5 pages are different. They are not necessarily open source but they have sources inside as a result.  You can see their source code if you want. And we want to provide a mechanism to let the chance as easy as possible. This is "Backstage." Here is an example applying it to our Calculator app.

There is a little "b" button at the left-top of the display of the caclulator.

If you tap the button, source code viewer will appear.

Try the example now!
NOTE: If you have tried our Calculator app once, you need to reload the page twice to refresh the application cache.

For advanced end users, adding Backstage button to any web page is also pretty easy. Register the link below to your bookmark, and click it when you want Backstage button.

Backstage

For web designers, using Backstage is pretty easy. Just add one line below before </body>. Backstage button will be added right top of the page and the button will show your source codes to your visitors when clicking.

<script src="http://y-ich.github.com/safari-park/lib/backstage-button.js"></script>

Options for button layout is available. Add a declaration of a variable "backstageConfig" just before the above line like this:

<script type="text/javascript">
var backstageConfig = {
  left : '10px',
  top : '5px'
};
</script>

The content of the variable will affect stylesheet of the Backstage button.

The followings are some details of Backstage.

1. Currently we restrict to pick up source files whose path is the same as the web page in order to avoid to show general libraries.
2. Even HTML5, some web pages use minified sources for performance, and some javascript files are not source, compiled from sources in CoffeeScipt. It order to specify readable sources, you can use data-source attribute. Backstage will search a file specified by data-source first.

Calculator web app for iPad

New iPad has come.  Many new users will notice that there are no preinstalled calculators on iPad.
Why don't you get a free calculator?

We have released a calculator web app that looks just like iPhone's. It is beautiful. It is portable, you don't need wifi/3G network for use because it is an offline app.

http://y-ich.github.com/Calculator/calculator.html

We hope that this app will have been help you with your iPad (and other tablets).

SPELL NOTE release

Today, We proudly release SPELL NOTE, a programming environment for smart devices in CoffeeScript.
http://spell-note.herokuapp.com

The main features are:

• Social apps exchange
• Letting apps be offline-enable
• Simple draw editor and HTML layout editor
• Advanced source editor
• Syntax highlight
• Instant evaluation of CoffeeScript expressions
• Auto completion