BootstrapやjQuery UIのコンポーネントを使ったプロトタイプ作成ツールなどのWebアプリを開発できるツール -Wamer
Post on:2015年3月31日
sponsors
Webページのプロトタイプ作成ツールやWordPress, Bootstrapなどのテーマ作成ツールなど、再利用可能な独立したユニットを組み合わせWebアプリを開発できるオンラインツールを紹介します。
Webアプリをゼロから作ると非常に大変ですが、Wamerを使うと効率良く開発することができます。
SketchはWamerで作成されたプロトタイプ作成ツールで、マウス操作で簡単にWebページを制作できます。
まずは、ページのレイアウトを決めます。
レイアウトの一覧
ドキュメントにマウスで大きさを指定すると、すぐにレイアウトを描けます。
レイアウトを反映
コンポーネントの配置も同じ要領です。
一覧から、コンポーネントを選択。
jQuery UI コンポーネントの一覧
ドキュメントに配置します。
コンポーネントを反映
他にも、Bootstrapのコンポーネントやオリジナルのコンポーネントを用意することもできます。
Bootstrap コンポーネントの一覧
作成したプロトタイプはWebページとして表示されることも可能です。
プロトタイプをパブリッシュ
Sketchの機能は非常に豊富で、使い方は下記ページをご覧ください。
sponsors
