Webオーサリングツール

出典: フリー百科事典『ウィキペディア(Wikipedia)』
移動先: 案内検索
ファイル:Kwrite edit html.png
KWrite - HTMLエディタの例
テンプレート:HTML

ウェブオーサリングツールとは、いわゆるウェブページ作成ソフトのことで、ウェブページを構成するHTMLCSSなどのファイルを編集するデザインツールである。インターネットの黎明期から存在し、フリーウェアも多い。HTMLエディタのようにソースコードを編集するのではなく、ワープロソフトあるいはグラフィックソフトウェアのような感覚で、視覚的に編集するツールを指す場合がほとんどである。

概要

HTMLやCSSの文法がわからなくても手軽に利用できるため、利用者は多い。個々のウェブページを作成するだけでなく、ディレクトリなどサイト全体の構成をまとめて管理できたり、作成したファイルをサーバにアップロードするFTPや、サイトに用いる画像を作成・管理する便利な機能がついているソフトもある。

HTMLコードを目にすることなく、作成者が見ている画面と同じようにページが作られることから、テンプレート:ルビと呼ばれることもあるが、WYSIWYGとは本来画面イメージそのままに印刷できるというアイデアであり、ブラウザによって表示が異なったり、フレーム型ページがうまく印刷できないなど、印刷対応が貧弱なオーサリングツールをWYSIWYGなソフトと呼ぶには問題が多い。

最近ではコンテンツマネージメントシステムツールであるポータルサイト開発ソフトやブログ作成ソフトの多くで、時系列によらない静的なウェブページを作成・管理することができるようになっており、さらにコンテンツマネジメントシステム的な発想でウェブページをデザインできる製品も登場している。これらのツールではほとんどHTMLやCSSを意識することなく、テキストや画像を投稿、あるいはテンプレートにはめ込むという制作スタイルとなる。ページや画像間のリンクはツールが自動的に更新してくれるので、ページごとの手作業で問題となるリンク切れが発生しないという、大きな利点がある。

HTMLエディタ

HTMLはマークアップ言語であり、プログラミング言語のような構造を持っている。そのような特質に対応したテキストエディタを特にHTMLエディタと呼ぶ。

特徴としてはHTML要素名やリテラル文字列(ダブルクォート記号で囲まれた固定文字列)を色分け表示するシンタックスハイライト、文法チェックや自動インデント表示など整形機能がある。インターネットの黎明期においては、もっぱらこのようなテキストエディタでHTMLファイルが作成された。現在入手できるWindows用のものは「TeraPad」、「Crescent Eve」、「EmEditor」、「秀丸エディタ」がHTML編集に対応した機能を備えている。また、Mac OS XのものではmiJedit XskEditUnixオペレーティングシステムではKWriteKateがHTML編集に適した機能を持っている。

テキストエディタには基本的にプレビュー画面は用意されておらず、ブラウザで表示を確認しながら編集作業を進めるのが通常のスタイルである。しかし最近は「HTMLエディタ」と銘打ち、プレビュー機能を備えたエディタであるalphaEDITEspressoのようなソフトも登場している。プレビューにはWebKitTridentを用いるケースが多い。

歴史的にHTMLエディタの機能を強化したのが、現在のウェブオーサリングツールであるともいえる。HTMLエディタで作成するシンプルなコードは検索エンジン最適化にも効果的であることから、一部のウェブデザイナーには見直されつつあり、CodaのようにHTMLおよびCSSの直接編集とコンテンツマネジメントシステムの機能を組み合わせたウェブ構築ソフトもある。ただし入れ子になったテーブルやスタイルシートを多用したサイトを、最初からテキストエディタでコーディングするのは煩雑であるため、デザイン重視のサイトの構築には、なおウェブオーサリングツールを併用するのが一般的である。

問題点

市販のウェブオーサリングツールによっては、以下のような問題点があると指摘されているテンプレート:要出典

  • 出力されるコードがHTMLの文法に準拠していない製品がある。
  • XHTMLに未対応、あるいは対応が不十分である。
  • 将来廃止されるか、使用の推奨されない要素や属性が利用される。
  • タグの開始と終了の対応が見にくく、構造的に表示されない。
  • そのツールのみで用いられる、独自の要素やコメント、JavaScriptなどが挿入されることがある。
  • レイアウトのためにtable要素を用いる製品がある。正しく表示できないブラウザや、音声読み上げ式ユーザーエージェントで正しく読み上げられない原因となる。
  • 編集画面の表示とブラウザの表示が、必ずしも一致しない。また最新ブラウザへの対応が遅れがちとなる。
  • CSSの自動作成機能を使って編集を繰り返すと、同じスタイルの二重定義が発生したり、使わないスタイルが増加する。
  • 以上のように余分なものが挿入されがちなので、結果としてHTMLファイルが肥大である。

特に古いウェブオーサリングツールには以上のような問題点が多いため、新しいツールへの切り替えやHTMLエディタを使った手作業によるタグ修正が推奨されている。

主なウェブオーサリングツール

対応OSについて特記がないものはクロスプラットフォームである。

関連項目

テンプレート:Webオーサリングソフト