本日、アプリUI開発ツール「Apricot」のPreview版をリリースしました。 What is Apricot? Apricot*1はアプリのUIを簡単にデザインするためのツールです。 つくりたいアプリ画面のレイアウトを画像としてペイントして、Apricot Kit を用いてビルドすることで、 HTML, CSSファイルが自動生成されます。つまり、絵を描き、少しのデザイン設定を書くだけでウェブアプリやChrome AppのUIを構築することができるのです。 Apricotでできること Sample 1 下のような一枚のPNG画像を描いてビルドすると、 以下のようなChromeアプリ画面を生成することができます。 これは、ウィンドウの背景に元の画像が表示されているのではありません。画像に描かれている色の異なる長方形領域の一つ一つがdiv要素としてレンダリングされています。 これにより、そ
![Release: ApricotでアプリのUIデザインをもっと簡単に - #daiizメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/d1d75d453b03f25587a506cc7d2a4a398f41a36e/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak2.f.st-hatena.com%2Fimages%2Ffotolife%2Fd%2Fdaiiz%2F20010208%2F20010208201300.png)