BootstrapやjQuery UIのコンポーネントを使ったプロトタイプ作成ツールなどのWebアプリを開発できるツール -Wamer

Webページのプロトタイプ作成ツールやWordPress, Bootstrapなどのテーマ作成ツールなど、再利用可能な独立したユニットを組み合わせWebアプリを開発できるオンラインツールを紹介します。

サイトのキャプチャ

Wamer

Webアプリをゼロから作ると非常に大変ですが、Wamerを使うと効率良く開発することができます。

サイトのキャプチャ

Wamer Sketch

SketchはWamerで作成されたプロトタイプ作成ツールで、マウス操作で簡単にWebページを制作できます。

まずは、ページのレイアウトを決めます。

サイトのキャプチャ

レイアウトの一覧

ドキュメントにマウスで大きさを指定すると、すぐにレイアウトを描けます。

サイトのキャプチャ

レイアウトを反映

コンポーネントの配置も同じ要領です。
一覧から、コンポーネントを選択。

サイトのキャプチャ

jQuery UI コンポーネントの一覧

ドキュメントに配置します。

サイトのキャプチャ

コンポーネントを反映

他にも、Bootstrapのコンポーネントやオリジナルのコンポーネントを用意することもできます。

サイトのキャプチャ

Bootstrap コンポーネントの一覧

作成したプロトタイプはWebページとして表示されることも可能です。

サイトのキャプチャ

プロトタイプをパブリッシュ

Sketchの機能は非常に豊富で、使い方は下記ページをご覧ください。

サイトのキャプチャ

Wamer Sketch ドキュメント

sponsors

top of page

©2019 coliss