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

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

セカンドファクトリー　新谷剛史
2007/7/6

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

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

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

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

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

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

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

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

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

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

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

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

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

■ ＠IT関連記事

どこまでできる？ 無料ツールでWebサイト作成 無料のWebサイト作成は業務レベルでどの程度使えるのか？ 本連載では、さまざまな無料ツールを使用したサイト開発を掘り下げていく

Webオーサリングツールがわかる ホームページ・ビルダー、Dreamweaver 8、Expression Webを解説。CSSによるレイアウトや表現力で優れているのはどれだ 第1回 有償版3大Webオーサリングツールの特徴とは？ 最終回 Webオーサリングツールでコーディングできる人になる 最終更新 2007/4/3

インタラクションデザインパターン インタラクションデザインパターンの原則や秩序の歴史を見てみよう。20年前のAppleはどのようにして質の高い開発を目指していたか 第1回 80年代のAppleに学ぶUIの部品化とガイドライン 第2回 アプリケーションロールデザイン、基礎の10パターン 第3回 データ操作方法、自由な手順と不自由な手順の選び方 最終更新 2007/5/11

ユーザビリティのヒント Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなヒント集。自動販売機でジュースを買うときの不要な動作から考える 第1回 多くのユーザーは一度に1本しかジュースを買わない 第2回 「メールは送信されました」伝えるのなら、控えめに 第3回 虫眼鏡のアイコンは『検索』か『拡大』か？ 最終回 「OK」と「キャンセル」、どちらが有効か 最終更新 2006/10/20

Webアプリケーションのユーザーインターフェイス 従来のデスクトップアプリケーションでのGUIやインタラクションの原則から、Webアプリケーションのデザインを考えよう 第1回 ユーザーにとって “インターフェイス”が製品そのもの 第2回 ユーザーが選びやすいフォームのカタチを考えよう 第3回 UCD＝利用者中心設計のプロセスとは？ 第4回 お金を下ろせないATMの画面デザインを考える 第5回 入力情報を預かる責任を果たせる画面デザインとは？ 第6回 「戻る」で入力データが消えてしまうフォームはいらない 第7回 すでに入り口にいるのに、ホームに導くボタンは親切か 第8回 ユーザーが間違えても間違えずともエラーは回避せよ 最終回 売りたいなら、“販売”でなく“購入”ツールを準備せよ 最終更新 2006/4/22

Apolloプログラミング入門 先週パブリックアルファ版が公開されたApollo。パイロットユーザーだった著者がいち早くデスクトップアプリケーションの作成方法をお伝えしよう 第1回 背景が透けて表示されるApolloアプリを作成してみよう 第2回 自由な形にできるウィンドウのApolloアプリを作成 第3回 Apollo File APIを用いてローカルファイルを読むには？ 最終更新 2007/6/7

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サイト作成ツールはいっぱい

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

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）