前にも書いたけど、CSS管理についての考察を再び書いてみようと思う。
なぜこれを書くに至ったかは、ひとつ現状で試していることがあるからだ。
また、これを見た人（どれくらいいるかは分からんけどw）も試すか、もしくは使い勝手や、管理する際の利便性などについて考えてコメントをくれるととても嬉しい。
まず、結論から言ってしまうと「TAGを設ける」ということだ。
最近、色々なオンラインサービスでTAGが目につく。
そしてあとあとその情報を呼び出すときに、そのTAGを指定する、というものだ。
これの便利なところは、ひとつの要素に複数のTAGをつけられる点。
これによって、その情報がなにに属するのか、を複数定義付けられる。
だから例えば、音楽CDを例に取ると、まず「CD」というTAGが考えられる。
また、それが自分の好きなアーティストのアルバムだったとしたら「アルバム」や「お気に入り」、もしくはそのアーティスト名そのものでもいい。
こうして複数のTAGをつけておくことで、もしそれが情報の中に埋もれてしまっても、検索の際にその中のどれかのTAGをキーワードに検索すれば結果に表示されることになる。
さて、なにがいいたいか、というと、CSSにはコメントという機能がある。
そのクラスやIDが一体どういった役割なのか、またファイルの先頭に更新日などを書く場所を設けてもいい。
とにかく、後から見た時に分かりやすくするための情報を付与できる、ということだ。
このコメント、今まではわりと適当にしか使っていなかったが、これの大事さが今になって分かって来た。
できるだけ詳細にコメントを書くことで、それがどういった目的で書かれたのか、またそれ以外の要素についての説明もされていると、そこからさらに別の場所に誘導することもできる。
（例えば、これの中にはem要素が含まれる旨を書き、記述先がこれより下にあることを明示することで検索性があがる）
最近意識していることは、できるだけ詳細に書く事。また、それがboxを定義するものであれば、それの中に一体どんな要素（クラスやID、それ以外のセレクタなど）が含まれるのかも書いている。
実際、場合によっては使用しないクラスなども出て来てしまうが、誰かが編集する際に、新しく追加する項目用のCSSがすでに定義されているのか、また未定義なのか分からない。
それがコメントに書かれていれば、新しくクラスやIDを定義する手間も省けるし、無駄にCSSが増えて行くこともなくなる。
さて、コメントについていくつか自分なりの使い方を書いて来たが、その中で一番使えるのでは？ と思っているのが「TAG」だ。
▼EntryMore▼
上でもTAGに触れているが、これをCSSの管理に応用してしまおう、というものだ。
上であげたコメントの中に、このTAGを埋め込んでいく。
例えば
#wrapper{
/*
すべての大枠になるboxのスタイルです。
[階層]
- [#wrapper]
- [#container]
- [#header]
- [#contents]
- [#information]
- [#footer]
TAGS: (=WRAP,=BOX)
*/
}
こんな感じである。
TAGは(=WRAP,=BOX)の部分で、「=」と単語から構成されている。
もちろん、英語ではなく日本語でもかまわないが、検索する際にめんどくさいので英語にしているｗ
どう使うか、というと、あとあと自分が編集したいCSSが出来たとする。
その際に、検索したいものが一体なにに属するのかを考え、それをキーワードにしてTAGから検索するのだ。
（上で言えば検索ワードは「=WRAP」など）
そうすると、適切にTAG付けされていれば、それぞれの項目が順に頭出しされることになる。
人の書いたCSSなどでは実際自分の思うTAGでヒットしないかもしれないが、それらに関係あるTAGを検索することでいずれは該当箇所にぶつかるはずである。
また、それに近い項目に適切にコメントが書いてあれば、そちらに誘導されて発見することも可能である。
しかし、実際そのCSSファイルの中でどんなTAGが使われているか分からなければどうしようもない。
そこで、先頭にコメント欄を作成し、そこへ更新日などの「目次」的なコメントを入れる。
（これについては前回の
CSS管理の模索でも書いた）
そこに、そのCSSファイルの中で使われているTAG一覧を書く場所を設け、そこへ新しくつけたTAGについては追記していく。
そうすることで、あとから別の人が編集する際に、情報にたどり着きやすくなるのでは、と感じたのだ。
実際、自分がしばらくぶりに編集する際も他人が書いたCSSに近い感触になると思う。
そのときに、コメントがあることでずいぶんと見やすくなったと感じた。
だから今回、ここに書くに至った、というわけだ。
これを読んで、なにかしら思うところがあればコメントをもらえると嬉しいです。
プラス意見でもマイナス意見でもなんでも。
管理についてはまだまだ模索段階なので、色々な意見を見てもっとブラッシュアップしていきたいと思っているので。
よろしくお願いしますヽ( ´ー｀)ノ
コメント
1 - 悠世 さん
こんにちは、悠世と言います。
mixiのトピックから飛んできました。
コメントでセレクタ等にタグを付ける。なるほど、確かに良いアイデアですね。今までさんざん、del.icio.usとか使ってたくせに、全く思いつきませんでした:P
ただ、タグのデメリットに「情報が氾濫してしまう」というのがあると思うので、その点を考慮しつつ、上手く使っていきたいですね。
それでは、お邪魔しました(^^
2006年8月27日 22:05
2 - えど さん
ども、コメントありがとーございます(*'-')
「情報の氾濫」まさにその通りなんですよね。
それに、コメントを書いてタグをつけるかどうかの部分も
まだ考えないとな、と思ってます。
全部に必ずコメントとタグを、となると冗長になるし
なにより作るのが大変になっちゃいますからね…。
まだまだ草案的な段階です。
もっとブラッシュアップして、これは！ってのが
出来たらまた記事を書きますね(*'-')
2006年8月28日 09:05