ワイヤーフレーム作成に便利なツールを調査してみた

普段、ワイヤーフレームの作成はExcelやpower pointを使用してるのですが、
レイアウトの調整に時間かかるし、テキストボックスやラジオボタンなどのUI画像を
直感的に配置するだけでさくさく作れるツールはないかなと思い、調べてみました。


以下に調査したツールと特徴、評価を記載します。
--------------------------------------------------------------
■Cacoo
WEB上で様々な図を作成する事が出来るツール。
ワイヤーフレーム以外にも、システム概要図なども簡単に作成できそう。
会員登録が必要だが、twitter・facebook・googleのアカウントがあれば、それらのアカウントでログインすることが出来る。
テーブルのパーツが若干弱い（無理やり）な感じがしたけど、全体的な操作感でいうとわかりやすい。

URL:https://cacoo.com/
評価:★★★★☆


■pencil sketching
FireFoxのアドオン。
日本語は対応していないが、直感的に操作できる為、操作は特に難しくない。
ただし、コンポーネントによっては黒く表示され、色の変更ができないのものがあった。
（テーブル系はほとんど真っ黒・・・　ローカル環境に影響するのかも。）
パーツは標準以外にも公式サイトに公開されているので、インポートして利用することが可能。

URL:http://pencil.evolus.vn/en-US/Home.aspx
評価:★★★☆☆


■FireWorks CS3
パーツはいくつか用意されており（テーブルはない）、操作の自由度も高いが、ワイヤーフレームを作成する
目的だと、少々めんどくさい。またフリーのツールではないのでFireWorks（cs3以降）が動作する環境でないと作業できない。

評価:★★☆☆☆


■open office Draw
ワイヤーフレーム作成も行える、との事だがパーツの場所がわからなく、直感的に操作が行えなかった。

URL:http://www.openoffice.org/product/draw.html
評価:★☆☆☆☆

--------------------------------------------------------------

Cacoo と pencil sketchingがとても理想に近いツールでした。操作感でいうとpencil
sketchingの方が好みなのですが、パーツを配置した時に真っ黒になってしまう
問題が解決しない限りは使えないかと･･･（自分のマシンだけの現象かな･･･）

Cacooは有償版と無償版がありますが、無償版で十分機能は揃っています。今後はこういうツールを使って
サクサクと量産して行きたいもんです。



以上、ワイフレツール調査報告でした。

web上でER図が作成できる「wwwsqldesigner」を試してみた

WEB上でER図作成できないか という話になったので、調べるとGoogleが出してた。

wwwsqldesigner
http://code.google.com/p/wwwsqldesigner/

使用方法は、ソースをダウンロードしてphp5が動作するサーバにアップ。

mataggy toolsにアップしてみました。
http://www5.pf-x.net/~mataggy/tools/wwwsqldesigner-2.5/

保存形式はXMLです。（その他形式にも出力できる模様）
DataBaseに保存することも可能です。

＊googleが提供しているサンプルを読込む方法。

[Save/Load] > [Input/Output] にサンプルのXMLをコピーして貼り付け > [ OK ] 押すと表示されます。

wwwsqldesignerについてはまだ深く調べてないですが、使用者レビューではER図
を簡易作成するソフトと位置づけですね。
でもマシンにインストールする必要ないのはかなり便利かも。

フリーのER図作成ソフト「DBDesigner4」がいい！

普段ER図はMS visioで作成しているのですが、どうも使い勝手がよくないなと前から感じていたのでザクっとフリーのER図作成ソフトを調べてみました。

ER図作成ソフトはいくらかありましたが、一番いいと思ったのが
「DBDesigner 4」
というフリーソフトです。

fabforce
http://fabforce.net/index.php


基本は全て英語ですが、ソフトの日本語化をしてくれています
http://dbdesigner.iimp.jp/

■ダウンロードとインストール
---------------------------------------------------
※windowsバイナリをダウンロードして解凍後、任意のディレクトリに設置した
らインスト完了です。
http://dbdesigner.iimp.jp/download/DBDesigner4.0.5.6_jp1.01-win.zip
----------------------------------------------------

DBDesigner 4のマニュアルを日本語化してくれているサイトもあります
http://aglabo.com/agl/proevo/tools/dbdesigner/top.php



ER図を作成する流れはVISIOと大きく変わりは無いのですが、テーブル情報
を入力後にcreate文やinsert文などSQLを発行できます。

データベースが既にある場合は、データベースに接続して自動的にER図を作成で
きるなど、リバースエンジニアリングが容易にできます。

インタフェースが画像編集ソフト風で、全てが直感的に操作することができます。
個人的に印刷領域の変更機能がとても使いやすいと感じました。

ファイルの保存形式はXMLです。
画像形式（png、bmp）にも出力可能です。


サンプルとして即席でER図を作成してみましたが、特にマニュアルを見ることもなく直感的に作成できました。　今度の案件は試しにDBDesignerを導入してみよう。