秀丸でアウトライン解析

2010年8月13日

CSSファイルのどこに何を書いているかを見渡したいなーと思ったので、秀丸のアウトライン解析を使ってみました。

設定はこんな感じにしています。IDを振っているdivと、その次のブロック要素まで表示する設定 + 中途半端にHTML5混ざりです。

1. [その他] - [ファイルタイプ別の設定] を選択。
2. [アウトライン] - [解析] の設定を選択し、[ツリー表示 - 通常] のラジオボタンにチェック。

3. 以下を追加。すべて [種類: 文字列] のラジオボタンと正規表現にチェック。

   1. ^(body > )?(header|footer|aside|section|nav|div)(#[a-zA-Z0-9\-_]*)? {
   2. -+ \*/
   3. (header|footer|aside|nav|section|div)((\.|#)[a-zA-Z0-9\-_]*)? (header|footer|aside|nav|section|div|ul|ol|dl|table|p|h[1-6]|form)((\.|#)[a-zA-Z0-9\-_]*)? {

わりと適当なのでちゃんと表示しないセレクタもありますが、とりあえずこれでいいことにします (自分に最適化)。