IT仕事 秀丸 Artisteer

HTML整形関係の秀丸マクロ

投稿日:2010年10月27日 更新日:

久々の投稿。

自分のHTMLファイルの作成スタイルは、

1.Artisteerでおおざっぱなデザインを決める。
2.同ソフトでHTMLソース(またはWPテンプレート)を出力する。
3.ソースを秀丸&FireFox&FireBugで微修正する(これが時間がかかるんだ)

で、今回、3をやっているときに、無数にあるDIVタグの開始タグと閉じタグの対応がわからなくなって、ずいぶん困った。

その仕事は一応終わったのだが、次回に時間がかかるのがもうイヤなので、なんか無いかと調べてみた。
で、見つかった良品が、これ。

秀まるおのホームページ(サイトー企画)-HTML整形マクロ:ReformTag.mac

秀まるおのホームページ(サイトー企画)-対応するHTMLタグへの移動を行うマクロ

いずれも秀丸のマクロ。
軽くて早くて最高。
マクロとはいえ、最後は手作業が出てくるけども、これでやりたいことの90%は叶う。


さらに、アウトライン解析で視認性をあげるなら、

1.その他メニューの「ファイルタイプ別の設定」、左ペインの「アウトライン-解析」を選択する。
2.同じ画面のプロパティボタンで、ツリー表示のプロパティ-見出しの定義の種類を「文字列」、文字列に”<div”を追加。さらに「大文字/小文字」のチェックを外し、右の「インデントの深さでレベルを決める」にチェックし、「展開/折りたたみ状態」を「初期状態でツリーを折りたたむ」にする。


アウトラインを使わないでやる(または併用する)なら、メインウィンドウの折りたたみをすると見やすくなる。
非表示にしたい行を範囲選択して、表示メニューの「折りたたみ」でOK。

さて、これで結構扱いやすくなったのでは。

-IT仕事, 秀丸, Artisteer

執筆者:

関連記事

秀丸の正規表現で置換

秀丸で文字の前後を入れ替えたい

秀丸で、文字の前後を入れ替え(置き換え)たいとしたときに、結構手間取ったので、メモ。 やりたいこと。 例えば、 「Tシャツ《無地》5枚 カラー:グリーン サイズ:フリー 」を 「Tシャツ《無地》5枚 …

私はFree Call-to-Action Button Generator (CSS and PNG)が気に入った

CSSでさくっとボタンを作れるWebサービスを探したのだが、なかなか見つからない。 カラーピッカーで選びやすく、グラデーションが使えて、できればアイコン画像を埋め込めて、サイズが自由に変更できて、角丸 …

秀丸エクスプローラClassicをブックマークが開いた状態で起動したい

Googleを検索したら、誰もブログにやり方を書いていないみたい。 中途半端に面倒で、かつ中途半端に簡易だからだろう。 よって私が。 1.秀丸エクスプローラClassicのパスを調べておく。私の場合は …

no image

オープンソース・又は安価なECサイト比較

近々来そうなショッピングサイト構築仕事。そのために一日かかって調べた。 忘れないようにメモメモ。 今回の仕事の必要要件 ・管理者がバックエンドから顧客の注文データを投入できる(電話注文・FAX注文対応 …

no image

Amazonツール注文情報取得シートでListOrderで想定しない値エラー

会社では商品をAmazonでセラーとして販売している。 宅急便の伝票を作るときに注文情報(ListOrders)をExcelでCSVで出力できないかなあと、何かのツールを探していて、以下にたどり着いた …