小第粒

text：片山哲也

2 処方

illust：天海誠

面倒なCSSの編集をぐっと楽にする
StyleNoteはいわゆるタグ挿入型HTMLエ

StyleNote（スタイルノート）
フリーソフトディターで、CSS（スタイルシート）にもほぼ

jhttp://www.wht.mmtr.or.jp/˜riki/style/

完全に対応している。HTML のタグを挿入

95

するのと同じ感覚でCSSを簡単に記述でき

作者：RIKIYA NIIMI

98

MeNT

バージョン：4.11

2000

XP

Mac

サイズ：1.71Mバイト

効能：CSSだけでなくHTMLまで一覧から選んで簡単に編集できる。

るスグレモノだ。
HTML がある程度わかっているユーザーから見ても CSS は難しいと言われるが、そSクラスファインダ 使われているCSSのクラスとIDをツリー形式で表示してくれる機能。ツリーから目的のクラスやIDを選ぶと対応する部分に飛び、簡単に編集できる。

れは CSS では「ID」「CLASS」という考え方や、さらに多くの「パラメーター」があってどんな値をとるのかということを知らなければならないからだ。StyleNoteを使っても GUI でプレビューしながら編集できるわけではないので、CSS の基本的な知識は必要となる。
しかし、この段階をクリアしているユーザーにとっては、いちいちプロパティー名や使える値を調べなくても、リストから選んだり必要な部分だけ数字を入力したりすれば鼻歌交じりでCSSファイルを記述できる。
StyleNote には、CSS 編集の支援機能として「クラスセンサ」「クラスファインダ」「スタイルインスペクタ」がある。クラスセンサはHTML内のクラスとIDを監視して、対応する定義がCSSファイルに正しく含まれているかAスタイルインスペクタ プロパ ティーの編集を支援する機能で、CSSの属性が表示されるので、プルダウンメニューから選択するだけでOK。

をチェックする機能、クラスファインダは編集中のCSSファイルにあるCSSクラスとIDをツリー構造で表示する機能、スタイルインスペクタは CSS セレクターの編集を補助して、属性の追加・編集を簡単にしてくれる機能だ。ここまで豊富なCSS作成支援機能がそろったものは見当たらない。これらの機能を使いこなせば、CSSファイルの作成の時間はかなり短縮されるだろう。これ以外にもスタイルシートを簡単に作成するダイアログが用意されていて、まるでウィザードのようにFCSSスタイルの作成ダイアログ クラス、疑似クラスと疑似要素の作成、スタイルのみ作成から選択して、それぞれの要素を選択していくだけで簡単に作成できる。

スタイルシートが作れてしまう。
HTML 編集機能も非常に優秀であり、タグ挿入型のHTMLエディターとしては最も高機能なものと言える。
良いところ

Fスタイルシート作成のダイアログ
クラス、ID、スタイル属性から適用するものを選び、ドロップダウンリストから選択するだけで、<DIV>や<SPAN>のスタイルを簡単に作成できる。

142 +++ iNTERNET magazine 2004.04 +++インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

プロパティーだけでなくカラーコードも簡単に選べる
悪いところ

EUCやUTF8などの文字コードにも対応してくれれば……

EasyCSS は HTML の <HEAD> 〜

EasyCSS（イージーCSS）</HEAD> の間にコピーして使える形のスタ

jhttp://www.pololon.com/koby/
フリーソフト9598

作者：Koby

MeNT

バージョン：1.01

イルシートのコードをGUI で作成できるツーMac

ルだ。CSSと言うと、通常はHTMLファイル

サイズ：103KバイトからCSSファイルを呼び出して使うが、初心

2000

XP

者にはこの EasyCSS のようなスタイルシー

効能：よく使うスタイル指定を手軽に作成できる。

トの使い方のほうがHTML の延長で利用できて簡単だ。本格的なCSSではないものの、Fシンプルなウィンドウ 疑似ブラ
ウザー画面でリアルタイムにプレビューしながら、トライ＆エラーでさまざまな設定を試せる。不要な部分は設定する必要はないので、1か所のスタイル設定のためだけでも利用できる。
ソースが表示されるので、それをコピーして利用する。

CSS の知識がなくても HTML だけではできない文字装飾や背景画像の設定、スクロールバーやマウスカーソルのカスタマイズを、疑似ブラウザー画面でリアルタイムにプレビューしながら作成できるのがメリットだ。

良いところ

凝ったことでなければ手軽に文字装飾などを楽しめる
悪いところ

訪問済みのリンクの色がプレビューできない……
これは CSS 編集ツールではなく、作ったValidate CSS（バリデートCSS）CSSファイルが文法的に間違っていないか

jhttp://pasokon-yugi.cool.ne.jp/freeware/
フリーソフト
作者：Noriya

95

98

MeNT

バージョン：1.2を確認するツールだ。IE の右クリックメニュ

Macーにインストールされる［Validate CSS］の項

サイズ：220Kバイト

目をクリックすれば、そのときに IE で表示し2000XPているサイトが使っている CSS ファイルを効能：作ったCSSが標準仕様に従っているかを右クリックでチェックできる。

「W3C CSS Validation Service（CSS検証サービス）」jを使って、CSS のルールどおりに書かれているかをチェックできる。文
法的に正しくない場合はその内容と場所が指摘されるので、適宜修正すればいい。
jhttp://jigsaw.w3.org/css-validator/
良いところお手軽にCSSファイルの文法チェックができる悪いところ
FA右クリックで利用 作ったCSSとHTMLをサーバーにアップロードしてから、IEでそのページを表示して右クリックだ。ほかのツールと組み合わせれば「正しい」CSSをすばやく作れる。

サーバーにCSSファイルを置かなくても使えれば……

2004年1月の人気オンラインソフト情報 Powered by 窓の杜
人気ソフトトップ10
順位
1234
5
6
7
8910

総ダウンロード数：1985012

名称
ダウンロード数 説明
Opera101258 タブ型ウェブブラウザー
Lhasa
87649 LZH／ZIP形式対応の一発解凍ソフト+Lhaca71442 DLL不要のLhasa風圧縮・解凍ソフト
Lhaplus68728 20種類以上の圧縮形式に対応した圧縮・解凍ソフト
Jw̲cad for Windows
52514 自由に線種をカスタマイズできる2次元CADソフト
DAEMON Tools
49810 仮想CD／DVD-ROMドライブを作成
LHAユーティリティ32
46387 LZH／ZIP／CAB／TARの解凍・圧縮
真空波動研
42780 コーデックの調査ができるメディアプレイヤー
すっきり!! デフラグ
37176 デフラグに最適な状態でデフラグを実行
IrfanView32
31137 音声や動画も再生可能な画像ビューワー

1月にバージョンアップした人気ソフトトップ10
順位
12345678910

名称
ダウンロード数 説明Jw̲cad for Windows
52514 自由に線種をカスタマイズできる2次元CADソフト
真空波動研
42780 コーデックの調査ができるメディアプレイヤー
すっきり!!デフラグ
37176 デフラグに最適な状態でデフラグを実行
UNLHA32.DLL
27902 LZHファイルの圧縮・解凍サポートDLL
Explzh27227 エクスプローラを拡張できる圧縮・解凍ソフト
WinRAR
22521 RAR形式の圧縮・解凍ソフト
IP Messenger
21496 TCP/IPメッセンジャーソフト
CD Manipulator
18694 フリーの国産CDリッピング・ライティングソフト
秀丸エディタ
17118 多機能テキストエディター
リネージュ
15692 多人数参加型オンラインRPG

窓の杜とは：インプレスの運営するウィンドウズ用オンラインソフトライブラリー＆解説のウェブサイト。jhttp://www.forest.impress.co.jp/

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2004.04 +++143

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この PDF ファイルは、株式会社インプレス R&D（株式会社インプレスから分割）が 1994 年～2006 年まで発行した月刊誌『インターネットマガジン』の誌面を PDF 化し、「インターネットマガジン バックナンバーアーカイブ」として以下のウェブサイト「All-in-One INTERNET magazine 2.0」で公開しているものです。

http://i.impressRD.jp/bn
このファイルをご利用いただくにあたり、下記の注意事項を必ずお読みください。
z 記載されている内容（技術解説、URL、団体・企業名、商品名、価格、プレゼント募集、アンケートなど）は発行当時のものです。
z 収録されている内容は著作権法上の保護を受けています。著作権はそれぞれの記事の著作者（執筆者、写真の撮影者、イラストの作成者、編集部など）が保持しています。
z 著作者から許諾が得られなかった著作物は収録されていない場合があります。
z このファイルやその内容を改変したり、商用を目的として再利用することはできません。あくまで個人や企業の非商用利用での閲覧、複製、送信に限られます。
z 収録されている内容を何らかの媒体に引用としてご利用する際は、出典として媒体名および月号、該当ページ番号、発行元（株式会社インプレス R&D）、コピーライトなどの情報をご明記ください。
z オリジナルの雑誌の発行時点では、株式会社インプレス R&D（当時は株式会社インプレス）と著作権者は内容が正確なものであるように最大限に努めましたが、すべての情報が完全に正確であることは保証できません。このファイルの内容に起因する直接的および間接的な損害に対して、一切の責任を負いません。お客様個人の責任においてご利用ください。

このファイルに関するお問い合わせ先
All-in-One INTERNET magazine 編集部
im-info@impress.co.jp
Copyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.