リアルタイムHTMLエディタ

リアルタイムで描画が変更されるHTMLエディタです。

リアルタイムHTMLエディタ

最近HTMLのオーサリングツール（Dreamweaver等）を使わなくなってしまった。開発やサイト製作の殆どはCSSでこなせるし、その点に関して優秀なツールがないからだ。

HTMLを手打ちで入力するのはそれ程厭わないのだが、確認作業が面倒だ。テキストエディタで書いて、ブラウザを再読み込みして…と言う毎度の作業はだんだん飽きてくる。

本日紹介するソフトウェアはそば、リアルタイムHTMLエディタだ。ソースは公開されており、商用/非商用問わず無償で利用できるが改変の有無を問わず再配布は禁じられているのでご注意されたい。

使い方は簡単だ。左側のテキストエリアに表示されたソースを修正すると、右側の表示がそれに合わせて変更される。

CSSやJavaScriptの動作確認にも使える。内部に記述しながら確認し、終わったら外部ファイルにでも移動すれば良い。CSSがリアルタイムで変更されるのは便利だ。

CSSが活用される事で、テーブルタグの複雑な組み合わせによる画面構成が不要になっている。表組みを手書きだとちょっと面倒だが、Divタグ＋CSSなら十分だ。活用場面は様々に考えられる、ぜひ使ってみて欲しい。