MulberryはRuby製のオープンソース・ソフトウェア(2-clause BSD lisence)です。

スマートフォン向けWebサイトとネイティブアプリの二つを作らないといけないのは大変です。それらをいっそ一つにしてしまえば…とお思いの方にお勧めしたいのがMulberryです。ネイティブ、Webの二つの環境で動作するアプリケーションを同時に開発できます。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 11.45.08_thumb.1373432928.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 11.45.08.1373432928.png)
ファイル構成です。こういった自動生成は最近の流れですね。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 11.45.26_thumb.1373432934.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 11.45.26.1373432934.png)
serveコマンドでWebサーバが立ち上がります。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.12.24_thumb.1373432937.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.12.24.1373432937.png)
デモのWebアプリケーションです。多彩な機能が用意されています。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.13.20_thumb.1373432943.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.13.20.1373432943.png)
地図。Googleマップを使っています。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.13.42_thumb.1373432947.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.13.42.1373432947.png)
画像と説明文。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.13.51_thumb.1373432952.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.13.51.1373432952.png)
ヘッダーバーが多重に。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.13.56_thumb.1373432957.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.13.56.1373432957.png)
記事を読むための表示。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.14.12_thumb.1373432961.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.14.12.1373432961.png)
音楽も配信できます。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.14.17_thumb.1373432965.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.14.17.1373432965.png)
イメージギャラリー。スワイプ操作で切り替えられます。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.14.27_thumb.1373432970.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.14.27.1373432970.png)
大きな画像で表示。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.14.45_thumb.1373432975.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.14.45.1373432975.png)
フィード表示にも対応しています。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.15.10_thumb.1373432980.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.15.10.1373432980.png)
地図の拡大版。

[![](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.16.20_thumb.1373432985.png)](http://images.moongift.jp/2013/07/Screenshot 2013-07-09 12.16.20.1373432985.png)
グリッド表示。

Mulberryはフレームワークなので、その使い方を習得する必要があります。しかし一旦慣れてしまえば、Webアプリケーションをさくさくと作り上げて、さらにそれをPhoneGapを使ってネイティブアプリ化するまで一気に開発できてしまえそうです。

MOONGIFTはこう見る

Mulberryは注目に値するソフトウェアだと思います。これまでPhoneGapではHTMLをネイティブアプリ化できるとは言いつつも、ソースは別物になってしまうのが一般的でしたが。Mulberryを使うとWebサーバも兼ねているので、Webアプリケーションを開発した後、そのままPhoneGapに取り込めます。

難点としてはJavaScript主体になっているので、スマートフォン最適化サイトでクローラーフレンドリーでないといけないサイトには使えないということでしょう。ログイン必須のサイトであったり、WebアプリケーションとしてJavaScriptを活用したサービスであればとても便利そうです。

Toura Mulberry

Toura/mulberry