スマートフォン向けWebアプリケーションフレームワーク「App.js」
App.jsはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。
スマートフォン向けにはアプリ開発もありますが、審査などなしでサービス提供したいと思ったらスマートフォン向けWebアプリとしてリリースする手もあります。今回はそのためのフレームワークApp.jsを紹介します。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-19 11.53.03.1376969532.png)
YouTube検索アプリ。まるでネイティブアプリのようです。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-19 11.53.18.1376969537.png)
画像検索。検索結果がPinterest風に並んでいます。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-19 11.53.43.1376969541.png)
スケッチアプリ。何とタッチ操作で絵を描いて、それを保存できてしまいます。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-19 11.54.09.1376969544.png)
一覧に戻るとちゃんと登録されています。すごい。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-19 11.54.26.1376969547.png)
オリジナルのmemeを作るWebアプリ。画像の上下に好きな文言を追加できます。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-19 11.54.42.1376969552.png)
例えばこんな感じに。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-19 11.54.51.1376969556.png)
フィード系。非常に良くできています。
[](http://images.moongift.jp/2013/08/Screenshot 2013-08-19 11.55.01.1376969560.png)
ブックマーク機能なるものもあります。
App.jsではHTMLを指定されている記法に沿って書き進めるだけでまるでネイティブのようなUIの画面ができてしまいます。JavaScriptのイベント管理もあり、Zeptoも読み込まれますのでjQueryライクな操作ができそうです。
MOONGIFTはこう見る
App.jsを使ってWeb APIベースのWebアプリケーションを作れば、そのままPhoneGapでくるんで…というのもさほど難しくないように見えます。デスクトップとは異なり表示範囲の小さいスマートフォンではこういった画一化されたデザインの方が機能にフォーカスして開発が進められそうです。
むしろスマートフォン用の最適化サイトをデスクトップ並にカスタマイズできると考えると多機能でもっさりしたWebサイトになってしまうでしょう。シンプルなUIと見やすいウィジェットを組み合わせることでユーザビリティの高いWebアプリケーションが開発できるはずです。