Dreamweaver CS3が我が家にやってきた【番外編】（HPビルダーからdreamweaverへ2）

前回の記事の続き。意外にdream記事人気みたいなのでありがとう。

なんかめんどくさくなってきたけどがんばろう。おおかまに違いをお話してしまふ。

第一回戦・「起動時間」

そんなことどうでもいいよと思われるかもしれませんが、僕はこれが結構気になっていました。パソコンのメモリが512MBなのですが、Dreamweaver CS3は512MBが最低必要メモリなんです。

最近のパソコンであればGBぐらいが普通かもしれませんけど、僕のパソコン（ちなみに名前はパシリ）は２年ほど前のものなので、GBとなるとちょっと高かったんですね。

そこで512MBを購入したわけですが、dreamにいともたやすく最低と決め付けられ、こんちくしょうてめえもうちょっと低スペックでもいけるようにしろやおんどるぁと思いました。

なわけですが、以外に楽に起動します。CPUも.6GHzのPentium(R)とそこまで良いものではないのですけどいけます。

同時に他のアプリケーションを起動するとちょっとつらいけど、それはビルダーも一緒。

HPビルダーとdreamの起動時間を比べればどっちもどっちです。

dreamの場合サイトを登録するとそれに読み込み時間が多少かかりますが、ビルダーのようにサイト切り替えが楽なのでどっちかっていうとdreamの勝ち。

ちなみにサイト切り替えっていうのは、HPビルダーだと開いたり閉じたりする行為のこと。複数のサイトを所有している人ならサイト登録はしていますよね。

つしか無い人も登録しておくと、全体の編集時に楽なのでサイト登録しておきましょう。HPビルダー向けのアドバイスでした。

dreamの場合その開いたり閉じたりする行為が簡単になっています。詳細は後で。

第二回戦・「作業スペース」

快適に作業したいと誰しも思うはず。HPビルダーの場合、かんたん、スタンダード、エディターズとあります。

名前の通りの作業スペースで、エディターズだと手打ちの人用になっている。

ただ、HPビルダー8の場合はエキスパートだとしても、そのままでは使いづらい。具体的にいうと、個別のページ編集の切り替えと、サイト全体の一括編集。細かい部分もありますが、そんな感じ。

ちょっと手を加えて以下の画像の通りにすると使いやすいです。僕はこれで作業していました。

クリックすると驚きの大画面に。

一方dreamの作業スペースは、コーダー、デザイナー、デュアルスクリーンとあり、デュアルスクリーン以外はウィンドウの位置が変わったくらいでそう違いはありません。

１つ、コーダーの作業スペース（ワークスペース）を確認してみましょう。デザイナーの場合左のツール群が右に移動するだけです。それで何が変わるのか？まったくわからん。デザイナーのみぞしる領域です。

下の画像はコーダー。クリックすれば驚きの広さに！
>

ちなみにデュアルスクリーンとはこんな感じ。何がデュアルだ。僕が名前変えます。ええと、ばひーんすくりーん。イメージ的にばひーん。

痛いネーミングセンス。

それぞれのツールの作業スペースは把握できたと思います。HPビルダーの場合は手を加えてあれで、dreamはそのまんま。最初から無駄が無いから変える必要もないみたい。ここからカスタマイズすることも可能ですが、そのまんまでも支障はそうありません。

各ツールの作業スペースがどういうものか画像をみて分かっていただけたと思います。では、作業スペースでどちらが快適かこれからお話していきますね。

ページ編集領域

広さはどちらかというとdreamの方が若干広いようにみえるけど、そう変わりないです。それにそこまで対した問題でもなく、モニタの大きさによる。

よって引き分け。

ツールの豊富さと使いやすさ

HPビルダーも画像以外にいろいろありますが、そう対して使えない。かわってdreamは簡単に格納されていて実用性のあるものもあります。

ただ手打ちだとそう必要というわけでもないかも。

機能はおいといて、豊富で使いやすいのはdreamだと思われます。格納されているしそれをカスタマイズできます。

HPビルダーもカスタマイズできますが、カスタマイズしてもdreamほどにはなれないかなと思う。つめこめばいいのだけれど、広くてなってしまってツールバーの意味なくてめんどくさぁっす。

コード編集

HPビルダーはコードの自動整形機能はあるものの、コード事態の編集はしにくく、そして自動補完もないのでフリーソフトにも劣るコード編集能力。

dreamはコードだけの編集でも十分な機能があります。余分なタグを閉じてしまっておくこともできるからうまく使えば編集する箇所がすぐに見つかる。

無効なコードがどこにあるのかハイライトできて、コメントの付け加えもビルダーと違ってすぐにできてしまいます。

まだまだこれ意外にもありますが、コードでの編集画面ではdreamが優勝ですね。

デザイン編集

デザイン編集ってのはコードをさらわずに編集するものです。いわゆるWYSIWYG型というやつですね。

どっちが使いやすいかといえば、コード中心のdreamとはいえ高価なものですから、そちらの面でも劣っていたらてめえ詐欺じゃねえかというわけで。

HPビルダーはWYSIWYG型用に設計されてあって、コード扱える人でもそれなりに使いやすいしとこっかあみたいなものがあり、dreamはウェブデザイナー御用達なんだからコードはもちろんだし低価格お手ごろなもんにも劣らないWYSIWYG型にしてやろうかということで、そんなことで？

たぶんそんなことだろうと。

テーブルを使うにしてもdreamは使いやすい。視覚的に長さを表示してくれるし、あのTbodyもつかない。最新のHPビルダーでは設定でつけないようにもできるみていですが。

dreamのテーブルはこんな感じ。

ただこの程度で、他になんかいやっほーいという機能があるわけでもなく、ツールが豊富かでないかを外せはどちらも似たようなもの。改行の印がつくビルダーの機能はdreamにも欲しいが、改行なんて今時しねーぜと思ったら大間違いです。僕はします（笑

何にしてもdreamの方が高機能なのことは確か。dream有効。

個別ページの切り替え

切り替えというのは複数のページを編集するときの切り替えのことをさします。あれこれ編集するのにいちいち「開く」とか押していると効率が悪いですからね。

フリーソフトウェアの場合ここの部分がほとんど貧弱なので使いづらい。

これについてはHPビルダーは工夫すれば使いやすくできるし、dreamはそのまんまでも使いやすい。ただ複数のサイトを越えて個別ページを編集する場合、dreamの方が強い。

サイト変更の切り替えがHPビルダーとは比べ物にならないほど良い。

HPビルダーの場合「サイトを開く」を押して、登録しているサイトの範囲内しか編集できないけど（使い方ではそうもないが）、dreamだとプルダウンをポチっとおせば切り替えられる。

サイトを開くという行為がないんですね。

また視覚的にはどちらとも同じようなものだけど、プルダウン形式のdreamには好感が持てる。かといってHPビルダーがそれに劣るかといえば、それほどの大差もなく、これは個人差です。

これはまあ引き分けっぽいけど、機能性を考えたらどうしてもdreamが勝ってしまう。

第三回戦・「ウェブに使用できる素材の豊富さ」

HPビルダーにはこれでもかってくらいの素材が用意されており、dreamには皆無。ここのあたりはHPビルダーの圧勝です。

ウェブアートデザイナーという簡単な画像加工ソフトウェアもあるので、自分で加工して貼り付けたりなんかもできますよ。

HPビルダーの勝ち。

第四回戦・「CSSの機能」

結構これが気になる人は多いのではないでしょうか？CSSの作成ツールや管理方法など、比較してみたいと思いますが、実際のところこれといって大きな違いもありません。

CSSの管理にしても作成にしても若干の違いがあるだけで、ただいろんな機能があるのがdreamだということですね。

HPビルダーのCSSツールが使えるのなら、dreamのCSSツールも操れると思います。最初は戸惑いますが、少し触っていれば分かるはず。

ただ、編集の柔軟さを考えるとdreamが強い。数値を変えるにしても左側にあるパネルでぱっぱと替えれます。

このCSSツールについてはdreamの別記事で詳細を書きますが、ここではめんどくさいし長くなるので終わり。

基本的にはそう変わりないけど、機能性を考えるとdreamの勝ち。

第五回戦・「検索・置換機能」

一括に編集したい場合や、こういう文字をのあるページを列挙したいってときに役立つ機能です。地味ながら重宝する機能ですね。

HPビルダーは正直この分野ではあまり役に立たないので、僕はフリーソフトを使って検索・置換などを行っています。

変わってdreamですがテキストもコードも検索でき、かつ絞込みもできる。文章単位での置換ができるでしょう。精度にも不満はありません。

検索結果はレポートとして保存できたりなんかもうわけわかんねぇくらいです。

有無を言わさずdreamの勝ち。

おまけ第六回戦・「価格」

dream圧勝。もう高い。HPビルダー手頃。

対戦比較結果

もともと対戦させる必要なんてなく、なんで「第～回戦」とやっているのか意味がわからない。とりあえず比較結果をまとめます。

第一回戦・「起動時間」：引き分け
第二回戦・「作業スペース」：総合的にdream勝ち
第三回戦・「ウェブに使用できる素材の豊富さ」：HPビルダー勝ち
第四回戦・「CSSの機能」：dream勝ち
第五回戦・「検索・置換機能」：dream勝ち
おまけ第六回戦・「価格」：dream優勝

司会者「総合優勝はdreamさんですおめでとう！コメントください。

dream「夢を売るのが俺たちの仕事さ

司会者「そっすか

終わりに

素人のお手頃ソフトHPビルダーと高価で御用達のdreamを対決させて、dream負けりゃ詐欺じゃねえかということで、もちろんdreamの方が良いに決まっているけど、高価だから使いやすいというわけでもなく、使う人によってどれぐらいの機能があると良いのかという参考になればと思い、このようなことになったのです。

対決させるまでもないけどなんとなくノリでやってみようと思った。疲れた。

今度は普通にdreamの良いところというか気に入ったところや、気になったことをご紹介していこうと思う。何ヵ月後かになるかもしれんけど。

この手の記事はめんどくさいから気が向かないとだめみたい。それとHPビルダーから買い換えてみようと思っている人はなんかあったらコメントどうぞ＾＾

にしてもああ暑い…。