Webオーサリングツールを使ってみよう:特別編

業務で使える! 無料Webサイト作成ツール集


セカンドファクトリー 新谷剛史

2007/7/6

 Web上でかんたんサイト構築 ― Google Page Creator

 Googleが提供しているGoogle Page Creatorは、簡単なページ編集機能とファイル管理が可能なアプリケーションである。Googleのアカウントが必要で、かつ公開先も独自のものとなってしまうため、Webオーサリングツールとはいい難い面もあるが、「このようなタイプのサービスも存在する」ということで紹介した。

 検索機能に強いGoogle発のアプリケーションのため、ページ管理機能が充実している点は注目すべきだが、編集機能としては簡易的なものであり、コードを意識せずにサイト構築を行う、というタイプのものだ。このところ、先に紹介したFirebugのようなプラグインのインストールも不要な、Webブラウザ上でページを編集可能なサイトやブログなどが増えてきているので、このタイプの動向にも注目すべきであろう。

画面10 Google Page Creatorの使用例
画面10 Google Page Creatorの使用例(画像をクリックすると拡大します)

  シンプルでベーシック ― StyleNote

 シンプルでベーシックなタイプの開発環境である。サイト上での最終アナウンスが2年ほど前となってしまっているが、一般的なアプリケーションタイプの開発環境としてこれまで紹介してきたツール以外のものを見たい場合にはよいのではないだろうか。

画面11 StyleNoteの使用例
画面11 StyleNoteの使用例(画像をクリックすると拡大します)

 Windows環境でCSSコーディング ― CSSVista

 Windows環境でCSSのコーディングが可能なアプリケーションが「CSSVista」だ。HTMLやJavaScriptなどの確認という点では利用できないが、CSSの変更に対してIEとFirefoxでの表示チェックが簡単に行えるという意味で取り上げた。このようなアプリケーションはオーサリングツールとはいえないが、お気に入りのテキストエディタ+CSS Vistaのように、自由な組み合わせでオーサリング環境を組み上げることができるのは、無償アプリケーションを使用する場合の強みである。

画面12 CSSVistaの使用例
画面12 CSSVistaの使用例(画像をクリックすると拡大します)

 ほかにも無料Webサイト作成ツールはいっぱい

 XHTML+CSSやJavaScriptなどはテキストエディタにより開発することが多く、いくつかのテキストエディタは、これらの開発をサポートする機能を装備している。しかし、今回はテキストエディタベースのものではなく、かんたんにコーディングした状態を確認できる機能を有するもので、筆者が知っているものを中心に扱うことにしたが、いかがだったろうか。

 もちろん、今回ご紹介したもののほかにも、無料Webオーサリングツールは多数存在している。何か良い製品をご存じの方は、お気軽に筆者までご連絡いただけると、幸いである。

@IT関連記事

どこまでできる?
無料ツールでWebサイト作成

無料のWebサイト作成は業務レベルでどの程度使えるのか? 本連載では、さまざまな無料ツールを使用したサイト開発を掘り下げていく
JavaScriptの復権
連載:JavaScriptプログラミング再入門 (1)
 Ajax全盛のいま、オブジェクト指向ベースのJavaScript知識は不可欠。過去を振り返りつつ、まずは最新開発事情をチェック
Insider.NET」フォーラム 2007/6/12

新谷 剛史(あらや たけふみ)
セカンドファクトリー デベロップメントセンター マネジメントディレクタ

XHTML+CSSによるコーディングと、リッチコンテンツ開発で品質向上のカギとなる「テストマネジメント」の業務に従事。また、個人サイト「Expression Web Dictionary」ではExpression関連の情報を中心に、XHTMLやCSSの情報を扱っている。

Macromedia Certified Dreamweaver MX 2004 Developer
Microsoft Certified Desktop Support Technician

3/3

 INDEX
Webオーサリングツールを使ってみよう:特別編
業務で使える! 無料Webサイト作成ツール集 
  Page1
Webサイト開発はテキストエディタだけで行えるのか?
Eclipseプラグインタイプも用意されている ― Aptana
日本発のVectorベストオンラインソフト ― ez-HTML
  Page2
Firefoxプラグインでリアルタイム編集 ― Firebug
CSSの確認もできるFirefoxプラグイン ― View formatted source
IEプラグイン ― Internet Explorer Developer Toolbar
Page3
Web上でかんたんサイト構築 ― Google Page Creator
シンプルでベーシック ― StyleNote
Windows環境でCSSコーディング ― CSSVista
ほかにも無料Webサイト作成ツールはいっぱい

リッチクライアント&帳票 全記事一覧へ




HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

HTML5+UX 記事ランキング

本日 月間