テキストエディタでWebサイト構築をガンバル人へ：どこまでできる？無料ツールでWebサイト作成（6）（1/3 ページ）

» 2008年02月05日 00時00分公開

[新谷剛史，株式会社セカンドファクトリー]

「あえて」テキストエディタでWebサイト構築

　今回はテキストエディタと組み合わせることで、開発をより便利にできるツールについて考えてみよう。

　現在「あえて」テキストエディタでの開発を行われている方には、現在使っているエディタを選択するまでの“経緯”や“こだわり”があると思う。筆者もこれまでにさまざまなテキストエディタを試し、「この程度のもので十分だ」と感じるテキストエディタを現在使っている。

テキストエディタ＋α

　そこで今回は、テキストエディタ自体とそのプラグイン／拡張機能に関する紹介は行わないこととし、「どのようなテキストエディタを使っている場合でも、組み合わせて使うことでより簡単にWebサイト構築ができるツール」という観点で紹介したいと思う。もちろん、Webオーサリング（Webサイト作成）ツールをお使いの方であっても便利に使えるものだ。

CSSレイアウトがもたらした副産物

　ところで、筆者は数年前と比較してテキストエディタでのコーディングは行いやすくなっていると感じている。それはツールの話ではなく、HTML（XHTML）＋CSSという組み合わせが、テーブル（＜table＞タグ）でレイアウトを行っていたときよりもテキストエディタでの開発に向いていると思うのだ。

テキストエディタでの開発に有利な点

　どういうことかって？そもそも、テーブルでレイアウトを行うためには、＜tr＞や＜td＞などのタグを山ほど記述しなければならないのはもちろんだが、そのほかにも行と列を意識してセルを結合する必要がある。CSSなら、適切なブロック要素で囲めばテーブルよりタグ数が少ないのはもちろんだが、複雑なセルの結合を考える必要性がないので、テキストエディタでの開発に有利だと思うのだ。

　「テーブルでは、デザインとビジュアル要素の分離ができない」とか、「CSSだとWebブラウザ間の表示差を吸収するのが大変だ」などの観点での問題もあるが、これらはそれぞれの方法でのレイアウトに慣れれば、解決できる問題だ。また、「どうあるべきか」論もあるだろうが、それは開発環境には影響しない要素といってよい。

テーブルのセルの結合を意識する必要がない

　だが、どれだけテーブルでのレイアウトに慣れていたとしても、テキストエディタではセルを縦横に結合する作業をミスなく素早く行うのは大変な作業だ。それが有償／無償のさまざまなWebオーサリングツールを生み出すきっかけの1つになっていると思うのだが、CSSでのレイアウトでは、そのようなセル結合に悩まされることはない。さらに「どのブロック」ということを考えれば、テーブルのときのような結合はほとんど意識する必要がない。

　CSSの普及がもたらした副産物といえるのではないだろうか。

Webオーサリングツールの機能について確認

　「早速、機能紹介！」と進む前に、一度Webオーサリングツールとはどのような機能を持ったものなのかについて復習しよう。下記図1に「Webオーサリングツールの機能」をまとめてみた。

図1　Webオーサリングツールの機能例

　コーディングができるエディタがあり、デザイン・ビュー（プレビュー）で確認（または確認とレイアウト作業）ができ、チェックと公開機能がある、というのがWebオーサリングツールの主要な機能だろう。アプリケーションによっては、制作したコンテンツの承認系の機能があったり、ほかのアプリケーションと組み合わせて履歴管理ができたり、あるいは同時に編集することを防ぐために編集ステータスが管理できたりする。

　もちろん、そのほかにもコーディングをスムーズに進めるための機能がアプリケーションごとに存在している。

テキストエディタではどこまでできる？

　さて、これらの機能のうちテキストエディタが担うのは「レイアウト・コーディング」の部分だ。ただし、レイアウトのうちいわゆるデザイン・ビューでレイアウトする機能はテキストエディタには当然無理で、無料ツールを組み合わせたとしても実現は難しいのだが、そのほかの機能についてはアプリケーションの組み合わせで実現可能なものも多い。

　今回は過去に紹介したものを含めて（紹介済みの場合にはごく簡単に）紹介していくこととしよう。