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

普段、ワイヤーフレームの作成は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を導入してみよう。

ドンピシャリなiphoneアプリがない・・・

「あ～　あぁいうアプリがあればいいねんけどな～」という構想のもと、アプリを探してみるんやけどなかなかドンピシャリなアプリに出会わない･･･　まぁ自分は無料のしか見ないっていう原因もあるんでしょうけど(苦)

ないんならば作ってしまえ！　という事で、脳内で設計書組みつつ早速レンタルサーバ借りたんやけどなかなか手を動かす時間がとれない…

とりあえず脳内の設計書をデジタルに起こすところから始めるかぁ

iphone3G S もiOS 4へのソフトウェアアップデートでマルチマルチタスキング

iphone4が発表されましたね。
前々からマルチタスキングができることが気になってたんですが、iphone3G Sでもソフトウェアアップデートを行えば、マルチタスキングが可能になるみたい！

自分はiphone3G S使ってるのでかなりうれしいです。
でもやっぱiphone4が気になるなぁ～。　本土のように本体アップグレードやってくれないんかな？

http://www.apple.com/jp/iphone/softwareupdate/

スカパー！twitstudium[ツイスタ]がおもしろい

ツイッター公式ナビゲーターに乗っているツイスタがちょっとおもしろい。
http://twitstadium.twinavi.jp/

流れは好きなチームを2つ選択して、そのチーム名が入っているつぶやき数で勝負するというものなんやけど、いかんせんガンバ大阪が強すぎる！！（笑）

「フリューゲルス」（懐）とかって普段の会話で使わないけど、「ガンバ」は会話で全然使うので「ガンバって！」とか「ガンバリマス！」とか全部拾ってしまうので、どの試合もガンバが圧勝の様子。

でもつぶやき内容みてたら結構、「ガンバ大阪」に関して書いてる事が多いね。

Twitterのbusyページがかわいすぎて思わず保存

さっきTwitterリロードしたら503server errorでた。。　と思ったらbusyページがかわいかったので思わず保存してしまった。

サーバが混雑しててサイトが閲覧できない状態やと「おいー！」ってなるけど、こんな絵でてきたら、怒る気なくなるわ（笑）

PHPでファイル・ディレクトリを圧縮する方法 ～その２～

二つ目の圧縮方法は、便利なクラスライブラリを利用する方法。
PHP Classesのサイトに公開されてる　「CreateZipFile.inc.php」を使えば簡単に圧縮できて、ダウンロードまでできてまう便利なクラス。

Create ZIP File :

http://www.phpclasses.org/browse/package/2322.html

そして複数ファイルをアーカイブに登録する為のメソッドも使ってみました。

Tutorial: Create a zip file from folders on the fly
http://www.web-development-blog.com/archives/tutorial-create-a-zip-file-from-folders-on-the-fly/

※少しクラスの修正を行いました。

include_once("CreateZipFile.inc.php");
$createZip = new CreateZipFile;

$createZip -> addDirectory("dir/");

// testディレクトリ以下全てを対象にする
$createZip->get_files_from_folder('test/', 'dir/');

$fileName = "test.zip";
$fd = fopen ($fileName, "wb");
$out = fwrite ($fd, $createZip -> getZippedfile());
fclose ($fd);

$createZip -> forceDownload($fileName);
@unlink($fileName);

PHPでファイル・ディレクトリを圧縮する方法 ～その１～

サーバ上のファイルをまとめて圧縮する方法をちょっと考えてみた・・・
一つ目の方法としては、外部コマンドを実行して圧縮する方法。

サーバが外部コマンド実行関数を有効にしていないと使えないけど、とても速いし簡単。

$compressTargetDir(圧縮対象ファイル・ディレクトリ)と$compressedFileName（圧縮ファイル名）を
引数として関数を呼び出すと圧縮してくれます。

function makeCompressedFile($compressTargetDir , $compressedFileName) {

   　if(is_null($compressTargetDir) || is_null($compressedFileName)){
       　　return -1;
   　}

   　// 文字エンコード変換
   　$compressTargetDir = mb_convert_encoding($compressTargetDir,"SJIS");
   　$compressedFileName = mb_convert_encoding($compressedFileName,"SJIS");

   　// 対象ファイル・ディレクトリ存在チェック
   　if (!file_exists($compressTargetDir)) { return -1; }

   　// 圧縮処理
   　$re = exec("zip -r $compressedFileName $compressTargetDir", $output, $return_var);

   　// 正常終了したか確認
   　if($return_var === 0){
       　　return 1;
   　}else{
       　　return -1;
   　}
}

リラックスすると記憶力が上がるらしい！

プログラミングは記憶というより結構体で覚える（染付く）みたいなとこがあるけど、記憶力がいいに越した事はないですよね。
記憶力についてのおもしろいエントリーを発見！

リラックスすると記憶力が上がる。そのメカニズムが明らかに
リラックスしたときの脳波「テラ波」が、学習や記憶を形成し、脳の同期を促すそう。
つまり、リラックス状態の意識は新しい情報を受け取りやすいというわけです。

なるほどねー・・・　いやしかしリラックスしてる時ってたいがい勉学に励んでない時やったりするよな。
リラックスしてる時の集中力との関係性も気になってきた。