冷麺 | DWを使う意味

2001年08月12日

■ DWを使う意味

「正しいHTML推進の是非論(?)」にインスパイアされたので、ちょっとDreamweaver(以下DW)について書いてみよう。

僕は正しいHTMLを正しく身につけていない者代表みたいなものなので是非論には参加できそうもないが(素人考えでも是だとは思うんだが笑)、DWについてはかなり長期間に渡って使ってきたのでアプリの評価はそれなりに出来ると思う。

正しいHTMLを書くという観点ではDWはクソだ。これは間違いない。自動でDOCTYPE宣言は記述しないし(テンプレートを自分で用意する必要がある。まあ勝手に<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">なんかを宣言されても困るんだが笑)、CSSを推奨しつつもデフォルトのパレットアイコンにはや、<blockquote>(なんと「テキストインデント」という名前になっている!!)などがズラリと並ぶ。いちいち突っ込むと、やはスタイルシートで定義すべきだし、<blockquote>はそもそも「引用」という意味のマークアップをするタグであって、テキストをインデントするためのものではない。実際「正しくないHTML」を槍玉に挙げる際にはこの<blockquote>の用法が頻繁に指摘される。

DWは正しいHTMLを書き出すツールではない。このアプリは一言で言うと、「望みのレイアウトをWYSIWIG的に制作する」ツールだ。WYSIWIGと言うのは、ブラウザ(と言うかIEとNN)がモニタに表示する画面と同じ状態で編集が可能な形式のことである。HTMLのソースと、ブラウザが実際に表示する画面とはかなりの違いがあるので、初心者にとってはこのツールの存在はありがたい。テキストエディタでHTMLを書くと、いちいちブラウザで表示してみてどのように見えるのかを確認しなければならないのだが、WYSIWIGではその手間を省くことが出来るわけだ。

しかしこの「どう見えるか」という部分こそ、HTMLの本質とかけ離れたところであって、その辺りは例えばCSSエディタというようなもの(そんなものはない。多分……)が請け負うべきである。HTMLはあくまでも意味や構造をマークアップするための書式であって、見た目を定義すべきものではない。しかし実際問題、WEBと言えば「ホームページ閲覧」、ブラウザと言えば「IE」という現状では、売れるソフトを作るにあたって、厳密なHTML書式を守るWEBページエディタは望まれていない。望まれているのは「初心者でもブラウザ表示の見栄えがいいHTMLを書き出せる」ツールということになる。例えばというタグが一切使えないWEBページエディタがあったら、多分敷居が高すぎて誰も買ってくれないだろう。

そういうわけで、DWやGoLive、ホームページビルダーらはろくなHTMLを書き出してくれない。正しいHTMLを書きたいなら、秀丸エディタやWZエディタなどを使用し、HTMLのそれなりの知識を持っていないとダメだ。

では「正しいHTML」を身につけたハイレベルなWEBサイト管理者にとって、現在売られているWYSIWIG形式のHTMLエディタは必要ないのだろうか？今回僕が言いたいのはこの部分である。答えは「必要」だ。ここから話はWYSIWIG形式のHTMLエディタ一般から、DWに限定される。他のアプリではどうなのかは僕は知らない。

DWが最も力を発揮するのはHTMLの書き出しではなく、むしろサイト全体のファイル管理をする時なのだ。最初は誰もが小規模なサイトを構築するが、人によっては更新に更新を重ねて巨大サイトに発展させていく。ファイル数は膨大な量になり、どのページがどこにリンクしていたなどの情報はとてもじゃないが人間の脳味噌では把握しきれなくなる。そういったときはディレクトリを分けて、人間がわかりやすいようにファイルを整理することになるのだが、ここでハっと気付くのだ。

「ディレクトリ分けるってことはリンク元の記述も全部書き換えなきゃいけないって事だな……」

例えば<a href="../top.gif">というような記述があるとする。ファイルがごちゃごちゃになったので「img」というディレクトリを作り、画像ファイルは全てそこに格納することにする。そうすると先ほどの<a href="../top.gif">という記述は<a href="../img/top.gif">などに書き換えなければいけなくなる。画像が1枚なら書き換えるHTMLもひとつで済むが、1万枚の画像があったらHTMLでも1万箇所の書き換えを実行しなければならなくなるのだ(ちなみに恐がりには2727枚の画像ファイルがあった)。

こういう時、HTML作成にテキストエディタしか使っていないと、とてつもない労力が必要とされる。そもそも画像にリンクを貼っているHTMLファイルがどこにあるのか、一体何枚あるのか、それすらも把握していないはずだ。それをいちいち検索して1枚1枚HTMLファイルを書き換えるのはほとんど不可能と言っていい。優秀なテキストエディタには「置換」という便利な機能があるが、それとても1度に書き換えられるのは1枚のファイルだけである。

DWはこれらを一気に書き換える事が可能だ。サイト全体のリンク構造をキャッシュに保存しており、どのファイルからどのファイルにリンクが貼られているかを一元管理している。ユーザーは大量の画像ファイルを「img」ディレクトリにGUIで移動させるだけで、自動的に全てのリンク元のHTMLソースが書き換えられるのである。これを便利と言わずして何と言う。

その他にも「正しいHTMLを身につけたWEBサイト管理者」が使うべき便利な機能はいろいろとある。テキストエディタでHTMLを書く人でも、全く改行やインデントをしないという人はいないはずだ。人間のレンダリング能力には限界があるので、例えソースであっても人間が見やすいように普通は改行やインデントをする。これもDWはある法則にのっとって自動で行なってくれる。「ソースフォーマット」という機能である。開始タグと終了タグの入れ子構造を判別し、見た目に美しいソースに自動改行・自動インデントしてくれる。後になって細かい修正をするときにこれは非常に便利だ。

いちいち書いていくとキリがないのだが、こんな風に「HTMLエディタ」としてではなく「サイト管理ツール」として使っていくとDWはなかなかの実力を発揮する。とかく「正しいHTML」を身につけた古くからのPC通は、初心者向けのWYSIWIG式WEBページエディタを一段低く見る傾向があるが、それにははっきりと反論しておきたい。ツールにはそれぞれ得手不得手があるので、HTMLソースを書くときは軽いテキストエディタを使用し、サイトのファイル管理や見た目を確認しながらCSSファイルを書き直すときなどはWYSIWIG式WEBページエディタを使ったほうがいいと思う。初心者に対して、「あんなもの使うとロクなHTMLが書けなくなるぞ」と言うのはその通りだが(僕がそのイイ例)、あんなものを使うと上級者はかなりの楽が出来るのは確かなのだ。

ただし、DWのリソース食いだけはいただけない。Win2000かXP環境で高クロックのCPUと大量のメモリを積むのが必須になるだろう。そうしないと却ってストレスを溜め込むことになる。これらの条件をクリアしたならば、秀丸などの高機能テキストエディタと使い分けをする必要はなくなる。WYSIWIG式WEBページエディタでも、ソースを直接記述することは可能だし、そのテキスト編集機能は必要にして十分だからだ。

FTP機能は貧弱なので、これは別のアプリを使ったほうがいいだろう。

今まで書いてきたHTMLを全部「正しいHTML」に直してくれる素敵なツールが欲しいものだ……。指摘を受けるまでもなく間違ったHTMLは恥ずかしいに決まってる。直す手間を惜しんでいるだけである。しかし昔からのPC通と思われるこの日記CGIスクリプトの作者でさえやレイアウト目的の<blockquote>などを多用しているのだから「正しいHTML」がWEBを埋め尽くすにはまだまだ時間がかかるということだろう。多分。