Pingendo - Bootstrapを使って素早くWebサイトのプロトタイプ作成することができるオーサリングツール

Twitter社が開発した人気のCSSフレームワーク「Bootstrap」。使いやすさと充実した機能が評価され、世界中で人気となっています。

本日紹介する「Pingendo」は、Bootstrapを使ったWebサイトのプロトタイプを素早く作成するための、Webオーサリングツールです。Mac / Windows / Linux用のバイナリを無料でダウンロードすることができます。

使用方法

今回はMac版のPingendoをダウンロードしてみました。

テンプレートとして、「Default empty page」か「Landing page」を選ぶことができます。

「Landing page」を選ぶと、最近よくみかけるランディングページのテンプレートが作られました。

あとは、画面左側から必要な部品をドロップして追加したり、属性を変更したりして作業を進めていきます。プレビュー画面に対応するHTMLコードを表示しておくこともできます。

作成後はHTMLとして書き出すことができるので、そこからさらに手を加えていくことも可能です。

まとめ

Pingendoを使えばどのようなコンポーネントが存在するのか、色を変更するとどうなるのかといったことがGUIでサクッと確認できます。プロトタイプ用にWeb画面を作成する用途で便利そうです。